f37b1d2803
User feedback: the prorata disclaimer was semantically wrong — both FR
("le prorata du montant est remboursable") and EN ("we'll refund the
pro-rated amount") read as if TARGO would refund the customer, when
actually the customer needs to refund the unused portion of the gift
they received if they cancel within the commitment period.
Plus: add the explicit per-month rate ($20/month at $60 / 3 months) so
the customer knows exactly what they'd owe at any cancellation date.
FR:
before — "🪂 En cas de départ avant {{commitment_months}} mois,
le prorata du montant est remboursable."
after — "🪂 Si tu résilies avant {{commitment_months}} mois,
tu rembourses le prorata non utilisé (20 $/mois)."
EN:
before — "🪂 If you decide to leave before {{commitment_months}}
months, we'll refund the pro-rated amount."
after — "🪂 If you cancel before {{commitment_months}} months,
you refund the unused pro-rated amount ($20/month)."
Both changes:
• Subject clarified: customer refunds, not TARGO
• Added explicit per-month value for transparency
• Kept warm tone (informal "tu" / "you")
• Mustache {{commitment_months}} preserved
Applied directly to .html + .json via string substitution (preserves
the Unlayer design tree intact except for that one phrase). The
"$20/month" figure is hardcoded for the current $60/3-month campaign;
a future {{monthly_prorata}} computed variable would generalize but
isn't needed yet.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
881 lines
36 KiB
HTML
881 lines
36 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;">
|
|
Like you, we believe in steady connections — both the fiber kind and the human kind.
|
|
</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;">Like you, we believe in steady connections — both the fiber kind and the human kind.</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;"
|
|
>
|
|
<!-- ════════ 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;"
|
|
>Hey {{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:16px;line-height:1.5;text-align:left;color:#374151;"
|
|
>Summer's here, and we've got something special just for you — but only for a little while.</div>
|
|
<div
|
|
style="font-family:Plus Jakarta Sans, Helvetica, Arial, sans-serif;font-size:16px;font-weight:500;line-height:1.5;text-align:left;color:#1B2E24;"
|
|
>Thanks for keeping it local — it means more than you think.<br />
|
|
Like you, we believe in steady connections — both the fiber kind and the human kind.</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:left;color:#374151;">Because our customers trust us, we're now able to offer the <strong>fastest plans around</strong>, with speeds up to <strong>3.5 Gbit/s</strong>.<br />
|
|
Whether you're looking for more speed, want to beat another offer, or just need to optimize your gear, don't be shy! We're right next door — and we genuinely love lending a hand.</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</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]-->
|
|
|
|
<!-- ════════ 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]-->
|
|
|
|
<!-- ════════ 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]-->
|
|
|
|
<!-- ════════ 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;"
|
|
>🪂 If you cancel before {{commitment_months}} months, you refund the unused pro-rated amount ($20/month).</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;"
|
|
>Just kick back! Your monthly subscription will continue as usual, with no commitment and no gift card.</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? Shoot us an email at
|
|
<a href="mailto:support@targo.ca" style="color:#00C853;text-decoration:none;">support@targo.ca</a>
|
|
or give us a call at
|
|
<a href="tel:5144480773" style="color:#00C853;text-decoration:none;">514 448-0773</a>.
|
|
We're here 7 days/week to help!</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> |