<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="en-us" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Everix Mail Code Sample</title>
<style type="text/css">
body {
margin:0;
padding:0;
background-color:transparent;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}
h1 {
color:#ffffff;
margin-bottom:10px !important;
text-shadow: 0 2px 1px #6d7506;
}
h2, h3, h4, h5, h6 {
color:#808912 !important;
margin-bottom:10px !important;
}
a, a:link, a:visited {
color:#4c5018;
text-decoration:none;
}
a:hover, a:active {
text-decoration:none;
color:#808912 !important;
}
#header a:hover, #header a:active {
text-decoration:underline;
color:#ffffff !important;
}
img {
border:0;
}
table td {
border-collapse:collapse;
}
/*Hotmail and Yahoo specific code*/
.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}
.yshortcuts {color: #4c5018;}
.yshortcuts a span, a span {color: #4c5018; border-bottom: none !important; background: none !important;}
/*Hotmail and Yahoo specific code*/
</style>
</head>
<body>
<table width="100%" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border:0; text-align:left;">
<tr>
<td id="header" bgcolor="#808912">
<!--Start of Logo and view online | forward links-->
<table width="580" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; margin:0 auto; border:0;">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:15pt; color:#ffffff;">
<tr>
<td style="color:#ffffff; padding:30px 20px 30px 0;">
<img align="left" border="0" vspace="0" hspace="0" alt="Logo" src="images/logo.gif"></td>
<td width="280" valign="bottom" style="padding:30px 0; text-align:right; color:#4c5018; line-height:100%;">
<img alt="●" src="images/listDot.gif" border="0" width="16" height="8"> <a style="text-decoration:underline; color:#4c5018 !important;" href="#">View online</a>
<img alt="●" src="images/listDot.gif" border="0" width="16" height="8"> <a style="text-decoration:underline; color:#4c5018 !important;" href="#">Forward to a friend</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--End of Logo and view online | forward links-->
</td>
</tr>
</table>
<!-- start of white container -->
<table id="whiteContainer" width="100%" bgcolor="#FFFFFF" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border:0;">
<tr>
<td style="padding:0 20px 30px 20px;">
<!-- Start of letter content -->
<table width="580" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:15pt; color:#999999; margin:0 auto;">
<tr>
<td valign="top" style="padding:30px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; min-height:415px; display:block;">
<h2 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18pt; color:#808912; font-weight:normal; margin-top:0; margin-bottom:10px !important;">Make sure to check out Everix Landing a matching landing page</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus feugiat bibendum placerat. Nam pretium nunc id neque placerat lacinia. Suspendisse aliquam pulvinar arcu, ac placerat
felis fringilla vel. Integer euismod, quam congue facilisis pulvinar, eros risus pulvinar lacus, sit amet pulvinar odio enim vel turpis. Aliquam id purus non magna ultricies molestie. </p>
<h3 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16pt; color:#808912; font-weight:normal; margin-top:0; margin-bottom:10px !important;">Promote your business with confidence</h3>
<!-- Start of list on the right -->
<table width="200" align="right" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:left;">
<tr>
<td class="list_star" valign="top" width="10" style="padding-top:6px; padding-right:10px; padding-left:20px; line-height:50%;"><img alt="●" height="8" src="images/sidebarCheckmark.gif" width="8" border="0"></td>
<td class="list_td" width="170" style="padding-bottom:5px; line-height:15pt;">
Variety of layouts
</td>
</tr>
<tr>
<td class="list_star" valign="top" width="10" style="padding-top:6px; padding-right:10px; padding-left:20px; line-height:50%;"><img alt="●" height="8" src="images/sidebarCheckmark.gif" width="8" border="0"></td>
<td class="list_td" width="170" style="padding-bottom:5px; line-height:15pt;">
Clean & unique design
</td>
</tr>
<tr>
<td class="list_star" valign="top" width="10" style="padding-top:6px; padding-right:10px; padding-left:20px; line-height:50%;"><img alt="●" height="8" src="images/sidebarCheckmark.gif" width="8" border="0"></td>
<td class="list_td" width="170" style="padding-bottom:5px; line-height:15pt;">
User friendly documentation
</td>
</tr>
<tr>
<td class="list_star" valign="top" width="10" style="padding-top:6px; padding-right:10px; padding-left:20px; line-height:50%;"><img alt="●" height="8" src="images/sidebarCheckmark.gif" width="8" border="0"></td>
<td class="list_td" width="170" style="line-height:15pt;">
Purchase now
</td>
</tr>
</table>
<!-- End of list on the right -->
<p>Nam posuere ornare risus vel bibendum. Quisque rutrum nisi non odio ultrices aliquet. Mauris fermentum pellentesque nulla, sed lacinia metus imperdiet id.
Donec nec bibendum nisi. Proin sit amet elit nec nunc blandit tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
</td>
</tr>
</table>
<!-- End of letter content -->
</td>
</tr>
</table>
<!-- End of white container -->
...
...
</body>
</html>
Everix Mail © gifky.com 2012 all rights reserved.