e7b937e2a3
Surfaces the WHY of the gift in the reminder body. The original
campaign was sent ~10 days before the reminder fires — recipients
may have forgotten the loyalty/gratitude context, leading to a
"what is this?" reaction when they see the reminder cold.
Adding two words ("pour te remercier" / "as a thank-you") cheaply
reconnects with the original messaging and reinforces TARGO's
relationship framing.
FR: "La carte-cadeau qu'on t'a envoyée pour te remercier peut
s'utiliser chez des centaines de marques canadiennes..."
EN: "The gift card we sent you as a thank-you can be redeemed at
hundreds of Canadian brands..."
Greeting kept as "Petit rappel pour {{firstname}}," — first-name
personalization beats generic "toi" on engagement metrics, and the
firstname auto-clean covers ~99% of recipients.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
898 lines
38 KiB
HTML
898 lines
38 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
|
<head>
|
|
<!--[if gte mso 9]>
|
|
<xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:AllowPNG/>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml>
|
|
<![endif]-->
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="x-apple-disable-message-reformatting">
|
|
<!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
@media only screen and (min-width: 620px) {
|
|
.u-row {
|
|
width: 600px !important;
|
|
}
|
|
|
|
.u-row .u-col {
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
.u-row .u-col-100 {
|
|
width: 600px !important;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 620px) {
|
|
.u-row-container {
|
|
max-width: 100% !important;
|
|
padding-left: 0px !important;
|
|
padding-right: 0px !important;
|
|
}
|
|
|
|
.u-row {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.u-row .u-col {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
min-width: 320px !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.u-row .u-col > div {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
}
|
|
|
|
body{margin:0;padding:0}table,td,tr{border-collapse:collapse;vertical-align:top}.ie-container table,.mso-container table{table-layout:fixed}*{line-height:inherit}a[x-apple-data-detectors=true]{color:inherit!important;text-decoration:none!important}
|
|
|
|
|
|
table, td { color: #1B2E24; } #u_body a { color: #00C853; text-decoration: underline; }
|
|
</style>
|
|
|
|
|
|
|
|
<!--[if !mso]><!--><link href="https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans:400,500,600,700" rel="stylesheet" type="text/css"><!--<![endif]-->
|
|
|
|
</head>
|
|
|
|
<body class="clean-body u_body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #F5FAF7;color: #1B2E24">
|
|
<!--[if IE]><div class="ie-container"><![endif]-->
|
|
<!--[if mso]><div class="mso-container"><![endif]-->
|
|
<table role="presentation" id="u_body" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #F5FAF7;width:100%" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
|
|
Because great connections aren't just about fiber. They're about people too.
|
|
</td>
|
|
</tr>
|
|
|
|
<tr style="vertical-align: top">
|
|
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
|
|
<!--[if (mso)|(IE)]><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #F5FAF7;" bgcolor="#F5FAF7"><table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" align="center" style="border-collapse: collapse;"><tr><td style="padding:0;"><![endif]-->
|
|
|
|
|
|
|
|
<div class="u-row-container" style="padding: 0px;background-color: transparent;">
|
|
<div class="u-row" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
|
|
<!--[if (mso)|(IE)]><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%"><tr style="background-color: transparent;"><![endif]-->
|
|
|
|
<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 20px 0px 0px;"><![endif]-->
|
|
<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
|
|
<div style="height: 100%;width: 100% !important;">
|
|
<!--[if (!mso)&(!IE)]><!--><div style="box-sizing: border-box; height: 100%; padding: 20px 0px 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
|
|
|
|
<table style="font-family:'Plus Jakarta Sans', sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
|
|
<tbody>
|
|
<tr>
|
|
<td style="overflow-wrap:break-word;word-break:break-word;padding:0px;font-family:'Plus Jakarta Sans', sans-serif;" align="left">
|
|
|
|
<div>
|
|
<div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Because great connections aren't just about fiber. They're about people too.</div>
|
|
|
|
<div
|
|
aria-label="Your exclusive offer from TARGO" aria-roledescription="email" role="article" lang="und" dir="auto" style="word-spacing:normal;background-color:#F5FAF7;"
|
|
>
|
|
<!-- ════════ VIEW IN BROWSER (web fallback) ════════ -->
|
|
{{#view_url}}
|
|
<div style="margin:0px auto;max-width:600px;padding:8px 36px 4px;text-align:center;">
|
|
<a href="{{view_url}}" style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:11px;color:#94a3b8;text-decoration:underline;">Trouble viewing this email? Open in browser</a>
|
|
</div>
|
|
{{/view_url}}
|
|
|
|
<!-- ════════ HEADER LOGO ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;border-radius:12px 12px 0 0;overflow:hidden;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-collapse:separate;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border:1px solid #e5e7eb;border-bottom:none;border-radius:12px 12px 0 0;direction:ltr;font-size:0px;padding:28px 36px 22px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td style="width:140px;">
|
|
|
|
<img
|
|
alt="TARGO" src="https://xqy3m.mjt.lu/img2/xqy3m/eed4d18c-8065-4c5f-b47c-58af63171cd0/content" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="140" height="auto"
|
|
/>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ GREETING + INTRO (4 blocs sémantiques) ════════
|
|
Bloc 1 — Greeting personnalisé
|
|
Bloc 2 — Manifeste brand TARGO (2 lignes qui voyagent ensemble)
|
|
Bloc 3 — Annonce du cadeau
|
|
Bloc 4 — Upsell forfaits + invitation contact
|
|
Chaque bloc est un mj-text indépendant = drag-droppable séparément. -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-top:1px solid #eef0ee;direction:ltr;font-size:0px;padding:26px 36px 18px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:10px 25px;padding-bottom:14px;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;text-align:left;color:#374151;"
|
|
>Quick reminder, {{firstname}},</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:10px 25px;padding-bottom:14px;word-break:break-word;"
|
|
>
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:17px;font-weight:600;line-height:1.4;text-align:left;color:#1B2E24;"
|
|
>🎁 Your {{amount}} gift is still available until {{expires_at_date}}.</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0;word-break:break-word;"
|
|
>
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;text-align:justify;color:#374151;">We just wanted to make sure you didn't miss it. The gift card we sent you as a thank-you can be redeemed at hundreds of Canadian brands in just a few clicks.<br />
|
|
If you'd rather not use it, no worries, no need to reply to this email.</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ OPTION 1 CHIP ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-top:1px solid #eef0ee;direction:ltr;font-size:0px;padding:18px 36px 8px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;text-align:left;color:#1B2E24;"
|
|
><span style="display:inline-block;background:#E6F9EE;color:#00C853;font-size:13px;font-weight:700;padding:5px 12px;border-radius:6px;">✅ Option 1</span></div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ COMPACT INFO CARD (was 3 pills) ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;direction:ltr;font-size:0px;padding:18px 36px 22px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td style="background-color:#F5FAF7;border-radius:10px;vertical-align:top;border-collapse:separate;padding:18px 22px;">
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0 0 8px;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;line-height:1.5;text-align:left;color:#1B2E24;"
|
|
>🎁 {{amount}} to spend at hundreds of your favorite stores<br><br><span style="display:inline-block;"><img src="https://xqy3m.mjt.lu/img2/xqy3m/4b0b2a4a-5f99-416c-8873-8d3e4389b6f7/content" width="32" alt="Tim Hortons" style="width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;"><img src="https://xqy3m.mjt.lu/img2/xqy3m/14df433d-583c-4602-a403-d47ee84966a6/content" width="32" alt="Walmart" style="width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;"><img src="https://xqy3m.mjt.lu/img2/xqy3m/b8d3db5a-d39e-43ce-a84a-2f5dddbf0192/content" width="32" alt="Home Depot" style="width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;"><img src="https://xqy3m.mjt.lu/img2/xqy3m/9c9dfa18-2a3a-414a-b5ad-16d490c961b5/content" width="32" alt="IGA" style="width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;"><img src="https://xqy3m.mjt.lu/img2/xqy3m/a1e5f032-a192-4499-97ba-53b939712fa9/content" width="32" alt="Home Hardware" style="width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;"><span style="font-size:13px;color:#64748B;vertical-align:middle;font-weight:400;">and more</span></span></div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0 0 4px;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:14px;line-height:1.5;text-align:left;color:#64748B;"
|
|
>⚡ Instantly available on Giftbit. Just click your {{amount}} to claim it!</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:14px;line-height:1.5;text-align:left;color:#64748B;"
|
|
>🤝 You just need to keep your subscription for {{commitment_months}} months or more.</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ BIG GREEN CTA BUTTON ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;direction:ltr;font-size:0px;padding:8px 36px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:100%;line-height:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
align="center" bgcolor="#00C853" role="presentation" style="border:none;border-radius:12px;cursor:auto;mso-padding-alt:30px 24px;background:#00C853;" valign="middle"
|
|
>
|
|
<a
|
|
href="{{gift_url}}" style="display:inline-block;background:#00C853;color:#ffffff;font-family:Space Grotesk, Helvetica, Arial, sans-serif;font-size:32px;font-weight:700;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:30px 24px;mso-padding-alt:0px;border-radius:12px;" target="_blank"
|
|
>
|
|
🎁 {{amount}}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
align="center" class="cta-subtitle" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;text-align:center;color:#ffffff;"
|
|
><!-- Sub-labels inside the button: not directly supported in mjml-button,
|
|
so we render them as a styled text block immediately below.
|
|
In the actual rendered output they appear visually under the
|
|
button text. --></div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ WRAPPER EXPIRY BADGE (auto-derived) ════════ -->
|
|
{{#expires_at_date}}
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
|
|
<tbody><tr><td style="border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;direction:ltr;font-size:0px;padding:0 36px 4px;text-align:center;">
|
|
<div style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:13px;line-height:1.4;text-align:center;color:#64748B;">
|
|
⏰ Gift valid until <strong style="color:#1B2E24;">{{expires_at_date}}</strong>
|
|
</div>
|
|
</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
{{/expires_at_date}}
|
|
|
|
<!-- ════════ PRORATA REFUND DISCLAIMER ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;direction:ltr;font-size:0px;padding:10px 36px 22px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:14px;line-height:1.5;text-align:left;color:#6b7280;"
|
|
>🪂 Cancellation before {{commitment_months}} months: only the prorated amount for the remaining months is refundable.</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ OPTION 2 CHIP + TEXT ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-top:1px solid #eef0ee;direction:ltr;font-size:0px;padding:18px 36px 6px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;text-align:left;color:#1B2E24;"
|
|
><span style="display:inline-block;background:#F5FAF7;color:#6b7280;font-size:13px;font-weight:700;padding:5px 12px;border-radius:6px;">⏭️ Option 2</span></div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;direction:ltr;font-size:0px;padding:6px 36px 22px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:15px;line-height:1.55;text-align:left;color:#4b5563;"
|
|
>Do nothing. No changes to your current subscription.</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ SIGNATURE ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;border-radius:0 0 12px 12px;overflow:hidden;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;border-collapse:separate;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-top:1px solid #eef0ee;border-radius:0 0 12px 12px;direction:ltr;font-size:0px;padding:18px 36px 28px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:526px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:15px;line-height:1.5;text-align:left;color:#1B2E24;"
|
|
>🤝 Thanks for helping keep our local economy buzzing!</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
align="left" style="font-size:0px;padding:8px 0 0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:14px;line-height:1.5;text-align:left;color:#64748B;"
|
|
>The TARGO Team</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ CONTACT INFO (outside card) ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="margin:0px auto;max-width:600px;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="direction:ltr;font-size:0px;padding:18px 36px 8px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:528px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="center" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:12px;line-height:1.55;text-align:center;color:#64748B;"
|
|
>You're getting this email because you're a TARGO customer at <strong style="color:#1B2E24;">{{description}}</strong>.<br />
|
|
Got a question? Feel free to email us at
|
|
<a href="mailto:support@targo.ca" style="color:#00C853;text-decoration:none;">support@targo.ca</a>
|
|
or call us at
|
|
<a href="tel:5144480773" style="color:#00C853;text-decoration:none;">514-448-0773</a>.</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
<!-- ════════ DARK FOOTER BAND ════════ -->
|
|
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#1C1E26" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
|
|
|
|
<div style="background:#1C1E26;background-color:#1C1E26;margin:0px auto;max-width:600px;border-radius:12px;overflow:hidden;">
|
|
|
|
<table
|
|
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#1C1E26;background-color:#1C1E26;width:100%;border-collapse:separate;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td
|
|
style="border-radius:12px;direction:ltr;font-size:0px;padding:26px 36px 22px;text-align:center;"
|
|
>
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:528px;" ><![endif]-->
|
|
|
|
<div
|
|
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
|
|
>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td
|
|
align="center" style="font-size:0px;padding:0;word-break:break-word;"
|
|
>
|
|
|
|
<table
|
|
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
|
|
>
|
|
<tbody>
|
|
<tr>
|
|
<td style="width:120px;">
|
|
|
|
<img
|
|
alt="TARGO" src="https://xqy3m.mjt.lu/img2/xqy3m/eed4d18c-8065-4c5f-b47c-58af63171cd0/content" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="120" height="auto"
|
|
/>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td
|
|
align="center" style="font-size:0px;padding:18px 0 0;word-break:break-word;"
|
|
>
|
|
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.55;text-align:center;color:rgba(255,255,255,0.55);"
|
|
><a href="https://www.targo.ca" style="color:rgba(255,255,255,0.7);text-decoration:none;">www.targo.ca</a>
|
|
· 1867 ch. de la rivière, Ste-Clotilde, QC<br />
|
|
© {{year}} TARGO Communications · All rights reserved.</div>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
|
|
</div>
|
|
</div>
|
|
<!--[if (mso)|(IE)]></td></tr></table></td><![endif]-->
|
|
<!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!--[if mso]></div><![endif]-->
|
|
<!--[if IE]></div><![endif]-->
|
|
</body>
|
|
|
|
</html> |