<!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>
<title>SITE SLINGER</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="noindex" />
<style type="text/css">
* {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:none;
-webkit-text-resize:100%;
text-resize:100%;
}
a{
outline:none;
color:#262626;
text-decoration:underline;
}
a:hover{text-decoration:none !important;}
a[x-apple-data-detectors] {
color:inherit !important;
text-decoration: none !important;
}
.active:hover{opacity:0.8;}
.active{
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
transition:all 0.3s ease;
}
table td{border-collapse:collapse !important; mso-line-height-rule:exactly;}
.ExternalClass, .ExternalClass a, .ExternalClass span, .ExternalClass b, .ExternalClass br, .ExternalClass p, .ExternalClass div{line-height:inherit;}
.tpl-content{padding:0 !important;}
.cke_show_borders{background:#e4e4e4 !important;}
.tpl-repeatmovewrap > .tpl-repeatmove{top:-15px !important;}
tr[class="link-01"] a{color:#de5000;}
tr[class="link-02"] a{color:#262626;}
tr[class="link-03"] a{color:#4d4d4d;}
tr[class="link-04"] a{color:#ffe400;}
tr[class="link-05"] a{color:#fff;}
tr[class="link-06"] a{color:#575654;}
tr[class*="link"] a{text-decoration:underline;}
tr[class*="link"] a:hover{text-decoration:none !important;}
@media only screen and (max-width:500px) {
/* default style */
table[class="flexible"]{width:100% !important;}
*[class="hide"]{
display:none !important;
width:0 !important;
height:0 !important;
padding:0 !important;
font-size:0 !important;
line-height:0 !important;
}
td[class="img-flex"] img{width:100% !important; height:auto !important;}
td[class="aligncenter"]{text-align:center !important;}
th[class="flex"]{display:block !important; width:100% !important;}
/* custom style */
td[class="frame"]{padding:20px 10px !important;}
td[class="indent"]{padding:0 0 23px !important;}
td[class="image-m"]{display:table-cell !important;}
td[class="image-m"] img{
display:block !important;
width:100% !important;
height:auto !important;
}
td[class="line-right"]:after,
td[class="line-left"]:after{
content:"";
position:absolute;
top:0;
left:-1px;
width:1px;
height:50px;
background:#d8d8d8;
}
td[class="line-right"]:after{
right:-1px;
left:auto;
}
}
</style>
</head>
<body style="margin:0; padding:0;" bgcolor="#352d2a">
<table style="min-width:320px;" width="100%" cellspacing="0" cellpadding="0" bgcolor="#352d2a">
<!-- fix for gmail -->
<tr>
<td style="line-height:0;"><div style="display:none; white-space:nowrap; font:15px/1px courier;"> </div></td>
</tr>
<tr>
<td>
<table class="flexible" width="590" align="center" style="margin:0 auto;" cellpadding="0" cellspacing="0">
<!-- fix for gmail -->
<tr>
<td class="hide">
<table width="590" cellpadding="0" cellspacing="0" style="width:590px !important;">
<tr>
<td style="min-width:590px; font-size:0; line-height:0;"> </td>
</tr>
</table>
</td>
</tr>
<!-- header -->
<tr>
<td mc:edit="block-02" class="frame" bgcolor="#282423" align="center" style="padding:9px 15px 4px; border-bottom:5px solid #171514;"><a href="#" target="_blank"><img src="logo.png" height="67" width="141" border="0" style="vertical-align:top;" alt="THE SITE SLINGER" /></a></td>
</tr>
<!-- section - 01 -->
<tr>
<td mc:edit="block-03" class="img-flex"><a href="#" target="_blank"><img src="img-01.jpg" height="250" width="590" border="0" style="vertical-align:top;" alt="" /></a></td>
</tr>
<tr>
<td bgcolor="#fafafa">
<table width="100%" cellpadding="0" cellspacing="0">
<!-- section - 02 -->
<tr>
<td bgcolor="#ffffff" class="frame" style="padding:56px 45px 52px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="link-01">
<td mc:edit="block-04" align="center" style="padding:0 0 34px; font:24px/26px Arial, Helvetica, sans-serif; color:#de5000; text-transform: uppercase;">New prices in september</td>
</tr>
<tr>
<td mc:edit="block-05" align="center" style="padding: 0 0 18px; font:bold 16px/18px Arial, Helvetica, sans-serif; color:#262626; text-transform: uppercase;">dear client!</td>
</tr>
<tr class="link-02">
<td mc:edit="block-06" align="center" style="font:14px/26px Arial, Helvetica, sans-serif; color:#262626;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </td>
</tr>
</table>
</td>
</tr>
<!-- section - 03 -->
<tr>
<td align="center" style="overflow:hidden;"><img src="img-decoration-01.png" height="25" width="590" style="margin:0 -135px; vertical-align:top;" alt="" /></td>
</tr>
<!-- section - 04 -->
<tr>
<td class="frame" style="padding:32px 55px 0;">
<table width="100%" cellpadding="0" cellspacing="0">
<!-- repeatable block - 01 -->
<tr mc:repeatable="container" mc:variant="text-area">
<td class="indent" style="padding:0 0 43px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="frame" style="padding:26px 40px; border: 1px solid #d8d8d8;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td mc:edit="block-07" align="center" style="padding:0 0 10px; font:bold 16px/18px Arial, Helvetica, sans-serif; color:#de5000; text-transform: uppercase;">Lorem Ipsum dolor</td>
</tr>
<tr class="link-02">
<td mc:edit="block-30" align="center" style="font:13px/24px Arial, Helvetica, sans-serif; color:#262626;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis quasi architecto beatae vitae dicta sunt explicabo.</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- repeatable block - 02 -->
<tr mc:repeatable="container" mc:variant="two-widgets">
<td style="padding:0 0 23px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<th width="220" class="flex" align="left" style="vertical-align:top; padding:0;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ffffff" style="padding:15px 20px 14px; border-bottom:1px solid #6d9c11; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="link-03">
<td mc:edit="block-08" align="center" style="padding:0 0 4px; font:bold 16px/21px Arial, Helvetica, sans-serif; color:#4d4d4d;">Responsive <br class="hide" />Email Template</td>
</tr>
<tr>
<td mc:edit="block-09" align="center" style="font:bold 16px/21px Arial, Helvetica, sans-serif; color:#cdcdcd; text-transform:uppercase;">Package</td>
</tr>
</table>
</td>
</tr>
<tr>
<td mc:edit="block-10" align="center" bgcolor="#6d9c11" style="padding:14px 15px 7px; font:24px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:line-through;">$560</td>
</tr>
<tr>
<td bgcolor="#5e870f">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="hide"><img src="img-decoration-02.png" height="25" width="220" style="vertical-align:top;" alt="" /></td>
</tr>
<tr>
<td class="image-m" style="line-height:0; font-size:0; display:none;"><img src="img-decoration-04.png" width="0" height="0" alt="" /></td>
</tr>
<tr>
<td bgcolor="#5e870f" style="padding:6px 10px 15px; border-bottom:4px solid #3b5609;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td mc:edit="block-11" align="center" style="padding:0 0 5px; font:46px/50px Arial, Helvetica, sans-serif; color:#fff;">$450</td>
</tr>
<tr class="link-04">
<td mc:edit="block-12" align="center" style="font:bold 12px/14px Arial, Helvetica, sans-serif; color:#ffe400; text-transform:uppercase;">For the first page</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="link-05">
<td mc:edit="block-13" bgcolor="#342d2a" align="center" style="padding:10px 10px 13px; font:italic 14px/16px Georgia, serif; color:#fff;">Prise reduced by s15</td>
</tr>
</table>
</th>
<th class="flex" width="40" height="23" style="padding:0;"></th>
<th width="220" class="flex" align="left" style="vertical-align:top; padding:0;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ffffff" style="padding:15px 20px 14px; border-bottom:1px solid #6d9c11; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="link-03">
<td mc:edit="block-14" align="center" style="padding:0 0 4px; font:bold 16px/21px Arial, Helvetica, sans-serif; color:#4d4d4d;">Responsive <br class="hide" />Email Template</td>
</tr>
<tr>
<td mc:edit="block-15" align="center" style="font:bold 16px/21px Arial, Helvetica, sans-serif; color:#cdcdcd; text-transform:uppercase;">Package</td>
</tr>
</table>
</td>
</tr>
<tr>
<td mc:edit="block-16" align="center" bgcolor="#6d9c11" style="padding:14px 15px 7px; font:24px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:line-through;">$560</td>
</tr>
<tr>
<td bgcolor="#5e870f">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="hide"><img src="img-decoration-02.png" height="25" width="220" style="vertical-align:top;" alt="" /></td>
</tr>
<tr>
<td class="image-m" style="line-height:0; font-size:0; display:none;"><img src="img-decoration-04.png" width="0" height="0" alt="" /></td>
</tr>
<tr>
<td bgcolor="#5e870f" style="padding:6px 10px 15px; border-bottom:4px solid #3b5609;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td mc:edit="block-31" align="center" style="padding:0 0 5px; font:46px/50px Arial, Helvetica, sans-serif; color:#fff;">$450</td>
</tr>
<tr class="link-04">
<td mc:edit="block-17" align="center" style="font:bold 12px/14px Arial, Helvetica, sans-serif; color:#ffe400; text-transform:uppercase;">For the first page</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="link-05">
<td mc:edit="block-18" bgcolor="#342d2a" align="center" style="padding:10px 10px 13px; font:italic 14px/16px Georgia, serif; color:#fff;">Prise reduced by s15</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- repeatable block - 03 -->
<tr mc:repeatable="container" mc:variant="widget">
<td style="padding:0 0 23px;">
<table class="flexible" width="300" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td bgcolor="#ffffff" style="padding:25px 20px 16px; border-bottom:1px solid #6d9c11; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="link-03">
<td mc:edit="block-19" align="center" style="padding:0 0 3px; font:bold 16px/21px Arial, Helvetica, sans-serif; color:#4d4d4d;">Responsive Email Template</td>
</tr>
<tr>
<td mc:edit="block-20" align="center" style="font:bold 16px/21px Arial, Helvetica, sans-serif; color:#cdcdcd; text-transform:uppercase;">Package</td>
</tr>
</table>
</td>
</tr>
<tr>
<td mc:edit="block-21" align="center" bgcolor="#6d9c11" style="padding:14px 15px 7px; font:24px/26px Arial, Helvetica, sans-serif; color:#fff; text-decoration:line-through;">$560</td>
</tr>
<tr>
<td bgcolor="#5e870f">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="hide"><img src="img-decoration-04.png" height="25" width="300" style="vertical-align:top;" alt="" /></td>
</tr>
<tr>
<td class="image-m" style="line-height:0; font-size:0; display:none;"><img src="img-decoration-04.png" width="0" height="0" alt="" /></td>
</tr>
<tr>
<td bgcolor="#5e870f" style="padding:1px 10px 14px; border-bottom:4px solid #3b5609;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td mc:edit="block-22" align="center" style="padding:0 0 1px; font:56px/60px Arial, Helvetica, sans-serif; color:#fff;">$450</td>
</tr>
<tr class="link-04">
<td mc:edit="block-23" align="center" style="font:bold 12px/14px Arial, Helvetica, sans-serif; color:#ffe400; text-transform:uppercase;">For the first page</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="link-05">
<td mc:edit="block-24" bgcolor="#342d2a" align="center" style="padding:10px 10px 13px; font:italic 14px/16px Georgia, serif; color:#fff;">Prise reduced by s15</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- section - 05 -->
<tr>
<td class="img-flex"><img src="img-decoration-03.png" height="34" width="590" style="vertical-align:top;" alt="" /></td>
</tr>
<!-- section - 06 -->
<tr>
<td bgcolor="#e25a06" style="padding:27px 15px 32px;">
<table align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td mc:edit="block-25" class="active" bgcolor="#ffffff" style="mso-padding-alt:19px 57px 17px; border-radius:3px; border-bottom:2px solid #d4d4d4; font:bold 14px/16px Arial, Helvetica, sans-serif; color:#e25a06; text-transform:uppercase;"><a href="#" style="text-decoration:none; color:#e25a06; display:block; padding:19px 57px 17px;">order now</a></td>
</tr>
</table>
</td>
</tr>
<!-- footer -->
<tr>
<td bgcolor="#282320">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="overflow:hidden;"><img src="img-decoration-05.png" height="25" width="590" style="margin:0 -135px; vertical-align:top;" alt="" /></td>
</tr>
<tr>
<td style="padding:5px 15px 30px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:0 0 19px;">
<table align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td mc:edit="block-26"><a class="active" href="#" target="_blank"><img src="ico-facebook.png" height="25" width="25" border="0" style="vertical-align:top;" alt="facebook" /></a></td>
<td width="10"></td>
<td mc:edit="block-27"><a class="active" href="#" target="_blank"><img src="ico-twitter.png" height="25" width="25" border="0" style="vertical-align:top;" alt="twitter" /></a></td>
<td width="10"></td>
<td mc:edit="block-28"><a class="active" href="#" target="_blank"><img src="ico-linkedin.png" height="25" width="25" border="0" style="vertical-align:top;" alt="linkedin" /></a></td>
</tr>
</table>
</td>
</tr>
<tr class="link-06">
<td mc:edit="block-29" align="center" style="font:11px/22px Arial, Helvetica, sans-serif; color:#575654;">
You are receiving this email because your email is subscribed to our mailing list. <br class="hide" />
<a href="*|UNSUB|*" target="_blank" style="text-decoration:underline; color:#575654;">Click here</a> to unsubscribe your email address from this list. <br />
Copyright © 2015. All rights reserved.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>