  <center style="width: 100%;"> <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: #074da4;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" align="center"> <td bgcolor="#074da4"> <span class="feature_img"> [FEATUREDIMAGE]</span> </td></tr><tr> <td bgcolor="#fff" style="text-align: center; font-family: sans-serif; font-size: 15px; color: rgb(25, 118, 231); vertical-align: middle; display: table-cell; background: rgb(25, 118, 231) none repeat scroll 0% 0%; padding: 20px 0px;"> <span style="display: block; border-top: 3px dashed #fff; padding: 5px;"></span> <h2 style="vertical-align: middle; text-align:center!important; font-size: 16px; display: block; color: rgb(25, 118, 231); background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 15px 0px;">COUPON CODE <span style="display:block; font-size:24px; padding:8px 0 0 0;">[COUPON]</span> <span style="display:block;font-size:16px; padding:8px 0 0 0;">(Ed:[EXPIRYDATE])</span></h2> <span style="display: block; border-bottom: 3px dashed #fff; padding: 5px;"></span> </td></tr><tr > <td bgcolor="#1f81fa" dir="ltr" align="center" valign="top" width="100%" > <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr > <td width="50%" valign="top" class="stack-column-center" style="padding: 50px 0px;"> <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0"> <tr > <td dir="ltr" valign="top" style="padding: 0 30px 0 30px; width: 50%;"> [DEFAULTEVENT] </td></tr></table> </td><td width="50%" valign="top" class="stack-column-center" style="padding: 50px 0px;text-align:left;"> <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:170px;height:auto; word-wrap:break-word; " class="center-on-narrow"> <p style="word-spacing: 1px;text-align:left;font-size:16px; min-height: 150px;"> [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;text-align: left;"> <span style="display: inline-block; 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;text-align: left;"> <span style="display: inline-block; text-align: right;font-size:15px; vertical-align:top;">To-</span> <span style="display: inline-block;width: 180px;text-align:left;font-size:14px; vertical-align:top;"> [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:28px; vertical-align:top;"> <span style="color:#fff; margin:20px 0;"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol"></span>[AMOUNT]</span>/-</span> </p></td></tr></table> </td></tr></table> </td></tr><tr > <td bgcolor="#074da4"> <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: #fff; font-size:16px; text-align: center;"> [DISCLAIMER] </td></tr></table> </td></tr></table> </center><style>/* Media Queries */ @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{margin: 0 auto; display: block;}</style>