<!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>Catch Email Template 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:#5b5b5b;
margin-bottom:10px !important;
}
h2 {
color:#5b5b5b !important;
margin-bottom:5px !important;
}
h3 {
color:#999999 !important;
margin-bottom:0px !important;
}
a, a:link, a:visited {
color:#ad77bb;
text-decoration:none;
}
a:hover, a:active {
text-decoration:none;
color:#894b98 !important;
}
...
..
/*Hotmail and Yahoo specific code*/
.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}
.yshortcuts {color: #894b98;}
.yshortcuts a span {color: #894b98; border-bottom: none !important; background: none !important;}
/*Hotmail and Yahoo specific code*/
</style>
...
..
</head>
<body>
<!-- Start of page container -->
<table width="100%" bgcolor="#FFFFFF" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border:0;">
<tr>
<td id="pageContainer" bgcolor="#EEEEEE" background="images/bg.gif" style="padding:0 20px 30px 20px; background-image:url(images/bg.gif); background-position:0; background-repeat:repeat;">
<!--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:#999999; margin:0 auto;">
<tr>
<td style="padding:30px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<h1 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:22pt; color:#5b5b5b; font-weight:normal; margin-top:0; margin-bottom:0px !important;">
<img alt="Logo" src="images/logo.gif" align="left" border="0" vspace="0" hspace="0">
</h1>
</td>
<td width="50%" valign="middle" style="padding:30px 0 30px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; color:#999999; text-align:right;">
Problem viewing email? <a style="text-decoration:underline; color:#ad77bb;" href="#">View online version</a>
</td>
</tr>
</table>
<!--End of logo-->
<!-- Start of content container -->
<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:#999999; margin:0 auto; border:1px #e2e2e2 solid;">
<tr>
<td bgcolor="#FFFFFF" style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<!-- Place content blocks after this code comment -->
<!-- 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:#999999;">
<tr>
<td colspan="6" width="620" style="font-size:2px; line-height:0px;"><img alt="" height="5" src="images/divider_620px.gif" width="620" align="left" vspace="0" hspace="0" border="0" style="display:block;"></td>
</tr>
<tr>
<td width="30" bgcolor="#f4f4f4" style="padding:5px 0 5px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; color:#999999;">
<img alt="" src="images/phoneIcon.gif" height="24" width="24" vspace="0" align="left" hspace="0" border="0" style="display:block;">
</td>
<td width="230" bgcolor="#f4f4f4" style="padding-top:5px; padding-right:20px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; color:#999999;">
Sales and support: <span style="color:#ad77bb;">1.234.567.8901</span>
</td>
<td width="30" bgcolor="#f4f4f4" style="padding:5px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; color:#999999;">
<img alt="" src="images/forwardIcon.gif" height="24" width="24" vspace="0" align="left" hspace="0" border="0" style="display:block;">
</td>
<td width="110" bgcolor="#f4f4f4" style="padding-top:5px; padding-right:20px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; color:#999999;">
<a style="text-decoration:none; color:#ad77bb;" href="#">Forward to a friend</a>
</td>
<td width="30" bgcolor="#f4f4f4" style="padding:5px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; color:#999999;">
<img alt="" src="images/homeIcon.gif" height="24" width="24" vspace="0" align="left" hspace="0" border="0" style="display:block;">
</td>
<td width="110" bgcolor="#f4f4f4" style="padding-top:5px; padding-right:20px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; color:#ad77bb;">
<a style="text-decoration:none; color:#ad77bb;" href="#">Visit our website</a>
</td>
</tr>
</table>
<!-- End of banner -->
<!-- Start of content block -->
<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:#999999;">
<tr>
<td colspan="2" width="620" style="padding-bottom:10px; font-size:2px; line-height:0px;"><img alt="" height="5" src="images/divider_620px.gif" width="620" align="left" vspace="0" hspace="0" border="0" style="display:block;"></td>
</tr>
<tr>
<td bgcolor="#ad77bb" style="font-size:2px; line-height:0px; width: 5px;"><img alt="" height="5" src="images/blank.gif" width="5" vspace="0" hspace="0" border="0" style="display:block;"></td>
<td class="title_td" width="580" style="padding-top:5px; padding-right:20px; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border-width:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; color:#999999;">
<tr>
<td style="padding-top:10px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; color:#999999;">
<span style="padding:3px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; color:#999999; background-color:#f4f4f4;"> Special Offer </span>
</td>
</tr>
</table>
<h2 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18pt; color:#5b5b5b; font-weight:normal; margin-top:0; margin-bottom:5px !important;">Purchase Catch email template today and enjoy it's top features</h2>
</td>
</tr>
<tr>
<td colspan="2" width="620" valign="top" style="padding-top:10px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:center;">
<img alt="image" width="580" height="240" src="images/image_580px_1.jpg" border="0" hspace="0" vspace="0"></td>
</tr>
<tr>
<td colspan="2" style="padding-top:10px; padding-right:20px; padding-bottom:5px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
Cras quis lorem eu eros semper posuere. Mauris volutpat dapibus aliquam. Sed id purus et ante aliquet convallis elementum at magna. Maecenas vitae luctus lacus. Nam rutrum fermentum consectetur. Sed dignissim aliquet metus in varius.
Phasellus ullamcorper nec ultricies proin dapibus elementum ipsum, tincidunt adipiscing ipsum pulvinar a. Sed magna nisl, id aliquam ipsum.
</td>
</tr>
<tr>
<td width="580" colspan="2" style="padding-right:20px; padding-bottom:5px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<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;">
<tr>
<td width="180" valign="top" style="padding-top:10px; padding-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:center; font-weight:bold;">
<div style="line-height:10pt;"><img alt="image" width="80" height="80" src="images/layoutsIcon.gif" border="0" vspace="0" hspace="0"><br><br></div>
<h3 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; font-weight:bold; margin-top:0; margin-bottom:0px !important;">Variety of layouts</h3>
</td>
<td width="180" valign="top" style="padding-top:10px; padding-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:center; font-weight:bold;">
<div style="line-height:10pt;"><img alt="image" width="80" height="80" src="images/colorsIcon.gif" border="0" vspace="0" hspace="0"><br><br></div>
<h3 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; font-weight:bold; margin-top:0; margin-bottom:0px !important;">Wide range of colors</h3>
</td>
<td width="180" valign="top" style="padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:center; font-weight:bold;">
<div style="line-height:10pt;"><img alt="image" width="80" height="80" src="images/emailIcon.gif" border="0" vspace="0" hspace="0"><br><br></div>
<h3 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; font-weight:bold; margin-top:0; margin-bottom:0px !important;">Highest compatibility</h3>
</td>
</tr>
<tr>
<td width="180" valign="top" style="padding-top:10px; padding-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:center; font-weight:bold;">
<div style="line-height:10pt;"><img alt="image" width="80" height="80" src="images/codeIcon.gif" border="0" vspace="0" hspace="0"><br><br></div>
<h3 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; font-weight:bold; margin-top:0; margin-bottom:0px !important;">Clean commented code</h3>
</td>
<td width="180" valign="top" style="padding-top:10px; padding-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:center; font-weight:bold;">
<div style="line-height:10pt;"><img alt="image" width="80" height="80" src="images/supportIcon.gif" border="0" vspace="0" hspace="0"><br><br></div>
<h3 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; font-weight:bold; margin-top:0; margin-bottom:0px !important;">Professional support</h3>
</td>
<td width="180" valign="top" style="padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:center; font-weight:bold;">
<div style="line-height:10pt;"><img alt="image" width="80" height="80" src="images/documentationIcon.gif" border="0" vspace="0" hspace="0"><br><br></div>
<h3 style="padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; font-weight:bold; margin-top:0; margin-bottom:0px !important;">User friendly documentation</h3>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" style="padding-top:5px; padding-right:20px; padding-bottom:20px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
Maecenas sit amet at massa pharetra lacinia. Ut ac lorem. Integer volutpat sem non felis rutrum congue vitae dignissim sem suscipit convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Mauris purus erat, commodo ac sodales quis, molestie vel augue.
<table width="90" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border-width:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; font-weight:bold; color:#ffffff;">
<tr>
<td height="15" style="font-size:2px; line-height:0px;"><img alt="" height="15" src="images/blank.gif" width="5" vspace="0" align="right" hspace="0" border="0" style="display:block;"></td>
</tr>
<tr>
<td bgcolor="#ad77bb" style="padding:6px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; font-weight:bold; color:#999999; text-align:center;">
<a class="button" href="#" style="text-decoration:none; color:#ffffff; display:block;">Buy Now <span style="font-size:14px; font-weight:bold; line-height:50%;">→</span></a></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End of content block -->
<!-- Start of footer -->
...
..
<!-- End of footer -->
</td>
</tr>
</table>
<!-- End of content container -->
</td>
</tr>
</table>
<!-- End of page container -->
</body>
</html>
Catch Email Template © gifky.com 2012 all rights reserved.
