82 lines
3.7 KiB
Handlebars
82 lines
3.7 KiB
Handlebars
<!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>
|
|
<title></title>
|
|
{{> header-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_Logo_Title-->
|
|
{{> header-w-title title="upcoming-renewal-msg-title"}}
|
|
<!--End_Logo_Title-->
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:20px;height:20px;"> </div>
|
|
|
|
<!--Start_1_Col-->
|
|
<table role="presentation" style="width:100%;border:0;border-spacing:0;border-collapse:collapse;">
|
|
<tr>
|
|
<td style="padding-left:22px;padding-right:22px;text-align:left;">
|
|
<h1 style="margin-top:0;margin-bottom:1em;font-family:Arial,sans-serif;font-size:18px;line-height:22px;font-weight:bold;color: #2E7D32;">{{ $t "greetings" name=name }},</h1>
|
|
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
|
|
|
<p style="margin:12px 0;font-family:Arial,sans-serif;font-size:16px;line-height:20px;">
|
|
{{$t "upcoming-renewal-msg-title"}}
|
|
</p>
|
|
|
|
<p style="margin:12px 0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">
|
|
{{& $t "upcoming-renewal-msg-content" prodsName=prodsName upPaymentDate=upPaymentDate cardType=cardType cardEnding=cardEnding }}
|
|
</p>
|
|
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
|
<p style="margin-top:16px;margin-bottom:24px;font-family:Arial,sans-serif;">
|
|
<a href="{{ manageSubUrl }}" 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;font-size:16px">
|
|
<!--[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;">{{ $t "manage-your-subscription" }}</span>
|
|
<!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%"> </i><![endif]-->
|
|
</a>
|
|
</p>
|
|
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
|
{{> hr }}
|
|
|
|
<p style="margin-top:16px;margin-bottom:14px;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">
|
|
{{& $t "contact-notes" }}
|
|
</p>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--End_1_Col-->
|
|
|
|
<!--Start_Footer-->
|
|
{{> footer }}
|
|
<!--End_Footer-->
|
|
|
|
<!--[if mso]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |