CODE

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title></title><style type="text/css">body.email-template img { max-width: 100%; }td[class="questions"] a { color: #9aa0a6; }body.email-template .padding { padding: 2% 0; }body.email-template table { border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }table, td{ border-collapse:collapse; }body.email-template table ul li, ol li { margin-left: 5px; list-style-position: inside; }body.email-template .main-container { display: block; max-width: 600px; margin: 0 auto; clear: both; width: 80%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }body.email-template .content { max-width: 600px; margin: 0 auto; display: block; }body.email-template .content table { width: 100%; }table[class="product-upsell-table"]{ width: 50% !important; }a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }#business-address a { color: inherit !important; text-decoration: none !important; }@media only screen and (max-width:480px){ table[class="body-wrap"], table[class="alert-wrap"]{ margin-top: 0% !important; width: 100% !important; } table[class="product-upsell-table"]{ width: 100% !important; } td[class="bg-gray"]{ min-width: 100% !important; } td[class="container"]{ width: 100% !important; } td[class="main-container"]{ width: 95% !important; padding: 10px 2.5% !important; } td[class="alert-container"]{ width: 90% !important; padding: 20px 2.5% 20px 2.5% !important; margin-bottom: 20px!important; } td[class="total-title"]{ font-size: 11px !important; letter-spacing: 0px !important; text-align: left !important; } td[class="questions"] { float: left !important; width: 100% !important; text-align: center !important; } table.flexible { width: 100% !important; float: left !important; margin-bottom: 20px !important; border: 0 !important; text-align: center !important; } table[class="flexible divider"], .hide-mob { display: none!important; } table.flexible td { text-align: center !important; } td[class="address"] { float: left !important; width: 100% !important; text-align: center !important; } td[class="footer-container"] { padding: 25px 2.5% 10px 2.5% !important; width: 95% !important; } td.feedback-container { padding: 0 2.5% 0 2.5% !important; width: 95% !important; } h2.template-message { font-size: 16px !important; } p.upsell-description { font-size: 14px !important; } img.template-logo { min-width: 100px !important; } table.cost-table tr td table thead tr th { font-size: 9px !important; } table.cost-table tr td, table.cost-table tr td pre, table.cost-table tfoot tr td { font-size: 14px !important; } img.social-icon { margin-left: -2px !important; } td[class="refer-link"] { width: 100% !important; clear: both !important; float: left !important; margin-bottom: 5px !important; } td[class="thin-mob"] { width: 10% !important; } img.product-image {max-width: 90% !important; height: auto !important;} img.socialize { height: auto !important; } td[class="socialize-wrapper"] { padding: 0 5px !important; }}@media only screen and (max-width:320px){ table.cost-table tr td, table.cost-table tr td pre, table.cost-table tfoot tr td { font-size: 12px !important; }}</style><!-- [if gte mso 9]><style type="text/css">table[class="flexible divider"] { width: 3%; }</style><![endif]--><!-- [if !mso]><style type="text/css">.font-montserrat { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 0 !important; } .font-muli { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }</style><![endif]--></head><body class="email-template" bgcolor="#e4e7e9" style="margin: 0;padding: 0;font-size: 100%;line-height: 1.6;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;width: 100%;height: 100%;"> <table class="bg" style="margin:0;padding:0;border-collapse:collapse;"> <tr> <td class="bg-gray" width="2560" height="100%" data-cm-colorpicker="message.bgColor" bgcolor="#e4e7e9" align="center" style="min-width:720px;position:relative;"><!-- Main Body --><!-- [if (gte mso 9)|(IE)]><table width="720" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]--> <table class="body-wrap" align="center" style="margin: 0;border-collapse: collapse;width: 100%;margin-top: 3%;padding: 0 10%;"> <tr> <td class="main-container" bgcolor="#ffffff" data-cm-colorpicker="message.contentBgColor" align="center" style="margin:0 auto;padding:40px 40px 20px 40px;display:block;max-width:600px;clear:both;width:80%;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);"> <table width="100%"> <tr> <td align="center"> <div class="content-modules-template"> <div class="content-modules-template--drop"> <table style="width:100%;" class="print-hide"> <tr> <td align="center"> <table style="border-collapse: collapse;width: 100%;"> <tr> <td colspan="3" width="100%" height="10"></td> </tr> </table> </td> </tr> </table> <div class="module-wrapper" data-cm-id="56ffe7391860a31400a3f0f6" data-cm-delete="true"> <table border="0" cellspacing="0" cellpadding="0" class="content-module" width="100%"> <tr> <td width="80%" align="center" valign="middle" colspan="3"><img class="template-img template-logo" data-form="logo" src="https://d14sm6a273ku3g.cloudfront.net/cb70a1753f15311f3779ee3cd87e8f34.png" data-cm-dropzone="value" data-cm-resizable="size" style="height:auto;" height="100" width="300" /></td> </tr> </table> </div> <table style="width:100%;" class="print-hide"> <tr> <td align="center"> <table style="border-collapse: collapse;width: 100%;"> <tr> <td colspan="3" width="100%" height="10"></td> </tr> </table> </td> </tr> </table> <table style="width:100%;" class="print-hide"> <tr> <td align="center"> <table style="border-collapse: collapse;width: 100%;"> <tr> <td colspan="3" width="100%" height="10"></td> </tr> </table> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" data-cm-id="56ffe7391860a31400a3f0f5" class="content-module" width="100%"> <tr> <td width="10%"></td> <td width="80%" align="center" valign="middle"> <h2 class="template-h2 template-from font-montserrat" style="margin:0;padding:0;font-size: 32px;line-height: 1.2;color: #32373b;font-weight: 500;word-break: break-word;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span data-cm-contenteditable="body" data-cm-contenteditable-html="true" data-disable-return="true">Thank You! We Received Your Order</span></h2> </td> <td width="10%"></td> </tr> </table> <table style="width:100%;" class="print-hide"> <tr> <td align="center"> <table style="border-collapse: collapse;width: 100%;"> <tr> <td colspan="3" width="100%" height="10"></td> </tr> </table> </td> </tr> </table> <table style="width:100%;" class="print-hide"> <tr> <td align="center"> <table style="border-collapse: collapse;width: 100%;"> <tr> <td colspan="3" width="100%" height="10"></td> </tr> </table> </td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" data-cm-id="56ffe7391860a31400a3f0f4" class="content-module" width="100%"> <tr> <td colspan="3" width="80%" align="center" valign="middle"> <div class="template-h2 template-message font-montserrat" style="margin: 0;padding: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:18px;line-height:1.4;color:#32373b;font-weight:300;letter-spacing:0px;word-break: break-word;"> <div data-cm-contenteditable="body" data-cm-contenteditable-html="true"> <p><br /></p> </div> </div> </td> </tr> </table> <table style="width:100%;" class="print-hide"> <tr> <td align="center"> <table style="border-collapse: collapse;width: 100%;"> <tr> <td colspan="3" width="100%" height="10"></td> </tr> </table> </td> </tr> </table> </div> </div> </td> </tr> </table> </td> </tr> </table> <table class="footer-wrap" align="center" style="margin: 0;border-collapse: collapse;width: 100%;margin-top: 0;padding: 0 10%;"> <tr> <td class="footer-container" style="margin: 0 auto;padding: 20px 40px 20px 40px;background-color: #32373b;max-width: 600px;display: block;width: 80%;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);" data-cm-colorpicker="footerBackgroundColor"> <table style="margin: 0;padding: 0;border-collapse: collapse;width: 100%;"> <tr> <td> <table class="flexible" style="width:49%;" align="left"> <tr> <td width="100%" class="font-montserrat" style="margin: 0;padding: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;line-height: 1.6;color: #ffffff;text-transform: uppercase;font-weight: 800;letter-spacing: 0.5px;text-align:left;word-break: break-word;" data-cm-contenteditable="questionsLabel" data-cm-contenteditable-html="true" data-disable-return="true">Questions?</td> </tr> <tr> <td width="100%" class="font-montserrat questions-p" style="margin: 0;padding: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;line-height: 1.6;font-weight: 400;color: #ffffff;text-align:left;word-break: break-word;" data-cm-contenteditable="questions" data-cm-contenteditable-html="true">If you need any help, just reply to this email and we will get back to you as soon as possible.</td> </tr> </table> <table class="flexible" style="width:49%;" align="right"> <tr> <td width="100%" class="font-montserrat" style="margin: 0;padding: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;line-height: 1.6;color: #ffffff;text-transform: uppercase;font-weight: 800;letter-spacing: 0.5px;text-align:right;word-break: break-word;" data-cm-contenteditable="companyName" data-cm-contenteditable-html="true" data-disable-return="true"></td> </tr> <tr> <td width="100%" class="font-montserrat" style="margin: 0;padding: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;line-height: 1.6;font-weight: 400;color: #ffffff;text-align:right;word-break: break-word;"> <div id="business-address" data-cm-contenteditable="businessAddress" data-cm-contenteditable-html="true" style="display:block;"><br /></div> <span id="social-icons"></span></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- [if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td> </tr> </table> <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">                                                           </div> </body></html>