<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: 20px 0; text-align: center"><img src="http://placehold.it/200x50" width="200" height="50" alt="alt_text" border="0" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555;"></td></tr></table> --> <table role="presentation" style="margin: auto;" class="email-container" width="600" cellspacing="0" cellpadding="0" border="0" align="center"> <tbody> <tr style="background-color:#C9FFFB;"> <td style=" text-align:left; font-family: sans-serif;color: #AD1D20;"> <h2 style="margin:0px; padding-left:25px; padding-top:25px;">[LOGO]</h2> </td></tr></tbody> </table> <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="margin: auto;" class="email-container"> <tr> <td bgcolor="#c9fffb" style="padding: 20px 0 50px;"> <span style="display:block; margin:0 auto;" class="feature_image"> [FEATUREDIMAGE] </span> </td></tr><tr> <td background="http://placehold.it/600x230/222222/666666" bgcolor="#222222" 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; font-family: sans-serif; font-size: 22px; mso-height-rule: exactly; line-height: 20px; color: #ffffff; background-color: #ad1d20; letter-spacing: 0px;"> <p style="padding: 25px 20px; text-align:center!important; border: 2px dashed #fff; margin: 10px 10px;"><span style="font-size:22px;display:block">COUPON</span><span style="font-size:30px;display:block;padding:15px 0px;">[COUPON]</span><span style="font-size:22px;display:block">(Ed:[EXPIRYDATE])</span></p></td></tr></table> </div><!--[if gte mso 9]> </v:textbox> </v:rect><![endif]--> </td></tr><tr> <td bgcolor="#C9FFFB" dir="ltr" align="center" valign="top" width="100%" style="padding:70px 10px 70px;"> <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="50%" class="stack-column-center" style="vertical-align:top;"> <table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td dir="ltr" valign="top" style="padding: 0 10px; text-align: center;/*background: #fff;*/ border-radius: 5px; width: 50%;"> [DEFAULTEVENT] </td></tr></table> </td><td width="50%" class="stack-column-center" style="vertical-align: top"> <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: 22px; color: #555555; padding:0 10px; text-align: left;word-wrap: break-word;" class="center-on-narrow"> <p style="font-size: 15px; min-height:172px; height:auto; margin:0;word-break: break-word;"> [MESSAGE]</p><p style="margin:0;"><span style="font-size: 15px; display:inline-block; text-align:right;word-break: break-all;">From: </span> <span style="display:inline-block; vertical-align:top; word-break: break-all;">[FROM]</span></p><p style="margin-top:0;"><span style="font-size: 15px;vertical-align:top; display:inline-block; text-align:right; word-break: break-all;">To: </span> <span style="display:inline-block; vertical-align:top; word-break: break-all;">[TO]</span><p> <table role="presentation" cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="float:left;"> <tr> <td style="word-wrap:break-word";><p style="font-size: 26px; color: #ad1d20; margin:0px 0px 0px 0px;text-align: left;float: left;"><strong>[AMOUNT]/-</strong></p></td></tr></table> </td></tr></table> </td></tr></table> </td></tr><tr> <td bgcolor="#ffffff"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td style="padding: 40px 30px; font-family: sans-serif; font-size: 16px; mso-height-rule: exactly; line-height: 20px; color: #fff; background-color:#ad1d20;"> <p style="font-size: 15px; letter-spacing: 0px; word-spacing: 1px;">[DISCLAIMER]</p></td></tr></table> </td></tr></table> </center><style>/* Media Queries */ @media screen and (max-width: 600px){.email-container{width: 100% !important; margin: auto !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: left !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important;}table.center-on-narrow{display: inline-block !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;}}</style>