209 lines
9.3 KiB
HTML
209 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns="https://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
|
<!-- Ref: https://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919 -->
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="x-apple-disable-message-reformatting">
|
|
<!--[if !mso]><!-->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<!--<![endif]-->
|
|
<title></title>
|
|
<!--[if mso]>
|
|
<style type="text/css">
|
|
table {border-collapse:collapse;border:0;border-spacing:0;margin:0; mso-table-lspace:0pt !important; mso-table-rspace: 0pt !important; }
|
|
div, td {padding:0;}
|
|
div {margin:0 !important;}
|
|
</style>
|
|
<noscript>
|
|
<xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml>
|
|
</noscript>
|
|
<![endif]-->
|
|
<style type="text/css">
|
|
@media screen and (max-width: 460px) {
|
|
.two-col .column {
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.two-col img {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 461px) {
|
|
.two-col .column {
|
|
max-width: 50% !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="margin:0;padding:0;word-spacing:normal;background-color: #ffffff;">
|
|
<div role="article" aria-roledescription="email" lang="en" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#ffffff;">
|
|
<table role="presentation" style="width:100%;border:0;border-spacing:0;">
|
|
<tr>
|
|
<td align="center">
|
|
|
|
<!--[if mso]>
|
|
<table role="presentation" align="center" style="width:660px;">
|
|
<tr>
|
|
<td style="padding:10px 0;">
|
|
<![endif]-->
|
|
<!--The div for Email content-->
|
|
<div class="outer" style="width:96%;max-width:660px;margin:10px auto;">
|
|
|
|
<!--Start_End_Logo_Title-->
|
|
<div class="sidebar" style="font-size:0;text-align:center;background: #2E7D32;">
|
|
|
|
<!--[if mso]>
|
|
<table role="presentation" width="100%" style="background: #2E7D32;" bgcolor="#2E7D32">
|
|
<tr>
|
|
<td style="width:140px;padding:10px;text-align:center;" valign="middle">
|
|
<![endif]-->
|
|
<div class="small" style="width:100%;max-width:160px;display:inline-block;vertical-align:middle;">
|
|
<div style="padding:10px;font-size:14px;line-height:18px;">
|
|
<a href="https://www.agnav.com">
|
|
<img src="https://agmission.agnav.com/public/images/agnav-logo.png" width="140" alt="AG-NAV Logo" style="width:140px;max-width:100%;height:auto;" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!--[if mso]>
|
|
</td>
|
|
<td style="width:460px;padding:10px;text-align:center;" valign="middle">
|
|
<![endif]-->
|
|
<div class="large" style="width:100%;max-width:460px;display:inline-block;vertical-align:middle;">
|
|
|
|
<div style="padding:10px;text-align:center;">
|
|
<h1 style="margin-top:0px;margin-bottom:0;font-family:Arial,sans-serif;font-size:20px;line-height:24px;font-weight:bold;color: #ffffff;">Update your Payment Method</h1>
|
|
</div>
|
|
|
|
</div>
|
|
<!--[if mso]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
|
|
</div>
|
|
<!--End_Logo_Title-->
|
|
<div class="spacer" style="line-height:18px;height:18px;mso-line-height-rule:exactly;"> </div>
|
|
|
|
<!--Start_1_Col-->
|
|
<table role="presentation" style="width:100%;border:0;border-spacing:0;">
|
|
<tr>
|
|
<td style="padding-left:22px;padding-right:22px;text-align:left;">
|
|
<h1 style="margin-top:0;margin-bottom:12px;font-family:Arial,sans-serif;font-size:18px;line-height:22px;font-weight:bold;color: #2E7D32;">Dear Customer,</h1>
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">We found that one of your payment method [Mater card/Visa card/Debit card] ending with '1234' needed to be updated. Please update your payment method continue your AgMission services.</p>
|
|
<p style="margin-top:12px;margin-bottom:24px;font-family:Arial,sans-serif;">
|
|
<a href="https://agmission.agnav.com/update-pm/cust-id" style="background: #28a745; border: 1px solid #28a745; text-decoration: none; padding: 8px 16px; color: #ffffff; border-radius: 4px; display:inline-block; mso-padding-alt:0;text-underline-color:#ffffff;min-width:132px;">
|
|
<!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:20pt"> </i><![endif]-->
|
|
<span style="mso-text-raise:10pt;font-weight:bold;">Update your card</span>
|
|
<!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%"> </i><![endif]-->
|
|
</a>
|
|
</p>
|
|
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<td style="background:none; border-bottom: 1px solid #2E7D32; height:1px; width:100%; margin:0px 0px 0px 0px;font-size: 1px"> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="spacer" style="line-height:10px;height:10px;mso-line-height-rule:exactly;"> </div>
|
|
|
|
<table style="width: 100%; font-size: 14px; color: black;">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="width: 210px;">
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:14px;font-weight:bold;line-height:20px;">Confirmation number</p>
|
|
</td>
|
|
<td valign="top">
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">489278</p>
|
|
</td>
|
|
</tr>
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>Transaction date</strong></td>
|
|
<td valign="top">January 31, 2023 - 17:19 (EST)</td>
|
|
</tr>
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>Bill</strong></td>
|
|
<td valign="top">283118792</td>
|
|
</tr>
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>Amount due</strong></td>
|
|
<td valign="top" style="color:#074088">$39.55</td>
|
|
</tr>
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>Your payment</strong></td>
|
|
<td valign="top" style="color:#074088">$10.45</td>
|
|
</tr>
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>Balance</strong></td>
|
|
<td valign="top" style="color:#074088">$29.10</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="spacer" style="line-height:10px;height:10px;mso-line-height-rule:exactly;"> </div>
|
|
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<td style="background:none; border-bottom: 1px solid #2E7D32; height:1px; width:100%; margin:0px 0px 0px 0px;font-size: 1px"> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p style="margin-top:16px;margin-bottom:14px;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">
|
|
For any changes or questions, please <a href="https://www.agnav.com/contact" style="color: #2E7D32;">contact us.</a>
|
|
</p>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--End_1_Col-->
|
|
|
|
<!--Start_Footer-->
|
|
<table role="presentation" style="width:100%;border:0;border-spacing:0;" bgcolor="#ededed" style="background:#ededed;">
|
|
<tr>
|
|
<td style="padding:10px;text-align:center;">
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:12px;line-height:16px;font-weight: bold;">AG-NAV Inc.</p>
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:12px;line-height:16px;">30 Churchill Drive, Barrie, Ontario, Canada, L4N 8Z5</p>
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:12px;line-height:16px;">Copyright © 2023. AG-NAV Inc. All Rights Reserved.</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--End_Footer-->
|
|
|
|
|
|
<!--[if mso]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |