<!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>Ninja Mailer</title>
<style type="text/css">
body {
margin:0;
padding:0;
background-color:#f4f4f4;
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:15px !important;
}
h2.adjustedMargin {
margin-bottom:10px !important;
}
h3 {
color:#5b5b5b !important;
margin-bottom:5px !important;
}
a, a:link, a:visited {
color:#28b8ed;
text-decoration:none;
}
a:hover, a:active {
text-decoration:none;
color:#017dab !important;
}
a.button, a.button span {
color:#28b8ed !important;
}
a.button:hover, a.button:active, a.button:hover span, a.button:active span{
color:#017dab !important;
}
p {
margin:0 0 14px 0;
}
img {
border:0;
}
table td {
border-collapse:collapse;
}
td.border_b {
border-bottom:1px #eeeeee solid;
}
/*Hotmail and Yahoo specific code*/
.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}
.yshortcuts {color: #017dab;}
.yshortcuts a span {color: #017dab; 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;">
<tr>
<td id="header" bgcolor="#28b8ed" style="padding:0 15px;">
<table width="630" 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 style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#ffffff;"><img alt="Header" src="images/borderTop.png" height="40" width="630" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></td>
</tr>
</table>
<!-- Start of logo, view online and forward links container -->
<table width="622" 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 bgcolor="#e8e8e8" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<!--Start of logo, view online and forward links-->
<table bgcolor="#ffffff" 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 width="280" valign="middle" style="padding:20px 20px 30px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<h1 style="padding:0; font-family:Georgia, Times, serif; font-size:30px; line-height:28pt; color:#5b5b5b; font-weight:normal; margin-top:0; margin-bottom:0px !important;">
<img alt="Logo" src="images/logo.png" align="left" border="0" vspace="0" hspace="0" style="display:block;" />
</h1>
</td>
<td width="300" valign="middle" style="padding:10px 20px 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; text-align:right; font-style: italic;">
Problem viewing email? <a style="text-decoration:underline; color:#28b8ed;" href="#">View online version</a><br />
18<sup>th</sup> September 2012, Issue # 307, <a style="text-decoration:underline; color:#28b8ed;" href="#">forward it</a>.
</td>
</tr>
</table>
<!--End of logo, view online and forward links-->
</td>
</tr>
</table>
<!-- End of logo, view online and forward links container -->
</td>
</tr>
<tr>
<td id="pageContainer" bgcolor="#f4f4f4" style="padding:0 20px 10px 20px;">
<!-- Start of content container -->
<table width="622" 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 bgcolor="#e8e8e8" style="padding:0 1px;">
<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 bgcolor="#FFFFFF" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<!-- Start of big image -->
<table width="620" 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 style="padding:0; font-size:2px; line-height:0px;"><img alt="" height="4" src="images/divider_620px.png" width="620" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></td>
</tr>
<tr>
<td style="padding-top:25px; padding-right:20px; padding-bottom:19px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<img alt="image" width="580" height="240" src="images/imageWithFrame_580px_1.jpg" border="0" vspace="0" hspace="0" style="display:block;" />
</td>
</tr>
</table>
<!-- End of big image -->
<!-- Start of content with icon on the left -->
<table width="620" 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 style="padding:0; font-size:2px; line-height:0px;"><img alt="" height="4" src="images/divider_620px.png" width="620" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></td>
</tr>
<tr>
<td style="padding-top:20px; padding-right:20px; padding-bottom:22px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<h2 style="padding:0; font-family:Georgia, Times, serif; font-size:30px; line-height:28pt; color:#5b5b5b; font-weight:lighter; margin-top:0; margin-bottom:15px !important;">Email marketing for your business</h2>
<table width="90" align="left" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0;">
<tr>
<td style="padding-top:5px; padding-right:20px;">
<img alt="images" src="images/shield_70.png" height="85" width="70" border="0" vspace="0" hspace="0" style="display:block;" />
</td>
</tr>
</table>
<div style="font-size:12px; line-height:15pt;">
Praesent sagittis dictum laoreet. Donec diam nisl, viverra in vulputate at, dictum a est. Donec faucibus enim viverra sem euismod ultricies. Donec eu lorem ante, sit amet porta nisl. Aliquam mattis feugiat dictum vehicula.
Donec eu lorem ante, sit amet porta nisl. Aliquam mattis feugiat dictum. Ut ultrices nisi at dolor ultrices a tempor tortor vehicula. Donec eu lorem ante, sit amet porta nisl.
</div>
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0;">
<tr>
<td style="padding-top:15px; padding-bottom:5px; text-align:right;">
<a href="#"><img alt="Read More" src="images/readMore.png" height="34" width="122" align="right" border="0" vspace="0" hspace="0" style="display:block;" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End of content with icon on the left -->
<!-- Start of footer -->
<table width="620" 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" style="padding:0; font-size:2px; line-height:0px;"><img alt="" height="4" src="images/divider_620px.png" width="620" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></td>
</tr>
<tr>
<td class="footerLogo" width="280" style="padding-top:27px; padding-right:20px; padding-bottom:27px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999;">
<img alt="Logo" src="images/logo.png" align="left" border="0" vspace="0" hspace="0" style="display:block;" />
</td>
<td width="300" style="padding-top:15px; padding-right:20px; padding-bottom:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15pt; color:#999999; font-style:italic; text-align:right;">
Copyright <img alt="©" src="images/copyright.png" style="vertical-align: -1px;" border="0" height="12" width="11" /> 2012 <a style="text-decoration:underline; color:#28b8ed;" href="http://gifky.com">Gifky.com</a> all rights reserved.<br />
Not interested? <a style="text-decoration:underline; color:#28b8ed;" href="#">Unsubscribe from our list</a>.<br />
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0;">
<tr>
<td style="padding-top:5px; text-align:right;">
<a href="#"><img border="0" vspace="0" hspace="0" alt="Facebook" src="images/facebook.png" /></a> <img border="0" vspace="0" hspace="0" alt="|" src="images/separator.png" />
<a href="#"><img border="0" vspace="0" hspace="0" alt="Twitter" src="images/twitter.png" /></a> <img border="0" vspace="0" hspace="0" alt="|" src="images/separator.png" />
<a href="#"><img border="0" vspace="0" hspace="0" alt="Google Plus" src="images/googlePlus.png" /></a> <img border="0" vspace="0" hspace="0" alt="|" src="images/separator.png" />
<a href="#"><img border="0" vspace="0" hspace="0" alt="Linkedin" src="images/linkedIn.png" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End of footer -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="622" style="padding:0 0 10px 0; font-size:2px; line-height:0px;"><img alt="" src="images/borderBottom.png" height="6" width="622" align="left" vspace="0" hspace="0" border="0" style="display:block;" /></td>
</tr>
</table>
<!-- End of content container -->
</td>
</tr>
</table>
</body>
</html>
Ninja Mailer © gifky.com 2012 all rights reserved.
