<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rocket Mail Code Sample</title>
<style type="text/css">
body {
margin:0;
padding:0;
background-color:#e6e6e6;
color:#777777;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}
h1, h2, h3 {
color:#555555;
margin-bottom:15px !important;
}
h4 {
color:#777777;
margin-bottom:0px !important;
}
a, a:link, a:visited {
color:#39a878;
text-decoration:underline;
}
a:hover, a:active {
text-decoration:none;
color:#28855d !important;
}
.phone a {
text-decoration:none;
}
p {
margin:0 0 14px 0;
padding:0;
}
img {
border:0;
}
table td {
border-collapse:collapse;
}
td.border_b {
border-bottom:1px #eeeeee solid;
}
td.border_r {
border-right:1px #eeeeee solid;
}
td.border_b_r {
border-bottom:1px #eeeeee solid;
border-right:1px #eeeeee solid;
}
#pricingTable {
border-collapse:separate !important;
}
.highlighted {
color:#39a878;
}
/*Hotmail and Yahoo specific code*/
.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}
.yshortcuts {color: #777777;}
.yshortcuts a span {color: #777777; border-bottom: none !important; background: none !important; text-decoration:none !important;}
/*Hotmail and Yahoo specific code*/
</style>
...
..
</head>
<body background="images/bg.jpg">
<table id="pageContainer" width="100%" align="center" background="images/bg.jpg" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; text-align:left; background-repeat:repeat; background-color:#e6e6e6;">
<tr>
<td style="padding-top:30px; padding-bottom:30px;">
<!-- Start of view online link -->
<table width="600" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; color:#777777;">
<tr>
<td style="padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; color:#777777; text-align:right;">
Problem viewing email? <a style="text-decoration:underline; color:#39a878;" href="#">Click here to view it online</a>.
</td>
</tr>
</table>
<!-- End of view online link -->
<!-- Start of logo, phone and banner container -->
<table bgcolor="#ffffff" width="600" 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;">
<tr>
<td width="270" valign="middle" style="padding-top:35px; padding-left:30px; padding-bottom:35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#39a878; border-top:1px solid #dddddd;">
<img alt="Logo" src="images/logo.png" align="left" border="0" vspace="0" hspace="0" style="display:block;" />
</td>
<td width="270" valign="middle" style="padding-top:25px; padding-right:30px; padding-bottom:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#777777; text-align:right; border-top:1px solid #dddddd;">
Sales and support<br /><h4 class="phone" style="font-family:'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:24px; line-height:100%; font-weight:300; color:#777777; margin-top:0; margin-bottom:0 !important; padding:0;">234 567 8910</h4>
</td>
</tr>
<tr>
<td width="600" colspan="2" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; text-align:center; color:#39a878;"><a href="#"><img alt="banner" src="images/banner3.png" width="600" height="140" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></a></td>
</tr>
</table>
<!-- End of logo, phone and banner container -->
<!-- Start of letter content -->
<table bgcolor="#ffffff" width="600" 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;">
<tr>
<td width="600" colspan="2" style="padding-top:20px; padding-right:30px; padding-left:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#777777;">
<h2 style="font-family:'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:26px; line-height:27pt; color:#555555; font-weight:300; margin-top:0; margin-bottom:15px !important; padding:0;">Impress your <span class="highlighted" style="color:#39a878;">awesome</span> clients with Rocket Mail</h2>
</td>
</tr>
<tr>
<td style="padding-right:30px; padding-left:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#777777; text-align:justify;">
<!-- Start of author bio -->
<table width="250" align="right" cellpadding="0" cellspacing="0" style=" border-collapse:collapse; border-width:0; border-spacing: 0; text-align:left;">
<tr>
<td width="30" rowspan="3"><img alt="" height="10" src="images/blank.gif" width="30" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></td>
<td bgcolor="#ffffff" valign="bottom" style="padding-top:5px; font-size:2px; line-height:0px;"><img alt="" src="images/sidebarBorderTop.png" width="220" height="5" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></td>
</tr>
<tr>
<td bgcolor="#F4F4F4" style="padding-top:15px; padding-right:20px; padding-bottom:25px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#777777;">
<h3 style="font-family:'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px; line-height:22pt; color:#555555; font-weight:300; margin-top:0; margin-bottom:15px !important; padding:0;">Jessica Smith</h3>
<table width="100" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0;">
<tr>
<td style="padding-top:5px; padding-right:20px;">
<img alt="image" src="images/author.jpg" height="80" width="80" border="0" hspace="0" vspace="0" style="display: block;"/>
</td>
</tr>
</table>
Proin sed purus vitae malesuada pulvinar leo ac magna et odio tempus dictum elementum auctor orci.
<table width="126" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border-spacing:0;">
<tr>
<td style="padding-top:20px;"><a href="#"><img alt="Read More" src="images/readMore2.png" height="35" width="126" border="0" vspace="0" hspace="0" style="display:block;" /></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="220" height="5" valign="top" style="padding-bottom:15px; font-size:2px; line-height:0px;"><img alt="" src="images/sidebarBorderBottom.png" width="220" height="5" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></td>
</tr>
</table>
<!-- End of author bio -->
Lorem ipsum dolor sit amet elit. Nulla fringilla auctor sem, sit amet tristique odio dictum quis neque diam ac blandit consequat. Quisque risus sem luctus et interdum in, pellentesque sed lacus.
<br/><br/> Phasellus eleifend tempus lorem quis bibendum. Etiam tempor, lacus a consequat commodo, ligula mauris ultrices velit, a ornare augue ipsum in mi. Praesent nisi lacus, blandit sit amet iaculis et, dictum consequat diam ut tincidunt elit. Curabitur mattis, lacus et tempus tempus.
<br/><br/>Suspendisse et dolor erat. Aenean a lacus vel lorem lacinia eget viverra neque. Donec rutrum sapien, sed varius lorem viverra nec. Nullam eu lectus ac est porttitor lobortis et volutpat augue.
Maecenas risus magna, dapibus et viverra sed, bibendum sit amet nisi. Praesent ac nibh sapien. Praesent velit arcu, consectetur et vehicula vel, vestibulum eget nunc. Ut mollis, elit nec ullamcorper hendrerit, lectus elit cursus justo, suscipit suscipit tortor sapien dignissim nisl.
Sed varius lacinia aliquam. Vestibulum semper pellentesque massa ac eleifend.
</td>
</tr>
<tr>
<td width="600" colspan="2" height="31" style="padding-top:5px; font-size:2px; line-height:0px;"><img alt="" src="images/divider.png" height="31" width="600" align="left" border="0" vspace="0" hspace="0" style="display:block;" /></td>
</tr>
</table>
<!-- End of letter content -->
...
...
</td>
</tr>
</table>
</body>
</html>
Rocket Mail © gifky.com 2013 all rights reserved.
