<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Brand Name</title> <style type="text/css"> .ReadMsgBody {width: 100%; background-color: #ffffff;} .ExternalClass {width: 100%; background-color: #ffffff;} body {width: 100%; margin:0; padding:0; -webkit-font-smoothing: antialiased;font-family: Georgia, Times, serif} table {border-collapse: collapse;} @media only screen and (max-width: 640px) { body[yahoo] .deviceWidth {width:440px!important; padding:0;} body[yahoo] .center {text-align: center!important;} } @media only screen and (max-width: 479px) { body[yahoo] .deviceWidth {width:280px!important; padding:0;} body[yahoo] .center {text-align: center!important;} } </style> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" yahoo="fix" style="font-family: Arial, Helvetica, sans-serif;"> <!-- Wrapper --> <table width="100%" style="min-width: 320px; max-width: 640px;" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff"> <tr> <td valign="top" style="padding: 10px 3% 0;"> <!-- Header --> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" style="padding: 5px 0 11px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top"> <table width="49%" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td valign="top" align="left" width="118" style="padding: 1%; color: #000000; font-size: 12px; line-height: 87%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> <a href="#" title="Logotype" target="_blank"> <img src="images/logotype.png" width="118" height="25" border="0" alt="logotype" style="display: block; border: none;"/> </a> </td> </tr> </table> <table width="49%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" align="right" style="padding: 10px 0 0 0; color: #707070; font-size: 11px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Can’t see this email? <a href="#" target="_blank" style="color: #c03120; font-weight: normal; padding: 0; font-size: 11px; line-height: 120%; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;"> View it online </a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table><!-- End Header --> <!-- Content --> <!-- Image-Block --> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="background: #2f170c url('images/large-image.jpg') no-repeat left top;"> <tr> <td valign="middle" style="padding: 10px 0 35px;"> <table width="50%" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td valign="middle" align="center" style="padding: 30px 10% 0; color: #ffffff; font-size: 53px; line-height: 97%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> -70% </td> </tr> <tr> <td valign="middle" align="center" style="padding: 5px 10% 0; color: #ffffff; text-transform: uppercase; font-size: 13px; line-height: 97%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> On the first opder </td> </tr> </table> <table width="50%" border="0"cellpadding="0" cellspacing="0"> <tr> <td valign="middle" style="padding: 30px 4% 4%;"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" width="13" style="padding: 10px 0 0;"> <table width="20" align="left" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle"> <img src="images/arrow.png" width="13" height="13" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #ffffff; font-size: 13px; line-height: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> Ut in aliquet purus </td> </tr> <tr> <td valign="middle" width="13" style="padding: 10px 0 0;"> <table width="20" align="left" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle"> <img src="images/arrow.png" width="13" height="13" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #ffffff; font-size: 13px; line-height: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> Donec mollis nisl id diam ultricies </td> </tr> <tr> <td valign="middle" width="13" style="padding: 10px 0 0;"> <table width="20" align="left" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle"> <img src="images/arrow.png" width="13" height="13" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #ffffff; font-size: 13px; line-height: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> Integer laoreet in arcu feugiat </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td valign="top" align="center" style="padding: 20px 2%; color: #b28769; font-size: 14px; line-height: 145%; font-style: italic; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec enim augue. <span style="color: #e6c4ac; font-weight: bold;">Maecenas non lorem</span> enim. Sed vitae augue ut nulla pellentesque posuere in ac odio. In et convallis sem. </td> </tr> </table><!-- End Image-Block --> <!-- Info --> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" align="center" style="padding: 45px 0 0; color: #c03120; font-size: 30px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Vestibulum Ante Ipsum Primis </td> </tr> <tr> <td valign="top" align="left" style="padding: 22px 0 0; color: #7f7f7e; font-size: 14px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Suspendisse vitae metus non odio fermentum facilisis. Donec consectetur vestibulum purus, ut ornare dolor ullamcorper vel. Sed eget turpis eu elit imperdiet dignissim. Maecenas feugiat tempor fermentum. Nullam et varius arcu. Cras vestibulum nisl vitae viverra tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed vel dolor mauris. Donec iaculis diam a tortor dictum sagittis. Maecenas lobortis tellus et facilisis congue. Morbi quis velit lorem. Donec sem augue, suscipit non ultrices sed, volutpat a metus. Nunc porta imperdiet interdum. Praesent eu sem augue. Mauris pretium molestie sem eu venenatis. Pellentesque varius libero massa, gravida gravida purus condimentum sed. Vivamus interdum ut arcu non euismod. Donec quis sapien nec ligula lacinia vulputate. </td> </tr> <!-- Button --> <tr> <td valign="top" style="padding: 30px 0 48px;"> <table width="39%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top"> <a href="#" target="_blank" style="text-decoration: none;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" align="center" bgcolor="c03120" style="padding: 15px 2%; border-radius: 10px; color: #ffffff; font-size: 20px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Order Now! </td> </tr> </table> </a> </td> </tr> </table> </td> </tr><!-- End Button --> </table><!-- End Info --> <!-- Categories --> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top"> <!-- 1 --> <table width="33%" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td valign="top" style="padding: 0 5%;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td valign="top"> <a href="#" target="_blank" style="text-decoration: none;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" align="center" bgcolor="2f170c" style="padding: 11px 2%; color: #ffffff; font-size: 14px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Donec Consectetur </td> </tr> </table> </a> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Maecenas lobortis tellus </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Morbi quis velit lorem </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Donec sem augue </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Suscipit non ultrices sed </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Volutpat a metus </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- 2 --> <table width="33%" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td valign="top" style="padding: 0 5%;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td valign="top"> <a href="#" target="_blank" style="text-decoration: none;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" align="center" bgcolor="2f170c" style="padding: 11px 2%; color: #ffffff; font-size: 14px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Pellentesque Varius </td> </tr> </table> </a> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Maecenas lobortis tellus </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Morbi quis velit lorem </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Donec sem augue </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Suscipit non ultrices sed </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Volutpat a metus </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- 3 --> <table width="33%" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td valign="top" style="padding: 0 5%;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td valign="top"> <a href="#" target="_blank" style="text-decoration: none;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" align="center" bgcolor="2f170c" style="padding: 11px 2%; color: #ffffff; font-size: 14px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Aliquam Ornare </td> </tr> </table> </a> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Maecenas lobortis tellus </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Morbi quis velit lorem </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Donec sem augue </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Suscipit non ultrices sed </td> </tr> <tr> <td valign="middle" style="padding: 10px 0 0;"> <table width="24" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <img src="images/bull.png" width="6" height="6" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> <td valign="middle" align="left" style="padding: 10px 0 0; color: #7f7f7e; font-size: 13px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Volutpat a metus </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- End Categories --> <!-- Text --> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" style="padding: 38px 0;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" align="left" style="padding: 0; color: #595959; font-size: 14px; font-style: italic; line-height: 130%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> <img src="images/image.jpg" width="100%" height="107" border="0" style="display: block; border: none;"/> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" style="padding: 0 4% 4%; border-right: 3px solid #f0dacd; border-bottom: 3px solid #f0dacd; border-left: 3px solid #f0dacd;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" align="left" style="padding: 22px 0 0; color: #2f170c; font-size: 18px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec enim augue. </td> </tr> <tr> <td valign="top" align="left" style="padding: 22px 0 0; color: #7f7f7e; font-size: 14px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Suspendisse vitae metus non odio fermentum facilisis. Donec consectetur vestibulum purus, ut ornare dolor ullamcorper vel. Sed eget turpis eu elit imperdiet dignissim. Maecenas feugiat tempor fermentum. Nullam et varius arcu. Cras vestibulum nisl vitae viverra tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table><!-- End Text --> <!-- End Content --> <!-- Footer --> <table width="100%" border="0" bgcolor="#2f170c" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" style="padding: 28px 6% 17px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" width="50%" align="left" style="padding: 0 3% 0 0; color: #ffffff; font-size: 12px; line-height: 130%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> © 2015 Brand Name. All rights reserved. </td> <!-- Social--> <td valign="top" width="17%" style="padding: 0;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top" align="center" style="padding: 0 4%;"> <a href="http://www.facebook.com" title="Bank" target="_blank"> <table width="26" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <img src="images/facebook.png" border="0" width="26" height="26" alt="Facebook" style="display: block; border: none;"/> </td> </tr> </table> </a> </td> <td valign="top" align="center" style="padding: 0 4%;"> <a href="http://www.twitter.com" title="Bank" target="_blank"> <table width="26" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <img src="images/twitter.png" border="0" width="26" height="26" alt="Twitter" style="display: block; border: none;"/> </td> </tr> </table> </a> </td> <td valign="top" align="center" style="padding: 0 4%;"> <a href="https://plus.google.com" title="Bank" target="_blank"> <table width="26" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <img src="images/google.png" border="0" width="26" height="26" alt="Google" style="display: block; border: none;"/> </td> </tr> </table> </a> </td> <td valign="top" align="center" style="padding: 0 4%;"> <a href="http://www.skype.com" title="Bank" target="_blank" > <table width="26" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <img src="images/skype.png" border="0" width="26" height="26" alt="Skype" style="display: block; border: none;"/> </td> </tr> </table> </a> </td> <td valign="top" align="center" style="padding: 0 4%;"> <a href="http://www.linkedin.com" title="Bank" target="_blank" > <table width="26" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <img src="images/linkedin.png" border="0" width="26" height="26" alt="Linkedin" style="display: block; border: none;"/> </td> </tr> </table> </a> </td> </tr> </table> </td> </tr> </table> </td><!-- End Social--> </tr> <tr> <td colspan="2" valign="top" align="center" style="padding: 10px 0 5px; color: #817875; font-size: 11px; line-height: 130%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Phasellus blandit neque sed tincidunt rhoncus. Curabitur ut bibendum orci, dictum maximus lacus. Sed non dictum sapien. Integer a massa vel augue sodales pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec enim augue. Maecenas non lorem enim. </td> </tr> </table> </td> </tr> </table><!-- End Footer --> </td> </tr> </table> <!-- End Wrapper --> </body> </html>