test

mail@pastecode.io avatar
unknown
html
a year ago
6.5 kB
1
Indexable
Never
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB">

<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="format-detection" content="date=no" />
	<meta name="format-detection" content="address=no" />
	<meta name="format-detection" content="telephone=no" />
	<style>
		@media screen and (max-width:720px) {
			.mobile tr {
				display: block!important;
			}
			table.tbl-mobile {
				width: 375px!important;
				max-width: 375px!important;
			}
			table img{
				max-width: 100%!important;
				height: auto!important;
			}
			.mb-30-15 {
				padding: 30px 15px!important;
			}
			.mb-20-15 {
				padding: 20px 15px!important;	
			}
			.mb-20-15-60 {
				padding: 20px 15px 60px!important;
			}
			.mb-font-30 {
				
        : 30px!important;
			}
		}
	</style>
</head>

<body class="body" style="margin:0;padding: 0;background:#f4f3f8;-webkit-text-size-adjust:none;font-family:Arial;">
	<div style="width: 100%;background:#f4f3f8; ">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td align="center" valign="top">
				<table width="600" border="0" cellspacing="0" cellpadding="0" class="tbl-mobile">
					<tr>
						<td>
							
							<!-- End Row 1 -->
							<!-- Start Row 3 -->
							<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:#ffffff;color:#1A1A20;">
								<tr>
									<td style="padding: 60px 40px 60px;" class="mb-30-15">
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td style="padding-bottom: 20px">
													<p style="margin: 0;line-height: 1.5;font-size:16px; color: #424353;">Hi <b>{{event.name}}<b/> 👋,</p>
												</td>
											</tr>
											<tr>
												<td style="padding-bottom: 20px">
													<p style="margin: 0;line-height: 1.5;font-size:16px; color: #424353;">I’m Vu, CheckMate Product Manager. Congrats on your first product offer, you’re one step closer to growing your checkout conversion! </p>
												</td>
											</tr>
											<tr>
												<td style="padding-bottom: 20px">
													<p style="margin: 0;line-height: 1.5;font-size:16px; color: #424353;">
                                                                    <div class="gif-test">
                                                                        <img
                                                                            src="https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExZGU4am9uYnVncjZpaWNnMGVxeXNuemxoNnk1ZnhlazdsbGJidHJueSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/SSiuVYaXHAY6yJkRE0/giphy.gif" />
                                                                    </div>
                                                                </td>
                                                            </tr>
											<tr>
												<td style="padding-bottom: 25px">
													<p style="margin: 0;line-height: 1.5;font-size:16px; color: #424353;">I genuinely want to make sure CheckMate is a good match for you and your business. Could you please share some thoughts about your experience with CheckMate? It will take only 2 minutes of your time.</p>
												</td>
											</tr>
											<tr>
												<td style="padding-bottom: 25px">
													<a href="https://app.satismeter.com/survey?token=clT5Wp4GRkdlXfdn&campaign=64a7728fa273fd6df5ad9dc4" style="font-size: 16px;
																						font-weight: 700;
																						color: #fff;
																						background-color: #2f7127;
																						line-height: 3.5;
																						display: inline-block;
																						padding-left: 30px;
																						padding-right: 30px;
																						border-radius: 8px;
																						text-decoration: none;">Submit Your Feedback</a>

												</td>
											</tr>
										<tr>
												<td style="padding-bottom: 20px">
													<p style="margin: 0;line-height: 1.5;font-size:16px; color: #424353;">Anything you and your team might need, don’t hesitate to contact our Support Team via 24/7 Live Chat in app or on our  <a href="https://ecomate.co/#support" style="text-decoration: underline !important;">website</a>.</p>
												</td>
											</tr>
											<tr>
												<td style="padding-bottom: 20px">
													<p style="margin: 0;line-height: 1.5;font-size:16px; color: #424353;">We are here to help you!</p>
												</td>
											</tr>
											<tr>
												<td style="padding-bottom: 0px">
													<p style="margin: 0;line-height: 1.5;font-size:16px; color: #424353;">Vu Nguyen</p>
												</td>
											</tr>
											<tr>
												<td style="padding-bottom: 20px">
													<p style="margin: 0;line-height: 1.5;font-size:16px; color: #424353;">Product Manager @ Ecomate Team</p>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
							<!-- End Row 3 -->


							<!-- Start Row 10 -->
							<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:#2f7127;">
								<tr>
									<td align="center" style="padding: 20px;">
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td align="center">
													<p style="margin:0 0 10px; font-size:16px; color: #ffffff; font-weight: bold;">CheckMate Checkout Upsells</p>
												</td>
											</tr>
											<tr>
												<td align="center">
													<p style="margin:0 0 10px;font-size:12px;color:#ffffff">Want to change how you receive these emails?</p>
												</td>
											</tr>
											<tr>
												<td align="center">
													<a  href="https://ecomate.co/pages/unsubscribe?email={{customer.email}}" style="display:block;font-size: 12px; color: #ffffff; text-decoration: underline !important;">Unsubscribe Here</a>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
							<!-- End Row 10 -->
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	</div>
</body>

</html>