<!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>Maily Newsletter Code Sample</title>
<style type="text/css">
body {
margin:0;
padding:0;
background-color:#333333;
color:#777777;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
-webkit-text-size-adjust: none;
-ms-text-size-adjust:none;
}
h1, {
color:#333333 !important;
margin-bottom:15px !important;
}
h2, h3, h4, h5, h6 {
color:#333333 !important;
margin-bottom:10px !important;
}
a, a:link, a:visited {
color:#d45552;
text-decoration:underline;
}
a:hover, a:active {
color:#b23d3a !important;
text-decoration:none;
}
.highlighted {
background-color:#ffdc75;
color:#333333;
padding:1px 3px;
border-radius:3px;
}
img {
border:0;
}
table td {
border-collapse:collapse;
}
td.border {
border:1px #eeeeee dashed;
}
td.border_b {
border-bottom:1px #eeeeee dashed;
}
td.border_r {
border-right:1px #eeeeee dashed;
}
/*Hotmail and Yahoo specific code*/
.ReadMsgBody { width: 100%;}
.ExternalClass {width: 100%;}
.yshortcuts {color: #d45552;}
.yshortcuts a span {color: #d45552; border-bottom: none !important; background: none !important;}
/*Hotmail and Yahoo specific code*/
</style>
</head>
<body>
<table id="container" width="100%" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border:0; margin:0; padding:0; background-color:#333333;">
<!-- Start of main container -->
<tr>
<td style="padding:0 20px;">
<!--Start of Logo -->
<table width="620" 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:#777777; margin:0 auto;">
<tr>
<td style="color:#ffffff; padding:35px 0 15px 0;">
<img alt="Logo" src="images/logo.gif" align="left" border="0" vspace="0" hspace="0"></td>
</tr>
</table>
<!--End of Logo -->
<!--Start of view online | forward | visit website links-->
<table width="620" align="center" cellpadding="0" cellspacing="0" style=" border-collapse:collapse; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:12pt; color:#777777; margin:0 auto;">
<tr>
<td style="font-size:12px; line-height:100%; text-align:left;">
Problem viewing images? <a style="text-decoration:underline; color:#777777;" href="#">View online version</a>
</td>
<td height="35" bgcolor="#dddddd" width="30" valign="bottom" style="font-size:2px; line-height:0; text-align:right;"><img alt="" height="35" src="images/leftTabBorder.gif" width="36" align="right" vspace="0" hspace="0" border="0" style="display:block;"></td>
<td bgcolor="#dddddd" width="70" style="padding:0 0 0 5px;">
<a style="text-decoration:underline; color:#d45552;" href="#">Forward it</a>
</td>
<td height="35" bgcolor="#eeeeee" width="30" valign="bottom" style="font-size:2px; line-height:0; text-align:right;"><img alt="" height="35" src="images/middleTabs.gif" width="36" align="right" vspace="0" hspace="0" border="0" style="display:block;"></td>
<td bgcolor="#eeeeee" width="80" style="padding:0 5px;">
<a style="text-decoration:underline; color:#d45552;" href="#">Visit website</a>
</td>
<td height="35" bgcolor="#eeeeee" width="10" valign="bottom" style="font-size:2px; line-height:0; text-align:right;"><img alt="" height="35" src="images/rightTabBorder.gif" width="10" align="right" vspace="0" hspace="0" border="0" style="display:block;"></td>
</tr>
</table>
<!--End of view online | forward | visit website links-->
<!-- Start of banner -->
<table width="620" 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:#ffffff; margin:0 auto;">
<tr>
<td bgcolor="#eeeeee" valign="top" height="5" style="font-size:2px; line-height:0px;" colspan="2">
<img align="left" alt="" border="0" hspace="0" src="images/leftTopBorder.gif" height="5" width="5" style="display: block;" vspace="0"></td>
</tr>
<tr>
<td bgcolor="#eeeeee" valign="top" style="padding:20px 20px 25px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; font-weight:normal; color:#333333; text-shadow:0 1px 0 #ffffff;">
<h1 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:34px; line-height:32pt; color:#333333; font-weight:bold; margin-top:0; margin-bottom:15px !important; text-shadow: 0 2px 0 #ffffff;">You have got mail from Maily!</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus, nibh sit amet laoreet pulvinar, purus mi facilisis diam, eget laoreet tortor urna vitae ante. Etiam eget lorem lacus, eget hendrerit nisi.
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0;" width="130">
<tr>
<td style="padding:15px 0 0 0;" valign="top">
<a href="#">
<img align="left" border="0" vspace="0" hspace="0" alt="Read More" height="44" src="images/readMore_colorBg.gif" width="130"></a></td>
</tr>
</table>
</td>
<td bgcolor="#eeeeee" width="240" valign="top" style="padding:20px 20px 25px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#ffffff;">
<img align="left" alt="image" border="0" hspace="0" src="images/bannerImage.gif" height="240" width="240" style="display: block;" vspace="0"></td>
</tr>
</table>
<!-- End of banner -->
<!-- Start of 1/3 image + 2/3 content -->
<table width="620" 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:#777777; margin:0 auto;">
<tr>
<td bgcolor="#ffffff" width="180" valign="top" style="padding:30px 20px 25px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#777777;">
<img align="left" alt="image" border="0" hspace="0" src="images/image_180_1.jpg" height="180" width="180" style="display: block;" vspace="0"></td>
<td bgcolor="#ffffff" valign="top" style="padding:25px 20px 25px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#777777;">
<h2 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18pt; color:#333333; font-weight:lighter; margin-top:0; margin-bottom:10px !important;">We deliver unique business plans!</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus elit eget nulla convallis feugiat. Aenean quam risus, mollis at ultrices eget, aliquet eget tortor. Donec cursus purus in lectus varius lobortis. Aliquam erat volutpat.
Quisque gravida odio sed ipsum cursus sed tincidunt metus volutpat.
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0;" width="130">
<tr>
<td width="130" style="padding:15px 0 0 0;" valign="top">
<a href="#">
<img align="left" border="0" vspace="0" hspace="0" alt="Read More" height="44" src="images/readMore.gif" width="130"></a></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="620" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; text-align:center; margin:0 auto;">
<tr>
<td bgcolor="#ffffff" height="7" width="620" style="font-size:2px; line-height:2px; padding:0;"><img alt="" height="7" src="images/divider.gif" width="620" border="0" style="display:block;"></td>
</tr>
</table>
<!-- End of 1/3 image + 2/3 content -->
...
...
<!--Start of company details and unsubscribe link-->
<table width="620" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:15pt; color:#777777; margin:0 auto;">
<tr>
<td style="color:#777777; padding:10px 20px 25px 20px; text-align:center;">
You are currently signed up to Company's newsletters. <a href="#" style="text-decoration: underline; color:#777777;">To unsubscribe click here</a>
</td>
</tr>
</table>
<!--End of company details and unsubscribe link-->
</td>
</tr>
<!-- End of main container -->
</table>
</body>
</html>
Maily Newsletter © gifky.com 2012 all rights reserved.
