Skip to content

Instantly share code, notes, and snippets.

@mlhamel
Created August 6, 2019 16:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mlhamel/599b8591e918e46facc9a1aedfdbe495 to your computer and use it in GitHub Desktop.
Save mlhamel/599b8591e918e46facc9a1aedfdbe495 to your computer and use it in GitHub Desktop.
email-template
<!DOCTYPE html>
<html style='height: 100% !important; width: 100% !important; font-family: var(--body_font-family), -apple-system, BlinkMacSystemFont, "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", sans-serif; font-weight: var(--body_font-weight); font-style: var(--body_font-style); line-height: 1.5em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0 auto; padding: 0;'>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="address=no">
<title></title>
<!-- This is a comment -->
<style>
body {
font-family: "Trebuchet MS"; font-weight: 400; font-style: normal;;
}
</style>
<!-- SHOPIFY // Load Fonts -->
<!-- Outlook font fallback -->
<!--[if mso]>
<style>
* {
font-family:sans-serif !important;
}
</style>
<![endif]-->
<!-- SHOPIFY // Gmail Promo Card -->
<script type="application/ld+json">
[
{
"@context":"http://schema.org/",
"@type":"Organization",
"logo":"https://www.gstatic.com/images/branding/product/1x/googleg_48dp.png"
},{
"@context":"http://schema.org/",
"@type":"EmailMessage",
"subjectLine":"Add subject line in annotation"
},{
"@context":"http://schema.org/",
"@type":"DiscountOffer",
"description":"20% off",
"discountCode":"PROMO",
"availabilityStarts":"2019-03-11T10:15:06-07:00",
"availabilityEnds":"2019-03-16T10:15:06-07:00"
},{
"@context":"http://schema.org/",
"@type":"PromotionCard",
"image":"https://www.google.com/gmail-for-marketers/promo-tab/markup-tool/sample.png"
}
]
</script>
<style>body {
margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; font-family: var(--body_font-family), -apple-system, BlinkMacSystemFont, "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", sans-serif; font-weight: var(--body_font-weight); font-style: var(--body_font-style); line-height: 1.5em;
}
img {
-ms-interpolation-mode: bicubic;
}
img {
border: 0; height: auto; outline: none; text-decoration: none;
}
body {
font-family: "Trebuchet MS"; font-weight: 400; font-style: normal;
}
</style>
</head>
<body bgcolor="#F9F8F8" width="100%" style='height: 100% !important; width: 100% !important; font-family: "Trebuchet MS"; font-weight: 400; font-style: normal; line-height: 1.5em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0 auto; padding: 0;' class="full-wrap">
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="background-color: #F9F8F8; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="full-wrap" bgcolor="#F9F8F8">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
<!-- SHOPIFY // Logo Header -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="background-color: #a7a7a7; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container" bgcolor="#a7a7a7">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 42px 10%;" align="center" class="column-container">
<a href="" target="_blank" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none;">
atelierlaurier
</a>
</td>
</tr>
</table>
<!-- SHOPIFY // Horizontal Rule -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="background-color: #a7a7a7; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container" bgcolor="#a7a7a7">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 0px 10%;" align="center" class="column-container">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important;">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td align="left" valign="top" width="480" height="1" style="background-color: #a7a7a7; border-collapse: collapse; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; mso-line-height-rule: exactly; line-height: 2px; width: 100%; max-width: 480px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" bgcolor="#a7a7a7">
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- SHOPIFY // Spacer -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="background-color: #a7a7a7; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container" bgcolor="#a7a7a7">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td align="left" valign="top" width="100%" height="50" style="border-collapse: collapse; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; mso-line-height-rule: exactly; line-height: 50px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr>
</table>
<!-- SHOPIFY // Header -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="background-color: #a7a7a7; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container" bgcolor="#a7a7a7">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 0px 10% 30px;" align="center" class="column-container">
<h1 style="font-size: 46px; line-height: 1.2em; color: #1b1c1b; font-weight: 600; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; display: block; margin: 0; padding: 0;">
Atelier Laurier
</h1>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
<a href="" target="_blank" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none;">
<img src="https://email.shopifyapps.com/files/representations/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBIQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8cfd4b96bf5814c716e10f16402b0bc03cabfeb2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCam9MY21WemFYcGxTU0lNTmpBd2VEWXdNQVk2QmtWVSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--903c8e4d62c373ffa56ebf03c24ed11d32aceee5/3.png" width="600" alt="" border="0" align="center" style="width: 100%; max-width: 600px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic; height: auto; outline: none; text-decoration: none; border: 0;">
</a>
</td>
</tr>
</table>
<!-- SHOPIFY // Spacer -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td align="left" valign="top" width="100%" height="50" style="border-collapse: collapse; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; mso-line-height-rule: exactly; line-height: 50px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr>
</table>
<!-- SHOPIFY // Product Description Block -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 0px 10%;" align="center" class="column-container">
<h2 style="font-size: 28px; line-height: 1.2em; text-transform: uppercase; font-weight: 600; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; display: block; margin: 0 0 0.5em; padding: 0;">
Eagle eye
</h2>
<p style="font-size: 18px; font-weight: 600; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 10px 0 1em; padding: 0;">
$600.00
</p>
<p style="font-size: 16px; color: #1c1d1d; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 10px 0 1.5em; padding: 0;">
</p>
<p style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 10px 0; padding: 0;">dfsdfssdfdsfdsknflkdsnfkldsnflkdsnfkdlsnfsdkfnksdlnflksdnfksdnfksdnfknsdfknsdlkfnsdlkfnsddfdsfdsf</p>
</td>
</tr>
</table>
<!-- SHOPIFY // Button -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 0px 10% 1.5em;" align="center" class="column-container">
<table border="0" cellspacing="0" cellpadding="0" class="button-full-width" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important;">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td align="center" style="border-radius: 8px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;" bgcolor="">
<a href="https://atelierlaurier.ca/products/eagle" target="_blank" style="font-size: 16px; text-decoration: none; border-radius: 8px; display: block; font-weight: bold; min-width: 80px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding: 16px 24px; border: 1px solid;">
BUY NOW
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- SHOPIFY // Horizontal Rule -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="background-color: #ffffff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container" bgcolor="#ffffff">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 0px 10%;" align="center" class="column-container">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important;">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td align="left" valign="top" width="480" height="1" style="background-color: #ffffff; border-collapse: collapse; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; mso-line-height-rule: exactly; line-height: 2px; width: 100%; max-width: 480px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" bgcolor="#ffffff">
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- SHOPIFY // Copyright and Unsubscribe -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="background-color: #ffffff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container" bgcolor="#ffffff">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 20px 10%;" valign="top" class="column-container">
<table dir="ltr" cellspacing="0" cellpadding="0" border="0" width="100%" align="left" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important;">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<!-- Left Column -->
<td dir="ltr" class="stack-column" valign="top" align="left" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
<table cellspacing="0" cellpadding="0" border="0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important;">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td class="footer-column-narrow" align="left" style="font-size: 13px; font-weight: 400; mso-height-rule: exactly; color: #000000; line-height: 22px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
<p style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; padding: 0;">8259 Casgrain<br style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Montreal QC H2P 2K6<br style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Canada<br style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">‎5145692911</p>
© 2019 atelierlaurier.
</td>
</tr>
</table>
</td>
<!-- Right Column -->
<td dir="ltr" class="stack-column" valign="top" align="right" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
<table cellspacing="0" cellpadding="0" border="0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important;">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
</tr>
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td class="footer-column-narrow" align="right" style="font-size: 13px; font-weight: 400; mso-height-rule: exactly; line-height: 22px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
<a style="color: #000000; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none;" href="mailto:mathieu.leduchamel@shopify.com">mathieu.leduchamel@shopify.com</a>
</td>
<td class="footer-column-narrow" align="right" style="font-size: 13px; font-weight: 400; mso-height-rule: exactly; color: #000000; line-height: 22px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
<a style="color: inherit; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none;" target="_blank" href="%unsubscribe_url%">Unsubscribe</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- SHOPIFY // Spacer -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="background-color: #ffffff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: auto;" class="email-container" bgcolor="#ffffff">
<tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<td align="left" valign="top" width="100%" height="20" style="border-collapse: collapse; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; mso-line-height-rule: exactly; line-height: 20px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
<!-- SHOPIFY // ANDROID 6.0 Force Desktop -->
<tr style="line-height: 1px; mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" class="mobile-hide">
<td align="center" style="min-width: 600px; font-size: 1px; line-height: 1px; mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
<img src="https://cdn.shopify.com/s/files/1/0070/7032/files/spacer.png?15937182546424641594" alt="" width="600" height="1" style="display: block; width: 600px; height: 1px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic; outline: none; text-decoration: none; border: 0;" border="0">
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment