<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Brand Name</title> <style media="all" type="text/css"> a, a:link, a:visited, a span { text-decoration: none; } td {padding: 0;} </style> </head> <body bgcolor="#ffffff" alink="#123fab" link="#123fab" vlink="#123fab" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0; padding: 0; text-align: center;"> <table align="center" width="100%" cellpadding="0" bgcolor="#ffffff" cellspacing="0" border="0" style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"> <tr> <td valign="top"> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: auto;"> <tr> <td valign="top"> <!-- Header --> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td valign="top" style="padding: 20px 0;"> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td valign="top"> <a href="#" title="Logotype" target="_blank"> <img src="images/logotype.png" width="144" height="30" border="0" alt="logotype" style="display: block; border: none;"/> </a> </td> <td valign="middle" style="padding: 0;"> <table align="right" width="250" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="right" style="padding: 0 0 0 0; color: #707070; font-size: 12px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Can't see this email? <a href="#" target="_blank" style="text-decoration: underline; padding: 0 0 0 0; color: #642333; font-size: 12px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> View it online </a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table><!-- End Header --> <!-- Content --> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <!-- Large-Image --> <tr> <td valign="top" style="padding: 0 0 25px;"> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td valign="top"> <a href="#" target="_blank" style="text-decoration: none;"> <img src="images/men-set.jpg" width="600" height="280" border="0" style="display: block; border: none;"/> </a> </td> </tr> </table> </td> </tr><!-- End Large-Image --> <!-- Border-Title --> <tr> <td valign="top" style="padding: 15px 0 34px; border-bottom: 1px solid #e8e8e8;"> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td align="center" style="padding: 0 0 0 0; color: #24222f; text-transform: uppercase; font-size: 36px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Vestibulum Ante Ipsum Primis </td> </tr> <tr> <td align="center" style="padding: 14px 0 0; color: #535353; font-size: 16px; 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. </td> </tr> </table> </td> </tr><!-- End Border-Title --> <!-- Block-Columns --> <tr> <td valign="top" style="padding: 40px 0;"> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <!-- Column --> <td valign="top" style="padding: 0;"> <table align="left" width="200" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top"> <img src="images/small-image.jpg" width="277" height="85" border="0" style="display: block; border: none;"/> </td> </tr> <tr> <td align="left" style="padding: 16px 0 0; color: #642333; text-transform: uppercase; font-size: 16px; line-height: 145%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> Nunc tincidunt nisl </td> </tr> <tr> <td align="left" style="padding: 12px 0 0; color: #aaaaaa; font-size: 13px; 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. </td> </tr> </table> </td> <!-- Column2 --> <td valign="top" style="padding: 0;"> <table align="right" width="200" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top"> <img src="images/small-image-2.jpg" width="277" height="85" border="0" style="display: block; border: none;"/> </td> </tr> <tr> <td align="left" style="padding: 16px 0 0; color: #642333; font-size: 16px; text-transform: uppercase; line-height: 145%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> Mauris et mattis nibh </td> </tr> <tr> <td align="left" style="padding: 12px 0 0; color: #aaaaaa; font-size: 13px; 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. </td> </tr> </table> </td> </tr> <tr> <!-- Column3 --> <td valign="top" style="padding: 45px 0 0;"> <table align="left" width="200" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top"> <img src="images/small-image-3.jpg" width="277" height="85" border="0" style="display: block; border: none;"/> </td> </tr> <tr> <td align="left" style="padding: 16px 0 0; color: #642333; text-transform: uppercase; font-size: 16px; line-height: 145%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> Aliquam erat volutpat </td> </tr> <tr> <td align="left" style="padding: 12px 0 0; color: #aaaaaa; font-size: 13px; 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. </td> </tr> </table> </td> <!-- Column4 --> <td valign="top" style="padding: 45px 0 0;"> <table align="right" width="200" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top"> <img src="images/small-image-4.jpg" width="277" height="85" border="0" style="display: block; border: none;"/> </td> </tr> <tr> <td align="left" style="padding: 16px 0 0; color: #642333; font-size: 16px; text-transform: uppercase; line-height: 145%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"> Curabitur velit odio </td> </tr> <tr> <td align="left" style="padding: 12px 0 0; color: #aaaaaa; font-size: 13px; 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. </td> </tr> </table> </td> </tr> </table> </td> </tr><!-- End Block-Columns --> <!-- Bg-Block --> <tr> <td valign="top"> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td valign="top" bgcolor="#642333" style="padding: 11px 0 0;"> <table align="right" width="555" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="bottom" width="320" align="right" style="padding: 34px 0 0;"> <table align="right" width="320" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" style="padding: 0; color: #ffffff; font-size: 24px; text-transform: uppercase; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Praesent lobortis </td> </tr> <tr> <td align="left" style="padding: 13px 18px 0 0; color: #ffffff; font-size: 14px; line-height: 160%; opacity: 0.60; 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. </td> </tr> <tr> <td valign="bottom" style="padding: 24px 0 0;"> <table align="right" width="320" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" style="padding: 10px 0 0;"> <table align="left" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="middle"> <img src="images/arrow.png" width="14" height="14" border="0" style="display: block; border: none;"/> </td> <td align="left" align="center" style="padding: 0 0 0 7px; color: #ffffff; font-size: 12px; line-height: 87%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> <a href="#" target="_blank" style="text-decoration: underline; padding: 0; color: #ffffff; font-size: 12px; line-height: 187%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Learn More </a> </td> </tr> </table> </td> <td valign="bottom" align="right"> <img src="images/shadow.png" width="152" height="65" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> </tr> </table> </td> <td valign="bottom" width="235" style="padding: 0;"> <table align="right" width="235" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="bottom" align="right"> <img src="images/mobile.png" width="235" height="238" border="0" style="display: block; border: none;"/> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr><!-- End Bg-Block --> <!-- Text --> <tr> <td valign="top" style="padding: 25px 0 15px;"> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td align="center" style="padding: 12px 0 0; color: #535353; font-size: 16px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> Curabitur non est feugiat, convallis ante sit amet, commodo sem. Ut vitae erat ut risus consequat aliquam. Aliquam erat volutpat. Mauris in mauris urna. Vestibulum suscipit magna viverra nunc sollicitudin, placerat congue ligula interdum. </td> </tr> <tr> <td valign="top"> <!-- Button --> <table align="center" width="175" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td valign="top" style="padding: 50px 0;"> <a href="#" target="_blank" style="text-decoration: none;"> <table align="center" width="175" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td bgcolor="#9a2e46" valign="top" align="center" style="padding: 15px 5px; text-transform: uppercase; color: #ffffff; font-size: 14px; line-height: 130%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> sign up now </td> </tr> </table> </a> </td> </tr> </table> <!-- End Button --> </td> </tr> </table> </td> </tr><!-- End Text --> </table><!-- End Content --> <!-- Footer --> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td valign="top" style="padding: 35px 0; border-top: 1px solid #e8e8e8;"> <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="margin: auto;"> <tr> <td valign="top" style="padding: 0;"> <table align="left" width="380" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" style="padding: 0; color: #535353; font-size: 12px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;"> © 2015 Brand Name. All rights reserved. </td> </tr> </table> </td> <td valign="top" align="right" style="padding: 0;"> <table align="right" width="220" cellpadding="0" cellspacing="0" border="0"> <!-- Social --> <tr> <td valign="top" style="padding: 0;"> <table align="right" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top"> <table align="left" width="32" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" align="right" style="padding: 0 0 0 5px;"> <a href="http://facebook.com" title="Facebook" target="_blank"> <img src="images/facebook.png" width="26" height="26" border="0" alt="Facebook" style="display: block; border: none;"/> </a> </td> </tr> </table> </td> <td valign="top"> <table align="left" width="32" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" align="right" style="padding: 0 0 0 5px;"> <a href="http://twitter.com" title="Twitter" target="_blank"> <img src="images/twitter.png" width="26" height="26" border="0" alt="Twitter" style="display: block; border: none;"/> </a> </td> </tr> </table> </td> <td valign="top"> <table align="left" width="32" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" align="right" style="padding: 0 0 0 5px;"> <a href="http://google.com" title="Google" target="_blank"> <img src="images/google.png" width="26" height="26" border="0" alt="Google" style="display: block; border: none;"/> </a> </td> </tr> </table> </td> <td valign="top"> <table align="left" width="32" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" align="right" style="padding: 0 0 0 5px;"> <a href="http://skype.com" title="Skype" target="_blank"> <img src="images/skype.png" width="26" height="26" border="0" alt="Skype" style="display: block; border: none;"/> </a> </td> </tr> </table> </td> <td valign="top"> <table align="right" width="32" cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" align="right" style="padding: 0 0 0 5px;"> <a href="http://linkedin.com" title="Linkedin" target="_blank"> <img src="images/linkedin.png" width="26" height="26" border="0" alt="Linkedin" style="display: block; border: none;"/> </a> </td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- End Social --> </table> </td> </tr> </table> </td> </tr> </table><!-- End Footer --> </td> </tr> </table> </td> </tr> </table> </body> </html>