-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (78 loc) · 4.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<body style="height: 100% !important; width: 100% !important; margin: 0; padding: 0;">
<div class="container" style="width: 700px; font-family: Helvetica, sans-serif; font-size: 1.2em; color: #101010; margin: 0 auto;">
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="700" id="table-container" style="height: 100% !important; width: 100% !important; border-collapse: collapse; color: #101010; background: #FFF; margin: 0; padding: 0; border: 20px solid #999;" bgcolor="#FFF"><tr>
<td align="center" valign="top" id="cell-container" style="height: 100% !important; width: 100% !important; margin: 0; padding: 0;">
<!-- // BEGIN EMAIL -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="main-container" style="border-collapse: collapse; color: #101010;">
<tr>
<td align="center" valign="top" id="hero-section" style="color: #101010; padding: 20px;">
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" style="border-collapse: collapse; color: #101010;">
<tr>
<td align="center" valign="top">
<h1 style="font-family: Helvetica, sans-serif; font-weight: 300; font-size: 2em; margin: 0; padding: 0;">[store_name]</h1>
</td>
</tr>
<tr>
<td align="center" valign="top">
<img src="http://placehold.it/200X200" alt="" width="200" height="200" style="outline: none; text-decoration: none; margin: 20px 0; border: 0;">
</td>
</tr>
<tr>
<td align="center" valign="top">
<h1 style="font-family: Helvetica, sans-serif; font-weight: 300; font-size: 2em; margin: 0; padding: 0;">Hi, [firstname]</h1>
</td>
</tr>
</table>
</td>
</tr>
<!-- hero-section --><tr>
<td align="center" valign="top" id="cta-container" style="background: #F2F2F2; padding: 20px;" bgcolor="#F2F2F2">
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" align="center" style="border-collapse: collapse; color: #101010;">
<tr>
<td valign="top" align="center">
<p style="line-height: 1.8; text-align: center; margin: 20px 0; padding: 0;" align="center">This is just a friendly reminder that your next subscription order is scheduled to ship in a few days. Exciting times!</p>
</td>
</tr>
<tr>
<td valign="top" align="center">
<p style="line-height: 1.8; text-align: center; margin: 20px 0; padding: 0;" align="center">If you'd like to make any changes to the quantities or adjust anything else on the order now would be the time to do so. You can use the button below to either create an account or login to your account to access your subscirption management page</p>
</td>
</tr>
<tr>
<td valign="top" align="center" id="buttons">
<a href="%5Blogin_url%5D" style="color: #FFF; border-radius: 25px; text-align: center; font-size: 1em; text-decoration: none; display: inline-block; font-weight: 300; margin-bottom: 20px; background: #999; padding: 15px 20px;">LOG IN</a>
<p style="line-height: 1.8; text-align: center; display: inline-block; margin: 0 10px; padding: 0;" align="center">OR</p>
<a href="%5Bstore_url%5D/account/register" style="color: #FFF; border-radius: 25px; text-align: center; font-size: 1em; text-decoration: none; display: inline-block; font-weight: 300; margin-bottom: 20px; background: #999; padding: 15px 20px;">CREATE AN ACCOUNT</a>
</td>
</tr>
<tr>
<td valign="top" align="center">
<p style="line-height: 1.8; text-align: center; margin: 20px 0; padding: 0;" align="center">Thanks again for your order! If you have any questions, don't hesitate to email us.</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- cta-container --><tr>
<td align="center" valign="top" id="footer-container" style="color: #575757; font-size: 0.8em; background: #F2F2F2; padding: 20px;" bgcolor="#F2F2F2">
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" style="border-collapse: collapse; color: #101010;"><tr>
<td align="center" valign="top">
<h2 style="font-weight: 300; font-size: 1.5em; color: #555; margin: 0; padding: 0;">Questions?</h2>
<p style="color: #555; margin: 20px 0; padding: 0;">
If you have any questions, please don't hesitate to get in touch.
</p>
<p style="color: #555; margin: 20px 0; padding: 0;">
<a href="#" style="text-decoration: none; font-size: 1.2em; font-weight: 300; display: inline-block; color: #555; border-radius: 25px; text-align: center; padding: 15px 20px; border: 2px solid #999;">[email protected]</a>
</p>
<p style="color: #555; margin: 20px 0; padding: 0;">[store_name] Team</p>
</td>
</tr></table>
</td>
</tr>
<!-- footer-container -->
</table>
<!-- END EMAIL // -->
</td>
</tr></table>
</div>
</body>