<center style="width: 100%; background: #222222;"> <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;"> (Optional) This text will appear in the inbox preview, but not the email body. </div><table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="margin: auto;" class="email-container"><tr><td style="padding-top: 20px; text-align: left; background-color: #092845;color:#ffffff;font-weight:bold;padding-left:20px;font-size:20px;font-family:sans-serif;">[LOGO]</td></tr></table> <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="margin: auto;" class="email-container"> <tr> <td bgcolor="#00203e"> <span class="feature_img">[FEATUREDIMAGE]</span> </td></tr><tr> <td bgcolor="#ffffff" valign="middle" style="text-align: center; background-position: center center !important; background-size: cover !important;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:175px; background-position: center center !important;"><v:fill type="tile" src="http://placehold.it/600x230/222222/666666" color="#222222"/><v:textbox inset="0,0,0,0"><![endif]--><div> <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="middle" style="text-align: center; padding: 8px; font-family: sans-serif;mso-height-rule: exactly; line-height: 20px; color: rgb(54,79,103);"> <h1 style="border:2px dashed #14314d; text-align:center!important; padding:33px; margin:0;font-size:15px;">COUPON <span style="display: block; padding: 15px 0;font-size:25px;">[COUPON]</span><span style="display: block;font-size:15px;">(Ed:[EXPIRYDATE])</span></h1> </td></tr></table></div><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td></tr><tr> <td bgcolor=#00203e dir="ltr" align="center" valign="top" width="100%" style="padding: 70px 0;"> <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <td class="stack-column-center" style="vertical-align: top; width: 50%; float:left;"> <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td dir="ltr" valign="top" style="padding:0 15px;"> [DEFAULTEVENT] </td></tr></table> </td><td class="stack-column-center" style="vertical-align: top; width: 50%; "> <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td dir="ltr" valign="top" style="font-family: sans-serif;font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #fff; min-height:180px;height:auto;padding:0 15px; word-wrap:break-word;" class="center-on-narrow"> <p style="word-spacing: 2px;text-align:left;font-size:16px;padding:0 0 20px 0"> [MESSAGE] </p></td></tr><tr> <td dir="ltr" valign="top" style="font-family: sans-serif;font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #fff;word-wrap: break-word; " class="center-on-narrow"> <p style="margin-bottom:0px;font-size:16px;"> <span style="display: inline-block; width:20%;text-align:right;font-size:15px;vertical-align:top;">From-</span> <span style="display: inline-block;width: 180px;text-align:left;font-size:14px;vertical-align:top;"> [FROM]</span> </p></td></tr><tr> <td dir="ltr" valign="top" style="font-family: sans-serif;font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #fff;word-wrap: break-word;" class="center-on-narrow"> <p style="margin-top:0px;font-size:16px;line-height:25px;"> <span style="display: inline-block; width:20%;text-align: right;font-size:15px; word-wrap: break-word; vertical-align:top;">To-</span> <span style="display: inline-block; vertical-align:top; width: 180px;text-align:left;font-size:14px;"> [TO]</span> </p></td></tr><td dir="ltr" valign="top" style="font-family: sans-serif;font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #fff;padding:5px 10px;word-wrap: break-word;" class="center-on-narrow"> <p style="text-align:left;font-weight:bold;font-size:30px;margin:10px 0; vertical-align:top;"> <span style="color:#fff; "><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol"></span>[AMOUNT]</span>/-</span> </p></td></tr></table> </td></tr></table> <tr > <td bgcolor="#fff"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td style="padding: 40px; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #074da4; font-size:16px;"> [DISCLAIMER] </td></tr></table> </td></tr></table> </center><style>@media screen and (max-width: 600px){.email-container{width: 100% !important; margin: auto !important;}@media screen and (max-width: 599px){.stack-column, .stack-column-center{display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important;}}/* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */ .fluid{max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important;}/* What it does: Forces table cells into full-width rows. */ /* And center justify these ones. */ .stack-column-center{text-align: center !important;}/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */ .center-on-narrow{text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important;}table.center-on-narrow{display: inline-block !important;}}.feature_img > img{display: block; margin: 0 auto; max-width: 100%;}</style>