<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 0 40px; text-align:left;color:#fff;background-color: #000;"> [LOGO] </td></tr></table> <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="margin:auto;padding:0;" class="email-container"> <tr> <td bgcolor="#000"> <span class="feature_img"> [FEATUREDIMAGE] </span> </td></tr><tr> <td bgcolor="#000" style="padding:0 10px 30px;text-align: center; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; color: #555555;"> <p style="font-size: 16px;border: 2px dashed red; text-align:center; line-height:40px; padding: 5% 20% ;margin: 0 auto;display:block;color:#fff;text-transform: uppercase;">coupon <span style="display:block;font-size: 28.75px;">[COUPON]</span> <span style="display:block;font-size:16px;">(Ed:[EXPIRYDATE])</span></p></td></tr><tr><td bgcolor="#000" dir="ltr" align="center" valign="top" width="100%" style="padding-bottom: 44px;"> <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: 0px 25px; 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: 20px; color: #ffffff; padding: 0px 15px; text-align: left;" class="center-on-narrow"> <p style="font-size: 15px; line-height: 24px; text-align: left; color: #fff; min-height: 200px;white-space: pre-line;word-break: break-word;">[MESSAGE] </p></td></tr><tr><td class="mail-content" style="word-wrap: break-word;font-family: sans-serif; padding: 0px 15px;"><span style="color: #fff; font-size: 15px; float: left; vertical-align: top; text-align: right; display-inline: block; ">From- </span> <span style="color: #fff; font-size: 14px; vertical-align: top; display: inline-block; float: left; word-break: break-all;">[FROM]</span></td></tr><tr><td style="word-wrap: break-word; font-family: sans-serif; padding: 0px 15px;"><span style="color:#fff; font-size: 15px;  float: left; display: inline-block; vertical-align: top;">To- </span> <span style="color: #fff; font-size: 14px; width: 180px; float: left; vertical-align: top; word-break: break-all;">[TO]</span></td></tr><tr><td style="padding: 5px 10px; word-wrap: break-word;"><span style="color: #8a2814; font-size: 23.96px; vertical-align: top;"><strong>[AMOUNT]/-</strong> </span></td></tr></table> </td></tr></table> </td></tr><tr> <td bgcolor="#ed1c24" > <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td style="padding: 30px 35px; font-family: sans-serif; text-align:center; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #fff;"> [DISCLAIMER] </td></tr></table> </td></tr></table></center><style type="text/css">/* 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: 85% !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;}}@media screen and (max-width: 320px){.stack-column-center{display:block; width:100%; margin:0 auto;}}.feature_img img{display: block; margin: 0 auto; max-width: 100%; width:100%;}</style>