Skip to content

Instantly share code, notes, and snippets.

@panoply

panoply/base.mjml

Created October 16, 2017 11:51
Show Gist options
  • Save panoply/fd4b61796e54b55d44f5f864d47412f2 to your computer and use it in GitHub Desktop.
Save panoply/fd4b61796e54b55d44f5f864d47412f2 to your computer and use it in GitHub Desktop.
Download ZIP
MJML Base Skeleton
Raw
base.mjml
<mjml>
<mj-head>
<mj-attributes>
<mj-text padding="0" />
<mj-class name="blue" color="blue" />
<mj-class name="big" font-size="20px" />
<mj-all font-family="Helvetica" color="#000" />
</mj-attributes>
</mj-head>
<mj-body>
<mj-container background-color="#ffffff">
<!--BANNER -->
<mj-section background-color="#000000" full-width="full-width" padding-top="10px" padding-bottom="10px">
<mj-column>
<mj-text color="#ffffff" padding-left="15px" text-transform="uppercase"
font-size="9px">
Free Shipping within the E.U
</mj-text>
</mj-column>
</mj-section>
<!-- LOGO -->
<mj-section full-width="full-width" padding="30px">
<mj-column width="100%" vertical-align="middle">
<mj-image href="https://www.brixtol.com" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/ba487793-20d1-4afa-9871-166dbafdb173.png" alt="BRIXTOL TEXTILES" padding-bottom="0" padding-top="10" width="150px">
</mj-image>
</mj-column>
</mj-section>
<!-- HERO GIF -->
<mj-section full-width="full-width" background-color="#000" padding-left="0">
<mj-column width="100%" vertical-align="middle">
<mj-image href="https://www.brixtol.com/collections/puffers" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/b961a235-6988-4647-ad35-3f262c01fc98.gif" padding-bottom="25px" padding-top="25px" width="420px" padding-left="0">
</mj-image>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff" full-width="full-width" padding-top="30px" padding-bottom="0">
<mj-column>
<mj-text href="https://www.brixtol.com/collections/puffers" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/7a32be40-5c24-4652-a110-d85efa08f929.gif" padding="0 50px" align="center">
<h1>BUY NOW</h1>
We are reaching out to you before high season begins! <br>
We now have re-stock on our "90's Puffer" style editions in 5 different variants!
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff" full-width="full-width" padding-top="30px" padding-bottom="30px">
<mj-column>
<mj-image href="https://www.brixtol.com/collections/puffers" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/7a32be40-5c24-4652-a110-d85efa08f929.gif" alt="All Puffers" padding="0" width="350px">
</mj-image>
</mj-column>
</mj-section>
<!-- Begin Email -->
<mj-section padding="0">
<mj-column>
<mj-image href="https://www.brixtol.com/collections/jackets/products/keith-silver-moss" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/e16940c5-d705-4a60-a017-12b5fa1349ff.png" padding="5px" width="240px">
</mj-image>
</mj-column>
<mj-column>
<mj-image href="https://www.brixtol.com/collections/jackets/products/cora-pink-camo" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/9bd7b875-9d80-4e53-977e-a34b54669a8f.png" padding="5px" width="240px">
</mj-image>
</mj-column>
<mj-column>
<mj-image href="https://www.brixtol.com/collections/jackets/products/keith-blackm" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/cca336f3-ab8b-4fe8-b49b-212ca50683b3.png" padding="5px" width="240px">
</mj-image>
</mj-column>
</mj-section>
<!-- Begin Email -->
<mj-section padding="25px 0 15px">
<mj-column>
<mj-image href="https://www.brixtol.com/collections/jackets/products/cora-silver-moss" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/b44fcad5-ae23-4af4-a9dd-1fbaa0e97de0.png" width="240px" padding="5px" >
</mj-image>
</mj-column>
<mj-column>
<mj-image href="https://www.brixtol.com/collections/jackets/products/keith-navy" src="https://cdn.shopify.com/s/files/1/0638/4637/products/Keith_Navy.jpg?v=1500456260" padding="5px" width="240px">
</mj-image>
</mj-column>
<mj-column>
<mj-image href="https://www.brixtol.com/collections/jackets/products/cora-black" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/121842d0-cab5-4ff1-b5c6-5f40124a1ca5.png" padding="5px" width="240px" >
</mj-image>
</mj-column>
</mj-section>
<mj-section background-color="#EAEAEA" padding="0">
<mj-column>
<mj-text href="https://www.brixtol.com/collections/puffers" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/7a32be40-5c24-4652-a110-d85efa08f929.gif" padding="10px" align="center">
<h2 style="margin:0;">+ FREE BEANIE WITH ALL ORDERS</h2>
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff" full-width="full-width" padding-top="20px" padding-bottom="25px">
<mj-column>
<mj-image href="https://www.brixtol.com/collections/jackets/products/cora-pink-camo" src="https://cdn.shopify.com/s/files/1/0638/4637/products/Cora_Nude_Camo_BACK_1024x1024.jpg?v=1500458834" alt="NUDE CAMO" padding="0">
</mj-image>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff" full-width="full-width" padding-top="0" padding-bottom="0">
<mj-column>
<mj-text href="https://www.brixtol.com/collections/puffers" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/7a32be40-5c24-4652-a110-d85efa08f929.gif
" alt="Cora – Nude / Camo" padding="0 50px" align="center">
<h1><span style="letter-spacing:0.9px;"> NUDE / CAMO</span></h1>
<h3>SPECIAL EDITION STYLE</h3>
</mj-text>
</mj-column>
</mj-section>
<!-- Begin Email -->
<mj-section vertical-align="left" background-color="#ffffff" full-width="full-width" padding-top="25px" padding-left="25px" padding-right="25px" padding-bottom="40px">
<mj-column vertical-align="middle" >
<mj-divider border-color="#eee" border-style="solid" border-width="1px" padding-left="0" padding-right="0" padding-bottom="10px">
</mj-divider>
<mj-text font-size="11px;" line-height="18px" color="#6e6e6e">
If the above button is not clickable, please use the below url:
</mj-text>
<mj-text font-size="9px;" line-height="18px">
<a href="https://brixtol.us13.list-manage.com/subscribe/confirm?u=dca6a1bca0e1882e8f4e2b378&id=8991501d7d&e=*|UNIQID|*">https://brixtol.us13.list-manage.com/subscribe/confirm?u=dca6a1bca0e1882e8f4e2b378&id=8991501d7d&e=*|UNIQID|*</a>
<br><br>
</mj-text>
</mj-column>
</mj-section>
<!-- End Email -->
<!-- Copyright > Automated Response -->
<mj-section background-color="#fff" padding="0px" full-width="full-width">
<mj-column width="100%" vertical-align="base">
<mj-social
mode="horizontal"
display="tw fb in pt ln yt em"
icon-size="33px"
inner-padding="2px"
padding="8px"
text-mode="false"
container-background-color="#fff"
tw-icon-color="#fff"
tw-href="https://www.twitter.com/brixtol"
tw-icon="https://cdn-images.mailchimp.com/icons/social-block-v2/light-twitter-96.png"
in-icon-color="#fff"
in-href="https://instagram.com/brixtol"
in-icon="https://cdn-images.mailchimp.com/icons/social-block-v2/light-instagram-96.png"
em-icon-color="#fff"
em-href="https://www.brixtol.com/pages/contact"
em-icon="https://cdn-images.mailchimp.com/icons/social-block-v2/light-forwardtofriend-96.png"
pt-icon-color="#fff"
pt-href="https://pinterest.com/brixtol"
pt-icon="https://cdn-images.mailchimp.com/icons/social-block-v2/light-pinterest-96.png"
ln-icon-color="#fff"
ln-href="https://instagram.com/brixtol"
ln-icon="https://cdn-images.mailchimp.com/icons/social-block-v2/light-linkedin-96.png"
fb-icon-color="#fff"
fb-href="https://www.facebook.com/BRIXTOL-271745519516860/"
fb-icon="https://cdn-images.mailchimp.com/icons/social-block-v2/light-facebook-96.png"
yt-icon-color="#fff"
yt-href="https://www.youtube.com/channel/UCqNtkC5NpW9OkL0wkS9H83g"
yt-icon="https://cdn-images.mailchimp.com/icons/social-block-v2/light-youtube-96.png"
/>
</mj-column>
</mj-section>
<mj-section full-width="full-width" background-color="#f9f9f9" padding="10px">
<mj-column width="100%" vertical-align="middle">
<mj-text align="center" font-size="9.5px" color="#7e7e7e" line-height="15px">
<p>
Copyright *|CURRENT_YEAR|* BRIXTOL of <a href="http://www.sunday-seven.com" target="_blank" style="color:#444;">Söndag Den Sjunde</a> AB Fashion Agency.<br>
VAT no: <b>SE556840368601</b> | Trademark no: <b>30870</b> | Stockholm, Sweden. All rights reserved.
</p>
</mj-text>
<mj-divider border-color="#eee" border-style="solid" border-width="1px" padding-bottom="10px" padding-top="10px">
</mj-divider>
<mj-text align="center" font-size="9.5px" color="#7e7e7e" line-height="15px">
<p>
This is an automated email. If you received this email by mistake, simply delete it.<br>
Please note that if you do not confirm your email address you will not be subscribed. If you have any questions or<br>
require additional support please refer to our website: <a href="https://www.brixtol.com/support" target="_blank" style="color:#444;">brixtol.com/support</a> or reach us via email: <a href="mailto:info@brixtol.com" target="_blank" style="color:#444;">info@brixtol.com</a>
</p>
</mj-text>
</mj-column>
</mj-section>
</mj-container>
</mj-body>
</mjml>
Raw
compiled.html
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title></title>
<!--[if !mso]><!-- -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
#outlook a { padding: 0; }
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; }
.ExternalClass * { line-height:100%; }
body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
p { display: block; margin: 13px 0; }
</style>
<!--[if !mso]><!-->
<style type="text/css">
@media only screen and (max-width:480px) {
@-ms-viewport { width:320px; }
@viewport { width:320px; }
}
</style>
<!--<![endif]-->
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<!--[if lte mso 11]>
<style type="text/css">
.outlook-group-fix {
width:100% !important;
}
</style>
<![endif]-->
<style type="text/css">
@media only screen and (min-width:480px) {
.mj-column-per-100 { width:100%!important; }
.mj-column-per-33 { width:33.333333333333336%!important; }
}
</style>
</head>
<body style="background: #ffffff;">
<div style="background-color:#ffffff;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#000000;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:10px;padding-top:10px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:0px;padding-left:15px;" align="left"><div class="" style="cursor:auto;color:#ffffff;font-family:Helvetica;font-size:9px;line-height:22px;text-align:left;text-transform:uppercase;">Free Shipping within the E.U</div></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:30px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:middle;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" style="vertical-align:middle;" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:10px;padding-bottom:0px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:150px;"><a href="https://www.brixtol.com" target="_blank"><img alt="BRIXTOL TEXTILES" title="" height="auto" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/ba487793-20d1-4afa-9871-166dbafdb173.png" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="150"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#000;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-left:0px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:middle;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" style="vertical-align:middle;" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:25px;padding-bottom:25px;padding-left:0px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:420px;"><a href="https://www.brixtol.com/collections/puffers" target="_blank"><img alt="" title="" height="auto" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/b961a235-6988-4647-ad35-3f262c01fc98.gif" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="420"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#ffffff;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:0px;padding-top:30px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:0px 50px;" align="center"><div class="" style="cursor:auto;color:#000;font-family:Helvetica;font-size:13px;line-height:22px;text-align:center;"><h1>BUY NOW</h1>
We are reaching out to you before high season begins! <br>
We now have re-stock on our "90's Puffer" style editions in 5 different variants!</div></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#ffffff;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:30px;padding-top:30px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:0px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:350px;"><a href="https://www.brixtol.com/collections/puffers" target="_blank"><img alt="All Puffers" title="" height="auto" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/7a32be40-5c24-4652-a110-d85efa08f929.gif" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="350"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:0px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:200px;">
<![endif]--><div class="mj-column-per-33 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:5px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:190px;"><a href="https://www.brixtol.com/collections/jackets/products/keith-silver-moss" target="_blank"><img alt="" title="" height="auto" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/e16940c5-d705-4a60-a017-12b5fa1349ff.png" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="190"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]>
</td><td style="vertical-align:top;width:200px;">
<![endif]--><div class="mj-column-per-33 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:5px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:190px;"><a href="https://www.brixtol.com/collections/jackets/products/cora-pink-camo" target="_blank"><img alt="" title="" height="auto" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/9bd7b875-9d80-4e53-977e-a34b54669a8f.png" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="190"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]>
</td><td style="vertical-align:top;width:200px;">
<![endif]--><div class="mj-column-per-33 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:5px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:190px;"><a href="https://www.brixtol.com/collections/jackets/products/keith-blackm" target="_blank"><img alt="" title="" height="auto" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/cca336f3-ab8b-4fe8-b49b-212ca50683b3.png" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="190"></a></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]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:25px 0px 15px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:200px;">
<![endif]--><div class="mj-column-per-33 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:5px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:190px;"><a href="https://www.brixtol.com/collections/jackets/products/cora-silver-moss" target="_blank"><img alt="" title="" height="auto" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/b44fcad5-ae23-4af4-a9dd-1fbaa0e97de0.png" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="190"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]>
</td><td style="vertical-align:top;width:200px;">
<![endif]--><div class="mj-column-per-33 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:5px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:190px;"><a href="https://www.brixtol.com/collections/jackets/products/keith-navy" target="_blank"><img alt="" title="" height="auto" src="https://cdn.shopify.com/s/files/1/0638/4637/products/Keith_Navy.jpg?v=1500456260" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="190"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]>
</td><td style="vertical-align:top;width:200px;">
<![endif]--><div class="mj-column-per-33 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:5px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:190px;"><a href="https://www.brixtol.com/collections/jackets/products/cora-black" target="_blank"><img alt="" title="" height="auto" src="https://gallery.mailchimp.com/dca6a1bca0e1882e8f4e2b378/images/121842d0-cab5-4ff1-b5c6-5f40124a1ca5.png" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="190"></a></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]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><div style="margin:0px auto;max-width:600px;background:#EAEAEA;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;background:#EAEAEA;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:0px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:10px;" align="center"><div class="" style="cursor:auto;color:#000;font-family:Helvetica;font-size:13px;line-height:22px;text-align:center;"><h2 style="margin:0;">+ FREE BEANIE WITH ALL ORDERS</h2></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]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#ffffff;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:25px;padding-top:20px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:0px;" align="center"><table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0"><tbody><tr><td style="width:600px;"><a href="https://www.brixtol.com/collections/jackets/products/cora-pink-camo" target="_blank"><img alt="NUDE CAMO" title="" height="auto" src="https://cdn.shopify.com/s/files/1/0638/4637/products/Cora_Nude_Camo_BACK_1024x1024.jpg?v=1500458834" style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="600"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#ffffff;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:0px;padding-top:0px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:0px 50px;" align="center"><div class="" style="cursor:auto;color:#000;font-family:Helvetica;font-size:13px;line-height:22px;text-align:center;"><h1><span style="letter-spacing:0.9px;"> NUDE / CAMO</span></h1>
<h3>SPECIAL EDITION STYLE</h3></div></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#ffffff;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:left;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:40px;padding-left:25px;padding-right:25px;padding-top:25px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:middle;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" style="vertical-align:middle;" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-bottom:10px;padding-right:0px;padding-left:0px;"><p style="font-size:1px;margin:0px auto;border-top:1px solid #eee;width:100%;"></p><!--[if mso | IE]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0px auto;border-top:1px solid #eee;width:100%;" width="600"><tr><td style="height:0;line-height:0;"> </td></tr></table><![endif]--></td></tr><tr><td style="word-wrap:break-word;font-size:0px;padding:0px;" align="left"><div class="" style="cursor:auto;color:#6e6e6e;font-family:Helvetica;font-size:11px;;line-height:18px;text-align:left;">If the above button is not clickable, please use the below url:</div></td></tr><tr><td style="word-wrap:break-word;font-size:0px;padding:0px;" align="left"><div class="" style="cursor:auto;color:#000;font-family:Helvetica;font-size:9px;;line-height:18px;text-align:left;"><a href="https://brixtol.us13.list-manage.com/subscribe/confirm?u=dca6a1bca0e1882e8f4e2b378&id=8991501d7d&e=*|UNIQID|*">https://brixtol.us13.list-manage.com/subscribe/confirm?u=dca6a1bca0e1882e8f4e2b378&id=8991501d7d&e=*|UNIQID|*</a>
<br><br></div></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#fff;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:0px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:base;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:base;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" style="vertical-align:base;" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;background:#fff;font-size:0px;padding:8px;" align="center" background="#fff"><div><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" align="undefined"><tr><td>
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="float:none;display:inline-table;" align="center" border="0"><tbody><tr><td style="padding:2px;vertical-align:middle;"><table role="presentation" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:3px;width:33px;" border="0"><tbody><tr><td style="vertical-align:middle;width:33px;height:33px;"><a href="https://www.twitter.com/brixtol"><img alt="tw" height="33" src="https://cdn-images.mailchimp.com/icons/social-block-v2/light-twitter-96.png" style="display:block;border-radius:3px;" width="33"></a></td></tr></tbody></table></td></tr></tbody></table><!--[if mso | IE]>
</td><td>
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="float:none;display:inline-table;" align="center" border="0"><tbody><tr><td style="padding:2px;vertical-align:middle;"><table role="presentation" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:3px;width:33px;" border="0"><tbody><tr><td style="vertical-align:middle;width:33px;height:33px;"><a href="https://www.facebook.com/BRIXTOL-271745519516860/"><img alt="fb" height="33" src="https://cdn-images.mailchimp.com/icons/social-block-v2/light-facebook-96.png" style="display:block;border-radius:3px;" width="33"></a></td></tr></tbody></table></td></tr></tbody></table><!--[if mso | IE]>
</td><td>
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="float:none;display:inline-table;" align="center" border="0"><tbody><tr><td style="padding:2px;vertical-align:middle;"><table role="presentation" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:3px;width:33px;" border="0"><tbody><tr><td style="vertical-align:middle;width:33px;height:33px;"><a href="https://instagram.com/brixtol"><img alt="in" height="33" src="https://cdn-images.mailchimp.com/icons/social-block-v2/light-instagram-96.png" style="display:block;border-radius:3px;" width="33"></a></td></tr></tbody></table></td></tr></tbody></table><!--[if mso | IE]>
</td><td>
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="float:none;display:inline-table;" align="center" border="0"><tbody><tr><td style="padding:2px;vertical-align:middle;"><table role="presentation" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:3px;width:33px;" border="0"><tbody><tr><td style="vertical-align:middle;width:33px;height:33px;"><a href="https://pinterest.com/brixtol"><img alt="pt" height="33" src="https://cdn-images.mailchimp.com/icons/social-block-v2/light-pinterest-96.png" style="display:block;border-radius:3px;" width="33"></a></td></tr></tbody></table></td></tr></tbody></table><!--[if mso | IE]>
</td><td>
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="float:none;display:inline-table;" align="center" border="0"><tbody><tr><td style="padding:2px;vertical-align:middle;"><table role="presentation" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:3px;width:33px;" border="0"><tbody><tr><td style="vertical-align:middle;width:33px;height:33px;"><a href="https://instagram.com/brixtol"><img alt="ln" height="33" src="https://cdn-images.mailchimp.com/icons/social-block-v2/light-linkedin-96.png" style="display:block;border-radius:3px;" width="33"></a></td></tr></tbody></table></td></tr></tbody></table><!--[if mso | IE]>
</td><td>
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="float:none;display:inline-table;" align="center" border="0"><tbody><tr><td style="padding:2px;vertical-align:middle;"><table role="presentation" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:3px;width:33px;" border="0"><tbody><tr><td style="vertical-align:middle;width:33px;height:33px;"><a href="https://www.youtube.com/channel/UCqNtkC5NpW9OkL0wkS9H83g"><img alt="yt" height="33" src="https://cdn-images.mailchimp.com/icons/social-block-v2/light-youtube-96.png" style="display:block;border-radius:3px;" width="33"></a></td></tr></tbody></table></td></tr></tbody></table><!--[if mso | IE]>
</td><td>
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="float:none;display:inline-table;" align="center" border="0"><tbody><tr><td style="padding:2px;vertical-align:middle;"><table role="presentation" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:3px;width:33px;" border="0"><tbody><tr><td style="vertical-align:middle;width:33px;height:33px;"><a href="https://www.brixtol.com/pages/contact"><img alt="em" height="33" src="https://cdn-images.mailchimp.com/icons/social-block-v2/light-forwardtofriend-96.png" style="display:block;border-radius:3px;" width="33"></a></td></tr></tbody></table></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]--></div></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]-->
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]--><table role="presentation" cellpadding="0" cellspacing="0" style="background:#f9f9f9;font-size:0px;width:100%;" border="0"><tbody><tr><td><div style="margin:0px auto;max-width:600px;"><table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0"><tbody><tr><td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:10px;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;">
<![endif]--><div class="mj-column-per-100 outlook-group-fix" style="vertical-align:middle;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"><table role="presentation" cellpadding="0" cellspacing="0" style="vertical-align:middle;" width="100%" border="0"><tbody><tr><td style="word-wrap:break-word;font-size:0px;padding:0px;" align="center"><div class="" style="cursor:auto;color:#7e7e7e;font-family:Helvetica;font-size:9.5px;line-height:15px;text-align:center;"><p>
Copyright *|CURRENT_YEAR|* BRIXTOL of <a href="http://www.sunday-seven.com" target="_blank" style="color:#444;">Söndag Den Sjunde</a> AB Fashion Agency.<br>
VAT no: <b>SE556840368601</b> | Trademark no: <b>30870</b> | Stockholm, Sweden. All rights reserved.
</p></div></td></tr><tr><td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:10px;padding-bottom:10px;"><p style="font-size:1px;margin:0px auto;border-top:1px solid #eee;width:100%;"></p><!--[if mso | IE]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0px auto;border-top:1px solid #eee;width:100%;" width="600"><tr><td style="height:0;line-height:0;"> </td></tr></table><![endif]--></td></tr><tr><td style="word-wrap:break-word;font-size:0px;padding:0px;" align="center"><div class="" style="cursor:auto;color:#7e7e7e;font-family:Helvetica;font-size:9.5px;line-height:15px;text-align:center;"><p>
This is an automated email. If you received this email by mistake, simply delete it.<br>
Please note that if you do not confirm your email address you will not be subscribed. If you have any questions or<br>
require additional support please refer to our website: <a href="https://www.brixtol.com/support" target="_blank" style="color:#444;">brixtol.com/support</a> or reach us via email: <a href="mailto:info@brixtol.com" target="_blank" style="color:#444;">info@brixtol.com</a>
</p></div></td></tr></tbody></table></div><!--[if mso | IE]>
</td></tr></table>
<![endif]--></td></tr></tbody></table></div></td></tr></tbody></table><!--[if mso | IE]>
</td></tr></table>
<![endif]--></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment