126 lines
5.8 KiB
Handlebars
126 lines
5.8 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="update-your-bill-address"}}
|
|
<!--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;">
|
|
<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;">{{ $t "greetings" name=name }},</h1>
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">{{& $t "address-update-msg" }}</p>
|
|
<p style="margin-top:16px;margin-bottom:24px;font-family:Arial,sans-serif;">
|
|
<a href="{{ updateAddrUrl }}" 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 "update-bill-address" }}</span>
|
|
<!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%"> </i><![endif]-->
|
|
</a>
|
|
</p>
|
|
|
|
<h2 style="margin:0">{{ $t "your-cur-bill-address" }}</h2>
|
|
<div class="spacer" style="mso-line-height-rule:exactly;line-height:10px;height:10px;"> </div>
|
|
{{> hr }}
|
|
|
|
<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;">{{$t "line-1" }}</p>
|
|
</td>
|
|
<td valign="top">
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">{{address.line1}}</p>
|
|
</td>
|
|
</tr>
|
|
{{#if (address.line2) }}
|
|
<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;">{{$t "line-2" }}</p>
|
|
</td>
|
|
<td valign="top">
|
|
<p style="margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px;">{{address.line2}}</p>
|
|
</td>
|
|
</tr>
|
|
{{/if }}
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>{{$t "city" }}</strong></td>
|
|
<td valign="top">{{address.city}}</td>
|
|
</tr>
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>{{$t "province" }}</strong></td>
|
|
<td valign="top">{{address.state}}</td>
|
|
</tr>
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>{{$t "postal-code" }}</strong></td>
|
|
<td valign="top">{{address.postalCode}}</td>
|
|
</tr>
|
|
<tr height="14">
|
|
<td colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top"><strong>{{$t "country" }}</strong></td>
|
|
<td valign="top">{{address.Country}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<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> |