<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: 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" align="center" valign="top"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td class="stack-column-center" style="width: 50%;vertical-align: top;padding:15px 20px;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0"> <tr> <td style="padding:0; text-align: center;height: 300px;border-radius: 6px;vertical-align: top;"> <span class="default-event">[DEFAULTEVENT]</span> </td></tr></table> </td><td class="stack-column-center" style="vertical-align: top;width: 50%;padding:15px 20px;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td class="gift-baskets-content" style="font-size: 15px; line-height: 20px; word-wrap:break-word;"> <p style="color:#fff;word-spacing: 5px;;height: auto; min-height: 200px; ">[MESSAGE]</p></td></tr><tr> <td class="mail-content" style="word-wrap:break-word;"> <span style="color: rgb(255, 255, 255); font-size: 15px; float: left; vertical-align:top; margin-right:2% text-align: right;display-inline:block; max-width:21%;">From- </span> <span style="color:#fff;font-size:14px; vertical-align:top; display:inline-block; width:180px; float:left;">[FROM]</span> </td></tr><tr> <td style="word-wrap:break-word;"> <span style="color: rgb(255, 255, 255); font-size: 15px; max-width: 15%; float: left;margin-right:2%; text-align: right;width:100%;display:inline-block; vertical-align:top;">To- </span> <span style="color:#fff;font-size:14px; width:180px; float:left; vertical-align:top;">[TO]</span> </td></tr><tr><td style="padding:5px 10px;"> <span style="color:#dd1a22;font-size: 23.96px; vertical-align:top; word-wrap:break-word;"><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>