<!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 20px;">
<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="19" 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: 0; color: #707070; font-size: 11px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
Problems viewing this?
<a href="#" target="_blank" style="color: #e85c41; font-weight: normal; padding: 0; font-size: 11px; line-height: 120%; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;">
Click here
</a>
to see in your browser.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table><!-- End Header -->
<!-- Content -->
<!-- Image-Block -->
<table width="100%" bgcolor="#e85c41" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="middle" style="padding: 10px 0 0;">
<table width="42%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td valign="top" align="center" style="padding: 0 10%;">
<img src="images/mobile.png" width="147" height="252" border="0" style="display: block; border: none;"/>
</td>
</tr>
</table>
<table width="52%" border="0"cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" style="padding: 4%;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" align="left" style="padding: 30px 0 0; color: #ffffff; font-size: 32px; line-height: 97%; font-weight: bold; font-family: 'Times New Roman', Arial;">
Pellentesque Varius Libero
</td>
</tr>
<tr>
<td valign="middle" align="left" style="padding: 10px 0 0; color: #ffffff; font-size: 12px; line-height: 152%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
Ut in aliquet purus, vitae elementum nibh. Donec mollis nisl id diam ultricies lacinia. Integer laoreet in arcu ut feugiat.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table><!-- End Image-Block -->
<!-- Categories -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" style="padding: 30px 0 44px; border-bottom: 1px solid #dcdcdc;">
<table width="30%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td valign="top" align="center" style="padding: 0 3%;">
<img src="images/board.png" width="84" height="89" border="0" style="display: block; border: none;"/>
</td>
</tr>
<tr>
<td valign="top" align="center" style="padding: 10px 3% 0; color: #595959; font-size: 12px; line-height: 152%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
Donec mollis nisl id diam ultricies lacinia. Integer laoreet in arcu.
</td>
</tr>
</table>
<table width="30%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td valign="top" align="center" style="padding: 0 3%;">
<img src="images/game.png" width="84" height="89" border="0" style="display: block; border: none;"/>
</td>
</tr>
<tr>
<td valign="top" align="center" style="padding: 10px 3% 0; color: #595959; font-size: 12px; line-height: 152%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
Donec mollis nisl id diam ultricies lacinia. Integer laoreet in arcu.
</td>
</tr>
</table>
<table width="30%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td valign="top" align="center" style="padding: 0 3%;">
<img src="images/clock.png" width="84" height="89" border="0" style="display: block; border: none;"/>
</td>
</tr>
<tr>
<td valign="top" align="center" style="padding: 10px 3% 0; color: #595959; font-size: 12px; line-height: 152%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
Donec mollis nisl id diam ultricies lacinia. Integer laoreet in arcu.
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Categories -->
<!-- Info -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" align="left" style="padding: 33px 0 0; color: #000000; font-size: 30px; line-height: 120%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
Maecenas non lorem enim
</td>
</tr>
<tr>
<td valign="top" align="left" style="padding: 10px 0 0; color: #595959; font-size: 12px; 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.
</td>
</tr>
<tr>
<td valign="top" align="left" style="padding: 15px 0 0; color: #595959; font-size: 12px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
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;">
<a href="#" target="_blank" style="text-decoration: none;">
<table width="39%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td valign="top" align="center" bgcolor="#e85c41" style="padding: 15px 2%; 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><!-- End Button -->
</table><!-- End Info -->
<!-- Columns -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<!-- Column -->
<tr>
<td valign="top">
<table width="100%" border="0" bgcolor="#f4efee" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" style="padding: 22px 2% 15px;">
<table width="38%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td valign="top" align="left" style="padding: 0 2% 0 0; color: #000000; font-size: 12px; line-height: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">
Maecenas Feugiat Tempor
</td>
</tr>
</table>
<table width="62%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" align="left" style="padding: 0; color: #595959; font-size: 11px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
Donec mollis nisl id diam ultricies lacinia. Integer laoreet in arcu ut feugiat. Duis mattis et justo id iaculis. Phasellus blandit neque sed tincidunt rhoncus.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><!-- End Column -->
<tr><!-- Column2-->
<td valign="top">
<table width="100%" border="0" bgcolor="#e2e2e2" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" style="padding: 13px 2% 15px;">
<table width="38%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td valign="top" align="left" style="padding: 0 2% 0 0; color: #000000; font-size: 12px; line-height: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">
Vestibulum Ante Ipsum
</td>
</tr>
</table>
<table width="62%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" align="left" style="padding: 0; color: #595959; font-size: 11px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
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.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><!-- End Column2 -->
<!-- Column3 -->
<tr>
<td valign="top">
<table width="100%" border="0" bgcolor="#f4efee" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" style="padding: 13px 2% 15px;">
<table width="38%" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td valign="top" align="left" style="padding: 0 2% 0 0; color: #000000; font-size: 12px; line-height: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">
Aliquam Ornare Metus
</td>
</tr>
</table>
<table width="62%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" align="left" style="padding: 0; color: #595959; font-size: 11px; line-height: 145%; font-weight: normal; font-family: Arial, Helvetica, sans-serif;">
Donec mollis nisl id diam ultricies lacinia. Integer laoreet in arcu ut feugiat. Duis mattis et justo id iaculis. Phasellus blandit neque sed tincidunt rhoncus.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><!-- End Column3 -->
</table><!-- End Columns -->
<!-- Text -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" style="padding: 45px 0 28px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" align="left" style="padding: 0 0 0 17px; border-left: 10px solid #10cadb; color: #595959; font-size: 14px; font-style: italic; line-height: 130%; 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. Maecenas non lorem enim. Sed vitae augue ut nulla pellentesque posuere in ac odio. In et convallis sem. Duis molestie dapibus dui id iaculis. Aliquam a venenatis sem, non pretium purus.
</td>
</tr>
</table>
</td>
</tr>
</table><!-- End Text -->
<!-- End Content -->
<!-- Footer -->
<table width="100%" border="0" bgcolor="#e85c41" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" style="padding: 23px 3% 12px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top" align="center" style="padding: 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>
</tr>
<tr>
<td valign="top" align="center" style="padding: 10px 0 5px; color: #ffffff; 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..
</td>
</tr>
<!-- Social-->
<tr>
<td valign="top" style="padding: 15px 0 5px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top">
<table width="30%" 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>
</tr><!-- End Social-->
</table>
</td>
</tr>
</table><!-- End Footer -->
</td>
</tr>
</table>
<!-- End Wrapper -->
</body>
</html>