Created
June 4, 2018 21:09
-
-
Save biancalpadilla/2eb1ea67922046643de2477b5fe67671 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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" lang="en" xml:lang="en" style="background:#f9f9f9!important"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>{{subject}}</title> | |
| <style> | |
| @media only screen { | |
| html { | |
| min-height: 100%; | |
| background: #f3f3f3 | |
| } | |
| } | |
| @media only screen and (max-width:596px) { | |
| table.body img { | |
| width: auto; | |
| height: auto | |
| } | |
| table.body center { | |
| min-width: 0!important | |
| } | |
| table.body .container { | |
| width: 95%!important | |
| } | |
| table.body .columns { | |
| height: auto!important; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 16px!important; | |
| padding-right: 16px!important | |
| } | |
| table.body .collapse .columns { | |
| padding-left: 0!important; | |
| padding-right: 0!important | |
| } | |
| th.small-6 { | |
| display: inline-block!important; | |
| width: 50%!important | |
| } | |
| th.small-12 { | |
| display: inline-block!important; | |
| width: 100%!important | |
| } | |
| table.menu { | |
| width: 100%!important | |
| } | |
| table.menu td, | |
| table.menu th { | |
| width: auto!important; | |
| display: inline-block!important | |
| } | |
| table.menu.vertical td, | |
| table.menu.vertical th { | |
| display: block!important | |
| } | |
| table.menu[align=center] { | |
| width: auto!important | |
| } | |
| table.button.small-expanded { | |
| width: 100%!important | |
| } | |
| table.button.small-expanded table { | |
| width: 100% | |
| } | |
| table.button.small-expanded table a { | |
| text-align: center!important; | |
| width: 100%!important; | |
| padding-left: 0!important; | |
| padding-right: 0!important | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body style="-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;background:#f9f9f9!important;box-sizing:border-box;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important"> | |
| <span class="preheader" style="color:#f3f3f3;display:none!important;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden"></span> | |
| <table class="body" style="Margin:0;background:#f9f9f9!important;border-collapse:collapse;border-spacing:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:100%;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td class="center" align="center" valign="top" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> | |
| <center data-parsed="" style="min-width:580px;width:100%"> | |
| <table align="center" class="container header float-center" style="Margin:0 auto;background:#f9f9f9;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:580px"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> | |
| <table class="row collapse" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-6 large-6 columns first" valign="middle" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:298px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| {{store.name}} | |
| </th> | |
| </tr> | |
| </table> | |
| </th> | |
| <th class="small-6 large-6 columns last" valign="middle" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:298px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <p class="text-right" style="Margin:0;Margin-bottom:10px;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;padding-top:15px;text-align:right"><a class="store-url" href="{{store.url}}" style="Margin:0;color:#2C2A2A;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:underline">Visit the store</a></p> | |
| </th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table class="spacer float-center" style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="16px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:16px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-color:{{store.email_brand_color}};border-spacing:0;border-top-style:solid;border-top-width:8px;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:580px" | |
| align="center" class="container body-branded float-center"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="40px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <a href="https://www.care.club"><img src="https://www.care.club/product_images/uploaded_images/careclublogo.png" align="center" class="float-center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:50%;outline:0;text-align:center;text-decoration:none;width:auto;padding-bottom:10px;"></a> | |
| </center> | |
| <h4 class="text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">{{customer.first_name}} you just | |
| earned<br><strong>{{reward_fulfillment.name}}!</strong></h4> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="16px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:16px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h5 class="text-center muted" style="Margin:0;Margin-bottom:10px;color:#707070;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">{{reward_fulfillment.reason_text}}</h5> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <hr style="border-bottom:0;border-color:#E3E3E3;border-style:solid"> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| {{#unless available_points_product}} {{#if next_points_product}} | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <h5 class="text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">Next | |
| Reward<br><strong>{{next_points_product.reward.name}}</strong></h5> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="10px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <img src="{{next_points_product.reward.image_url}}" align="center" class="float-center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"> | |
| </center> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="40px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <h6 class="text-center float-center" align="center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">You need <span style="color:{{store.email_brand_color}}">{{format_points next_points_product_points_needed | |
| reward_program.points_label_singular | |
| reward_program.points_label_plural}} | |
| </span></h6> | |
| </center> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="20px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <table class="button radius small-expanded float-center" align="center" style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#2199e8;border:none;border-collapse:collapse!important;border-radius:5px;color:#fefefe;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><a href="{{store.url}}?st_intent=st:points:rules" style="Margin:0;background:{{store.email_brand_color}}!important;border:0 solid #2199e8;border-radius:5px;color:#fefefe;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:lighter;line-height:1.3;margin:0;padding:8px 16px 8px 16px;text-align:left;text-decoration:none">Earn More {{reward_program.points_label_plural}}</a></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <hr style="border-bottom:0;border-color:#E3E3E3;border-style:solid"> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| {{/if}} {{/unless}} {{#if available_points_product}} | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <h5 class="text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">A reward is available with | |
| Points<br><strong>{{available_points_product.reward.name}}</strong></h5> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="10px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <img src="{{available_points_product.reward.image_url}}" align="center" class="float-center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"> | |
| </center> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="20px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <table class="button radius small-expanded float-center" align="center" style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#2199e8;border:none;border-collapse:collapse!important;border-radius:5px;color:#fefefe;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><a href="{{store.url}}?st_intent=st:points:rewards" style="Margin:0;background:{{store.email_brand_color}}!important;border:0 solid #2199e8;border-radius:5px;color:#fefefe;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:lighter;line-height:1.3;margin:0;padding:8px 16px 8px 16px;text-align:left;text-decoration:none">Claim for | |
| {{available_points_product.exchange_description}}</a></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <hr style="border-bottom:0;border-color:#E3E3E3;border-style:solid"> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| {{#if next_points_product}} | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <h5 class="text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">Want to keep saving?</h5> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="10px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h6 class="card-header text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;text-transform:uppercase;word-wrap:normal">NEXT REWARD</h6> | |
| <h5 class="text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal"><strong>{{next_points_product.reward.name}}</strong></h5> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="10px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;hyphens:auto;line-height:10px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <img src="{{next_points_product.reward.image_url}}" align="center" class="float-center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"> | |
| </center> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="40px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;hyphens:auto;line-height:40px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <h6 class="text-center float-center" align="center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">You need <span style="color:{{store.email_brand_color}}">{{format_points next_points_product_points_needed | |
| reward_program.points_label_singular reward_program.points_label_plural}}</span></h6> | |
| </center> | |
| <table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td height="20px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;hyphens:auto;line-height:20px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <table class="button radius small-expanded float-center" align="center" style="Margin:0 0 16px 0;border-collapse:collapse;border-spacing:0;float:none;margin:0 0 16px 0;padding:0;text-align:center;vertical-align:top;width:auto"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;background:#2199e8;border:none;border-collapse:collapse!important;border-radius:5px;color:#fefefe;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"><a href="{{store.url}}?st_intent=st:points:rules" style="Margin:0;background:{{store.email_brand_color}}!important;border:0 solid #2199e8;border-radius:5px;color:#fefefe;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:lighter;line-height:1.3;margin:0;padding:8px 16px 8px 16px;text-align:left;text-decoration:none">Earn More | |
| {{reward_program.points_label_plural}}</a></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <hr style="border-bottom:0;border-color:#E3E3E3;border-style:solid"> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| {{/if}} {{/if}} | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <h5 class="text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">You have <span style="color:{{store.email_brand_color}}">{{format_points customer.points_balance | |
| reward_program.points_label_singular | |
| reward_program.points_label_plural}}</span> | |
| </h5> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| <hr style="border-bottom:0;border-color:#E3E3E3;border-style:solid"> | |
| <span class="unsubscribe-container"> | |
| <p class="text-small" style="Margin:0;Margin-bottom:10px;color:silver;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.3;margin:0;margin-bottom:0;padding:5px;padding-top:10px;text-align:center">Don't want to receive these emails anymore? <a href="{{customer.unsubscribe_url}}" style="Margin:0;color:silver;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:underline">Click here to unsubscribe</a>.</p> | |
| </span> | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table align="center" class="row float-center" style="Margin:0 auto;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;position:relative;text-align:center;vertical-align:top;width:100%"> | |
| <tbody> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px"> | |
| <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> | |
| <tr style="padding:0;text-align:left;vertical-align:top"> | |
| <th style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> | |
| {{#if include_branding}} | |
| <center data-parsed="" style="min-width:532px;width:100%"> | |
| <img src="{{footer_image_url}}" align="center" class="float-center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto"> | |
| </center> | |
| {{/if}} | |
| </th> | |
| <th class="expander" style="Margin:0;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th> | |
| </tr> | |
| </table> | |
| </th> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </center> | |
| </td> | |
| </tr> | |
| </table> | |
| <!-- prevent Gmail on iOS font size manipulation --> | |
| <div style="display:none;white-space:nowrap;font:15px courier;line-height:0"> </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment