@seliseblocks/mailcraft 0.2.19 → 0.2.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/mailcraft-editor.bundle.js +80 -80
- package/dist/mailcraft-editor.bundle.js.map +3 -3
- package/examples/templates/activate-your-account.html +5 -5
- package/examples/templates/back-in-stock.html +2 -2
- package/examples/templates/cart-left-behind.html +2 -2
- package/examples/templates/community-giveaway.html +2 -2
- package/examples/templates/frontend-futures-invite.html +3 -3
- package/examples/templates/give-25-get-25.html +3 -3
- package/examples/templates/invoice-paid.html +3 -3
- package/examples/templates/meet-nova-launch.html +3 -3
- package/examples/templates/mega-weekend-sale.html +1 -1
- package/examples/templates/order-confirmed.html +2 -2
- package/examples/templates/rate-your-headphones.html +2 -2
- package/examples/templates/reset-your-password.html +3 -3
- package/examples/templates/thankyou-promo-code.html +2 -2
- package/examples/templates/the-sunday-brief.html +2 -2
- package/examples/templates/welcome-to-your-workspace.html +4 -4
- package/examples/templates/your-order-shipped.html +3 -3
- package/examples/templates/your-password-was-changed.html +4 -4
- package/examples/templates/your-signin-code.html +4 -4
- package/examples/vanilla.html +50 -50
- package/package.json +1 -1
- package/src/core/blocks.js +2 -2
- package/src/core/editor-core.js +2 -2
- package/src/core/export.js +20 -2
- package/src/core/i18n/index.js +83 -83
- package/src/core/ids.js +1 -1
- package/src/core/import-html.js +8 -2
- package/src/core/parse.js +10 -10
- package/src/core/placeholder.js +15 -15
- package/src/core/sanitize.js +1 -1
- package/src/core/variables.js +11 -11
- package/src/render/block-body.js +1 -1
- package/src/render/focus-preserve.js +158 -158
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; overflow:hidden;">
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="background-color:#0065b3; padding:22px 36px;">
|
|
14
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:0.08em; color:#ffffff;">{{
|
|
14
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:0.08em; color:#ffffff;">{{company}}</p>
|
|
15
15
|
</td>
|
|
16
16
|
</tr>
|
|
17
17
|
<tr>
|
|
18
18
|
<td align="center" style="padding:34px 36px 8px;">
|
|
19
19
|
<p style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:0.2em; text-transform:uppercase; color:#0065b3;">Account activation</p>
|
|
20
|
-
<h1 style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.25; color:#10243c;">One last step, {{
|
|
21
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#3f5063;">Welcome to {{
|
|
20
|
+
<h1 style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.25; color:#10243c;">One last step, {{first_name}}</h1>
|
|
21
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#3f5063;">Welcome to {{company}}. Tap the button below to activate your account; it takes less than ten seconds.</p>
|
|
22
22
|
</td>
|
|
23
23
|
</tr>
|
|
24
24
|
<tr>
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
<td style="padding:28px 36px 8px;">
|
|
37
37
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f8fc; ">
|
|
38
38
|
<tr>
|
|
39
|
-
<td style="padding:16px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12.5px; line-height:1.65; color:#5b6d80;">This link is personal to <strong>{{
|
|
39
|
+
<td style="padding:16px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12.5px; line-height:1.65; color:#5b6d80;">This link is personal to <strong>{{email}}</strong> and expires in 24 hours. If you didn’t create an account with {{company}}, you can safely ignore this email.</td>
|
|
40
40
|
</tr>
|
|
41
41
|
</table>
|
|
42
42
|
</td>
|
|
43
43
|
</tr>
|
|
44
44
|
<tr>
|
|
45
45
|
<td style="padding:24px 36px 30px;">
|
|
46
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;"><a href="{{
|
|
46
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;"><a href="{{unsubscribe_url}}" style="color:#8194a7;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#8194a7;">Notification settings</a></p>
|
|
47
47
|
</td>
|
|
48
48
|
</tr>
|
|
49
49
|
</table>
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="padding:36px 36px 8px;">
|
|
14
14
|
<p style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.2em; text-transform:uppercase; color:#b85c38;">Back in stock</p>
|
|
15
|
-
<h1 style="margin:0 0 10px; font-family:Georgia, 'Times New Roman', serif; font-size:28px; line-height:1.25; color:#29241d;">Good news, {{
|
|
15
|
+
<h1 style="margin:0 0 10px; font-family:Georgia, 'Times New Roman', serif; font-size:28px; line-height:1.25; color:#29241d;">Good news, {{first_name}}</h1>
|
|
16
16
|
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.65; color:#5d574c;">The Terracotta Trainer in your size is back, and your watchlist held your place in line.</p>
|
|
17
17
|
</td>
|
|
18
18
|
</tr>
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
</tr>
|
|
46
46
|
<tr>
|
|
47
47
|
<td align="center" style="padding:12px 36px 32px;">
|
|
48
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#a3988a;">You asked us to write when this returned, {{
|
|
48
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#a3988a;">You asked us to write when this returned, {{email}}.<br /><a href="{{unsubscribe_url}}" style="color:#a3988a;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#a3988a;">Preferences</a></p>
|
|
49
49
|
</td>
|
|
50
50
|
</tr>
|
|
51
51
|
</table>
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
</tr>
|
|
21
21
|
<tr>
|
|
22
22
|
<td align="center" style="padding:16px 36px 6px;">
|
|
23
|
-
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:1.3; color:#241b3a;">Still thinking it over, {{
|
|
23
|
+
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:1.3; color:#241b3a;">Still thinking it over, {{first_name}}?</h1>
|
|
24
24
|
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.65; color:#574d70;">Your bag is being held for the next 48 hours, with a little thank-you for coming back.</p>
|
|
25
25
|
</td>
|
|
26
26
|
</tr>
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
</tr>
|
|
57
57
|
<tr>
|
|
58
58
|
<td align="center" style="padding:12px 36px 32px;">
|
|
59
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#9c92b8;">Sent to {{
|
|
59
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#9c92b8;">Sent to {{email}}.<br /><a href="{{unsubscribe_url}}" style="color:#9c92b8;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#9c92b8;">Preferences</a></p>
|
|
60
60
|
</td>
|
|
61
61
|
</tr>
|
|
62
62
|
</table>
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
<td align="center" style="padding:36px 36px 8px;">
|
|
27
27
|
<p style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.22em; text-transform:uppercase; color:#38bdf8;">The community giveaway</p>
|
|
28
28
|
<h1 style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:34px; line-height:1.15; color:#ffffff;">One year free,<br />for you and a friend</h1>
|
|
29
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#aeb8d8;">We turned five this month. To celebrate, five lucky members win a free year, and each brings a friend along. Entry takes one click, {{
|
|
29
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#aeb8d8;">We turned five this month. To celebrate, five lucky members win a free year, and each brings a friend along. Entry takes one click, {{first_name}}.</p>
|
|
30
30
|
</td>
|
|
31
31
|
</tr>
|
|
32
32
|
<tr>
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
</tr>
|
|
71
71
|
<tr>
|
|
72
72
|
<td align="center" style="padding:12px 36px 32px;">
|
|
73
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#5d6788;">Sent to {{
|
|
73
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#5d6788;">Sent to {{email}} · Winners notified by reply, never by DM.<br /><a href="{{unsubscribe_url}}" style="color:#5d6788;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#5d6788;">Preferences</a></p>
|
|
74
74
|
</td>
|
|
75
75
|
</tr>
|
|
76
76
|
</table>
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#171332; ">
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="padding:12px 36px 0;">
|
|
14
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:0.24em; text-transform:uppercase; color:#8f7bd8;">{{
|
|
14
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:0.24em; text-transform:uppercase; color:#8f7bd8;">{{company}} presents</p>
|
|
15
15
|
</td>
|
|
16
16
|
</tr>
|
|
17
17
|
<tr>
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
</tr>
|
|
43
43
|
<tr>
|
|
44
44
|
<td style="padding:26px 44px 6px;">
|
|
45
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.7; color:#b3a9d6;">{{
|
|
45
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.7; color:#b3a9d6;">{{first_name}}, one evening, seven short talks, zero sales pitches: view transitions, state machines, and what accessibility looks like from the inside. Followed by drinks and argumentative dessert.</p>
|
|
46
46
|
</td>
|
|
47
47
|
</tr>
|
|
48
48
|
<tr>
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
</tr>
|
|
59
59
|
<tr>
|
|
60
60
|
<td align="center" style="padding:12px 36px 32px;">
|
|
61
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#6d6494;">Can’t make it in person? The talks are streamed and archived.<br />Sent to {{
|
|
61
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#6d6494;">Can’t make it in person? The talks are streamed and archived.<br />Sent to {{email}} · <a href="{{unsubscribe_url}}" style="color:#6d6494;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#6d6494;">Preferences</a></p>
|
|
62
62
|
</td>
|
|
63
63
|
</tr>
|
|
64
64
|
</table>
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#16352a; ">
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="background-color:#1e7a4f; padding:30px 32px 26px; ">
|
|
14
|
-
<p style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.22em; text-transform:uppercase; color:#cdeeda;">The {{
|
|
14
|
+
<p style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.22em; text-transform:uppercase; color:#cdeeda;">The {{company}} referral programme</p>
|
|
15
15
|
<h1 style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height:1.1; color:#ffffff;">Give $25 · Get $25</h1>
|
|
16
16
|
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.5; color:#d9efe2;">You both win: they save on their first order, you get credit when it ships.</p>
|
|
17
17
|
</td>
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
<p style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#9dc3ad;">Your personal link</p>
|
|
22
22
|
<table role="presentation" cellpadding="0" cellspacing="0" style="background-color:#0f1c17; ">
|
|
23
23
|
<tr>
|
|
24
|
-
<td style="padding:12px 22px; font-family:'Courier New', Courier, monospace; font-size:13px; color:#e9f5ee;">example.com/r/{{
|
|
24
|
+
<td style="padding:12px 22px; font-family:'Courier New', Courier, monospace; font-size:13px; color:#e9f5ee;">example.com/r/{{first_name}}-8f2</td>
|
|
25
25
|
</tr>
|
|
26
26
|
</table>
|
|
27
27
|
</td>
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
</tr>
|
|
59
59
|
<tr>
|
|
60
60
|
<td align="center" style="padding:12px 36px 32px;">
|
|
61
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#6f9784;">No cap on rewards; refer three friends, get $75. Sent to {{
|
|
61
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#6f9784;">No cap on rewards; refer three friends, get $75. Sent to {{email}}.<br /><a href="{{unsubscribe_url}}" style="color:#6f9784;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#6f9784;">Preferences</a></p>
|
|
62
62
|
</td>
|
|
63
63
|
</tr>
|
|
64
64
|
</table>
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<td style="padding:30px 36px 10px;">
|
|
14
14
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
|
|
15
15
|
<tr>
|
|
16
|
-
<td style="font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#14324f;">{{
|
|
16
|
+
<td style="font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#14324f;">{{company}}</td>
|
|
17
17
|
<td align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5; color:#6b7c8f;">Invoice <strong style="color:#14324f;">#INV-2051</strong><br />Issued 26 August 2026</td>
|
|
18
18
|
</tr>
|
|
19
19
|
</table>
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
<td style="padding:18px 36px 8px;">
|
|
24
24
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#e9f7ee; ">
|
|
25
25
|
<tr>
|
|
26
|
-
<td style="padding:14px 18px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#1e7a3c;">✔ Paid in full. Thank you, {{
|
|
26
|
+
<td style="padding:14px 18px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#1e7a3c;">✔ Paid in full. Thank you, {{first_name}}</td>
|
|
27
27
|
</tr>
|
|
28
28
|
</table>
|
|
29
29
|
</td>
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
</tr>
|
|
67
67
|
<tr>
|
|
68
68
|
<td style="padding:10px 36px 30px;">
|
|
69
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;">Charged to Visa •••• 4242. Questions about this invoice? Just reply to this email.<br /><a href="{{
|
|
69
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;">Charged to Visa •••• 4242. Questions about this invoice? Just reply to this email.<br /><a href="{{unsubscribe_url}}" style="color:#8194a7;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#8194a7;">Notification settings</a></p>
|
|
70
70
|
</td>
|
|
71
71
|
</tr>
|
|
72
72
|
</table>
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#111832; ">
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="background-color:#0065b3; padding:34px 32px 30px; ">
|
|
14
|
-
<p style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.22em; text-transform:uppercase; color:#bfdbfe;">New from {{
|
|
14
|
+
<p style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.22em; text-transform:uppercase; color:#bfdbfe;">New from {{company}}</p>
|
|
15
15
|
<h1 style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:38px; line-height:1.1; color:#ffffff;">Meet Nova</h1>
|
|
16
16
|
<p style="margin:10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.5; color:#dbeafe;">Our biggest release yet, and it’s already in your account.</p>
|
|
17
17
|
</td>
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
<tr>
|
|
25
25
|
<td align="center" style="padding:32px 36px 6px;">
|
|
26
26
|
<h2 style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:21px; line-height:1.3; color:#ffffff;">Everything you asked for, in one update</h2>
|
|
27
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.7; color:#aebad6;">Hi {{
|
|
27
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.7; color:#aebad6;">Hi {{first_name}}: over 4,000 of you shaped this release. Nova rebuilds the parts that slowed you down and adds the three things you asked for most.</p>
|
|
28
28
|
</td>
|
|
29
29
|
</tr>
|
|
30
30
|
<tr>
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
</tr>
|
|
64
64
|
<tr>
|
|
65
65
|
<td align="center" style="padding:14px 36px 32px;">
|
|
66
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#68738f;">Sent to {{
|
|
66
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#68738f;">Sent to {{email}}.<br /><a href="{{unsubscribe_url}}" style="color:#68738f;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#68738f;">Preferences</a></p>
|
|
67
67
|
</td>
|
|
68
68
|
</tr>
|
|
69
69
|
</table>
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
</tr>
|
|
47
47
|
<tr>
|
|
48
48
|
<td align="center" style="background-color:#0a0a0a; padding:16px 32px;">
|
|
49
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#6e6e6e;">Sent to {{
|
|
49
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#6e6e6e;">Sent to {{email}} · While stock lasts.<br /><a href="{{unsubscribe_url}}" style="color:#6e6e6e;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#6e6e6e;">Preferences</a></p>
|
|
50
50
|
</td>
|
|
51
51
|
</tr>
|
|
52
52
|
</table>
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<tr>
|
|
13
13
|
<td style="padding:32px 36px 6px;">
|
|
14
14
|
<p style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.16em; text-transform:uppercase; color:#2f9e44;">Order confirmed</p>
|
|
15
|
-
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.25; color:#1a1a1a;">Thanks, {{
|
|
15
|
+
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.25; color:#1a1a1a;">Thanks, {{first_name}}: it’s on its way</h1>
|
|
16
16
|
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#4a4a4a;">Order <strong>#48213</strong>, placed today. We’ll email tracking as soon as the courier scans it, usually within one business day.</p>
|
|
17
17
|
</td>
|
|
18
18
|
</tr>
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
<tr>
|
|
70
70
|
<td style="padding:10px 36px 30px;">
|
|
71
71
|
<p style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6; color:#4a4a4a;">Need a different size? Exchanges are free for 30 days; start one from the order page above.</p>
|
|
72
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#9a9a94;">This receipt was sent to {{
|
|
72
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#9a9a94;">This receipt was sent to {{email}}. <a href="{{unsubscribe_url}}" style="color:#9a9a94;">Unsubscribe from marketing</a>; you will still receive order emails.</p>
|
|
73
73
|
</td>
|
|
74
74
|
</tr>
|
|
75
75
|
</table>
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<td align="center" style="padding:36px 36px 10px;">
|
|
14
14
|
<p style="margin:0 0 14px; font-family:Arial, Helvetica, sans-serif; font-size:26px; letter-spacing:0.1em; color:#e6b93c;">★ ★ ★ ★ ★</p>
|
|
15
15
|
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.3; color:#16233a;">Two weeks with your headphones: how is it going?</h1>
|
|
16
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.65; color:#435d80;">Hi {{
|
|
16
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.65; color:#435d80;">Hi {{first_name}}, a quick one: your thoughts help the next buyer decide. It takes about a minute, and we’d really appreciate it.</p>
|
|
17
17
|
</td>
|
|
18
18
|
</tr>
|
|
19
19
|
<tr>
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
</tr>
|
|
54
54
|
<tr>
|
|
55
55
|
<td align="center" style="padding:12px 36px 32px;">
|
|
56
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;">Sent to {{
|
|
56
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;">Sent to {{email}} · we only ask once per order.<br /><a href="{{unsubscribe_url}}" style="color:#8194a7;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#8194a7;">Preferences</a></p>
|
|
57
57
|
</td>
|
|
58
58
|
</tr>
|
|
59
59
|
</table>
|
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; overflow:hidden;">
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="background-color:#0065b3; padding:22px 36px;">
|
|
14
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:0.08em; color:#ffffff;">{{
|
|
14
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:0.08em; color:#ffffff;">{{company}}</p>
|
|
15
15
|
</td>
|
|
16
16
|
</tr>
|
|
17
17
|
<tr>
|
|
18
18
|
<td align="center" style="padding:34px 36px 8px;">
|
|
19
19
|
<p style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:0.2em; text-transform:uppercase; color:#d97706;">Password reset</p>
|
|
20
20
|
<h1 style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.25; color:#10243c;">Reset your password</h1>
|
|
21
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#3f5063;">Hi {{
|
|
21
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#3f5063;">Hi {{first_name}}, we received a request to reset the password for <strong>{{email}}</strong>. Use the button below to choose a new one.</p>
|
|
22
22
|
</td>
|
|
23
23
|
</tr>
|
|
24
24
|
<tr>
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
</tr>
|
|
44
44
|
<tr>
|
|
45
45
|
<td style="padding:24px 36px 30px;">
|
|
46
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;"><a href="{{
|
|
46
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;"><a href="{{unsubscribe_url}}" style="color:#8194a7;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#8194a7;">Notification settings</a></p>
|
|
47
47
|
</td>
|
|
48
48
|
</tr>
|
|
49
49
|
</table>
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="padding:38px 36px 8px;">
|
|
14
14
|
<p style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.2em; text-transform:uppercase; color:#c2762d;">A small thank-you</p>
|
|
15
|
-
<h1 style="margin:0 0 12px; font-family:Georgia, 'Times New Roman', serif; font-size:30px; line-height:1.2; color:#2d2a24;">Here’s 20% off, {{
|
|
15
|
+
<h1 style="margin:0 0 12px; font-family:Georgia, 'Times New Roman', serif; font-size:30px; line-height:1.2; color:#2d2a24;">Here’s 20% off, {{first_name}}</h1>
|
|
16
16
|
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#5d574c;">It’s been a year since you joined us, and that’s worth celebrating. Here’s a little something to mark it.</p>
|
|
17
17
|
</td>
|
|
18
18
|
</tr>
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
</tr>
|
|
58
58
|
<tr>
|
|
59
59
|
<td align="center" style="padding:12px 36px 32px;">
|
|
60
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#a3988a;">Sent to {{
|
|
60
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#a3988a;">Sent to {{email}} · One code per order.<br /><a href="{{unsubscribe_url}}" style="color:#a3988a;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#a3988a;">Preferences</a></p>
|
|
61
61
|
</td>
|
|
62
62
|
</tr>
|
|
63
63
|
</table>
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
<td align="center" style="background-color:#f6f4ee; padding:36px 40px 34px; border-bottom:1px solid #e3e0d8;">
|
|
28
28
|
<p style="margin:0 0 10px; font-family:Georgia, serif; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:#a06b2c;">Cover story</p>
|
|
29
29
|
<h2 style="margin:0 0 12px; font-family:Georgia, 'Times New Roman', serif; font-size:28px; line-height:1.25; color:#1c1b18;">Why the best ideas arrive before nine</h2>
|
|
30
|
-
<p style="margin:0 0 18px; font-family:Georgia, serif; font-size:15px; line-height:1.65; color:#3d3a33;">Hello {{
|
|
30
|
+
<p style="margin:0 0 18px; font-family:Georgia, serif; font-size:15px; line-height:1.65; color:#3d3a33;">Hello {{first_name}}. This week we sat down with three writers who guard their mornings like a vault. What they cut, what they kept, and the one ritual all three share.</p>
|
|
31
31
|
<a href="https://example.com/issue-214" style="display:inline-block; background-color:#1c1b18; color:#f5f2ea; font-family:Georgia, serif; font-size:14px; font-weight:bold; text-decoration:none; padding:12px 26px; ">Read the full story</a>
|
|
32
32
|
</td>
|
|
33
33
|
</tr>
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
</tr>
|
|
42
42
|
<tr>
|
|
43
43
|
<td align="center" style="padding:24px 32px 30px;">
|
|
44
|
-
<p style="margin:0; font-family:Georgia, serif; font-size:12px; line-height:1.6; color:#8d887b;">You are reading The Sunday Brief because you subscribed at example.com.<br /><a href="{{
|
|
44
|
+
<p style="margin:0; font-family:Georgia, serif; font-size:12px; line-height:1.6; color:#8d887b;">You are reading The Sunday Brief because you subscribed at example.com.<br /><a href="{{unsubscribe_url}}" style="color:#8d887b;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#8d887b;">Update preferences</a></p>
|
|
45
45
|
</td>
|
|
46
46
|
</tr>
|
|
47
47
|
</table>
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
</tr>
|
|
15
15
|
<tr>
|
|
16
16
|
<td style="padding:34px 36px 8px;">
|
|
17
|
-
<h1 style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.25; color:#10243c;">Welcome aboard, {{
|
|
18
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#3f5063;">Your workspace for {{
|
|
17
|
+
<h1 style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.25; color:#10243c;">Welcome aboard, {{first_name}}</h1>
|
|
18
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#3f5063;">Your workspace for {{company}} is ready. Three small steps and your whole team can be working in it today.</p>
|
|
19
19
|
</td>
|
|
20
20
|
</tr>
|
|
21
21
|
<tr>
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
<td style="padding:26px 36px 4px;">
|
|
35
35
|
<h2 style="margin:0 0 14px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#10243c;">Get set up in five minutes</h2>
|
|
36
36
|
<p style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#3f5063;"><strong style="color:#0065b3;">1.</strong> Create your first project; a name is enough, everything else can change later.</p>
|
|
37
|
-
<p style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#3f5063;"><strong style="color:#0065b3;">2.</strong> Invite your team: anyone with a {{
|
|
37
|
+
<p style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#3f5063;"><strong style="color:#0065b3;">2.</strong> Invite your team: anyone with a {{company}} email joins without approval.</p>
|
|
38
38
|
<p style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#3f5063;"><strong style="color:#0065b3;">3.</strong> Connect your tools: two clicks each for calendar, storage and chat.</p>
|
|
39
39
|
</td>
|
|
40
40
|
</tr>
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
<tr>
|
|
52
52
|
<td style="padding:12px 36px 32px;">
|
|
53
53
|
<p style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6; color:#3f5063;">Stuck on anything? Reply to this email; a real person reads every message, usually within the hour.</p>
|
|
54
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;"><a href="{{
|
|
54
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;"><a href="{{unsubscribe_url}}" style="color:#8194a7;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#8194a7;">Notification settings</a></p>
|
|
55
55
|
</td>
|
|
56
56
|
</tr>
|
|
57
57
|
</table>
|
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; overflow:hidden;">
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="background-color:#0065b3; padding:22px 36px;">
|
|
14
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:0.08em; color:#ffffff;">{{
|
|
14
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:0.08em; color:#ffffff;">{{company}}</p>
|
|
15
15
|
</td>
|
|
16
16
|
</tr>
|
|
17
17
|
<tr>
|
|
18
18
|
<td align="center" style="padding:34px 36px 8px;">
|
|
19
19
|
<img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22170%22%20viewBox%3D%220%200%20240%20170%22%3E%20%3Cellipse%20cx%3D%22126%22%20cy%3D%22150%22%20rx%3D%2286%22%20ry%3D%2210%22%20fill%3D%22%23e1e8ef%22%2F%3E%20%3Cpath%20d%3D%22M126%2020%20L200%2052%20L200%20118%20L126%20150%20L52%20118%20L52%2052%20Z%22%20fill%3D%22%23d9995b%22%2F%3E%20%3Cpath%20d%3D%22M126%2020%20L200%2052%20L126%2084%20L52%2052%20Z%22%20fill%3D%22%23e8b988%22%2F%3E%20%3Cpath%20d%3D%22M126%2084%20L200%2052%20L200%20118%20L126%20150%20Z%22%20fill%3D%22%23c67f42%22%2F%3E%20%3Cpath%20d%3D%22M126%2084%20L126%20150%22%20stroke%3D%22%23a86a35%22%20stroke-width%3D%224%22%2F%3E%20%3Cpath%20d%3D%22M88%2036%20L162%2068%22%20stroke%3D%22%23f2d9bd%22%20stroke-width%3D%228%22%2F%3E%20%3Cg%20stroke%3D%22%230065b3%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%3E%20%3Cline%20x1%3D%2212%22%20y1%3D%2266%22%20x2%3D%2232%22%20y2%3D%2266%22%2F%3E%20%3Cline%20x1%3D%224%22%20y1%3D%2290%22%20x2%3D%2230%22%20y2%3D%2290%22%2F%3E%20%3Cline%20x1%3D%2214%22%20y1%3D%22114%22%20x2%3D%2232%22%20y2%3D%22114%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E" width="120" alt="Your parcel, on the move" style="display:block; width:120px; max-width:100%; height:auto; margin:0 auto 18px;" />
|
|
20
20
|
<p style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:0.2em; text-transform:uppercase; color:#0065b3;">Shipped · Order #48213</p>
|
|
21
|
-
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.3; color:#10243c;">Your order is on its way, {{
|
|
21
|
+
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.3; color:#10243c;">Your order is on its way, {{first_name}}</h1>
|
|
22
22
|
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.65; color:#3f5063;">Order <strong>#48213</strong> left our warehouse this morning and arrives <strong>Thursday, 2 September</strong>.</p>
|
|
23
23
|
</td>
|
|
24
24
|
</tr>
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
</tr>
|
|
65
65
|
<tr>
|
|
66
66
|
<td style="padding:10px 36px 30px;">
|
|
67
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;">No one home? The courier leaves a note and tries again the next working day. This update was sent to {{
|
|
67
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;">No one home? The courier leaves a note and tries again the next working day. This update was sent to {{email}}.<br /><a href="{{unsubscribe_url}}" style="color:#8194a7;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#8194a7;">Notification settings</a></p>
|
|
68
68
|
</td>
|
|
69
69
|
</tr>
|
|
70
70
|
</table>
|
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; overflow:hidden;">
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="background-color:#0065b3; padding:22px 36px;">
|
|
14
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:0.08em; color:#ffffff;">{{
|
|
14
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; letter-spacing:0.08em; color:#ffffff;">{{company}}</p>
|
|
15
15
|
</td>
|
|
16
16
|
</tr>
|
|
17
17
|
<tr>
|
|
18
18
|
<td align="center" style="padding:34px 36px 8px;">
|
|
19
19
|
<p style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:0.2em; text-transform:uppercase; color:#2f9e44;">Security update</p>
|
|
20
20
|
<h1 style="margin:0 0 12px; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.25; color:#10243c;">Password updated</h1>
|
|
21
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#3f5063;">Hi {{
|
|
21
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.65; color:#3f5063;">Hi {{first_name}}, your {{company}} password was just changed. Everything went through; no action is needed.</p>
|
|
22
22
|
</td>
|
|
23
23
|
</tr>
|
|
24
24
|
<tr>
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #e1e8ef; ">
|
|
27
27
|
<tr>
|
|
28
28
|
<td style="padding:14px 18px; border-bottom:1px solid #e1e8ef; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8194a7;">Account</td>
|
|
29
|
-
<td align="right" style="padding:14px 18px; border-bottom:1px solid #e1e8ef; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#10243c;">{{
|
|
29
|
+
<td align="right" style="padding:14px 18px; border-bottom:1px solid #e1e8ef; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#10243c;">{{email}}</td>
|
|
30
30
|
</tr>
|
|
31
31
|
<tr>
|
|
32
32
|
<td style="padding:14px 18px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8194a7;">When</td>
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
</tr>
|
|
48
48
|
<tr>
|
|
49
49
|
<td style="padding:26px 36px 30px;">
|
|
50
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;"><a href="{{
|
|
50
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#8194a7;"><a href="{{unsubscribe_url}}" style="color:#8194a7;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#8194a7;">Notification settings</a></p>
|
|
51
51
|
</td>
|
|
52
52
|
</tr>
|
|
53
53
|
</table>
|
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#1a1f2b; ">
|
|
12
12
|
<tr>
|
|
13
13
|
<td align="center" style="padding:36px 36px 0;">
|
|
14
|
-
<p style="margin:0 0 14px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.2em; text-transform:uppercase; color:#7d8aa5;">{{
|
|
14
|
+
<p style="margin:0 0 14px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.2em; text-transform:uppercase; color:#7d8aa5;">{{company}} · sign-in code</p>
|
|
15
15
|
</td>
|
|
16
16
|
</tr>
|
|
17
17
|
<tr>
|
|
18
18
|
<td align="center" style="padding:8px 36px 10px;">
|
|
19
|
-
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.3; color:#f2f5fa;">Hi {{
|
|
19
|
+
<h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.3; color:#f2f5fa;">Hi {{first_name}}, here is your code</h1>
|
|
20
20
|
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.65; color:#a8b3c7;">Enter this one-time code to finish signing in. It works only once.</p>
|
|
21
21
|
</td>
|
|
22
22
|
</tr>
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
<td style="padding:26px 36px 8px;">
|
|
41
41
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#151a24; ">
|
|
42
42
|
<tr>
|
|
43
|
-
<td style="padding:16px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12.5px; line-height:1.65; color:#7d8aa5;">Never share this code, not with support, not with anyone. {{
|
|
43
|
+
<td style="padding:16px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12.5px; line-height:1.65; color:#7d8aa5;">Never share this code, not with support, not with anyone. {{company}} will never ask for it by phone or email. If you didn’t try to sign in, change your password right away.</td>
|
|
44
44
|
</tr>
|
|
45
45
|
</table>
|
|
46
46
|
</td>
|
|
47
47
|
</tr>
|
|
48
48
|
<tr>
|
|
49
49
|
<td align="center" style="padding:22px 36px 32px;">
|
|
50
|
-
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#5d6981;">Sent to {{
|
|
50
|
+
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#5d6981;">Sent to {{email}}<br /><a href="{{unsubscribe_url}}" style="color:#5d6981;">Unsubscribe</a> · <a href="https://example.com/preferences" style="color:#5d6981;">Notification settings</a></p>
|
|
51
51
|
</td>
|
|
52
52
|
</tr>
|
|
53
53
|
</table>
|