Get Source Code

All Mailer Templates
plus E-Commerce HTML Mailer Templates
empty Informational Site HTML Mailer Templates
We Miss You
Your Logo
social icon social icon social icon social icon social icon

We miss you!


We know it's only been a few months but since you've been gone, we've received a ton of amazing new products that we think you might like.

We hope you will give us another chance and come have look. We would also like to offer you a 50% discount on your next purchase!

 

 
iphone

Enjoy 50% off!


You'll be the first to hear about new arrivals, exclusive promotionas, cool collaborations, and the latest in everything.

Enter XLKIJP6887F at your next checkout!

Check out some of our newest products!


Getting started: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.
photo

Item 1
Lorem ipsum dolor sit amet, ut laoreet elit, sed diam sed ut dolore.

Buy Now!
photo

Item 2
Lorem ipsum dolor sit amet, ut laoreet elit, sed diam sed ut dolore.

Buy Now!
photo

Item 3
Lorem ipsum dolor sit amet, ut laoreet elit, sed diam sed ut dolore.

Buy Now!
photo

Item 4
Lorem ipsum dolor sit amet, ut laoreet elit, sed diam sed ut dolore.

Buy Now!
Contact Us  |   Facebook  |   Twitter  |   Support

 
Copy Source:  
<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Narrative Reignite Email</title>
<style type="text/css">

/* Take care of image borders and formatting */

img {
max-width: 600px;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}

a {
border: 0;
outline: none;
}

a img {
border: none;
}

/* General styling */

td, h1, h2, h3 {
font-family: Helvetica, Arial, sans-serif;
font-weight: 400;
}

td {
font-size: 13px;
line-height: 19px;
text-align: left;
}

body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
width: 100%;
height: 100%;
color: #37302d;
background: #ffffff;
}

table {
border-collapse: collapse !important;
}


h1, h2, h3, h4 {
padding: 0;
margin: 0;
color: #444444;
font-weight: 400;
line-height: 110%;
}

h1 {
font-size: 35px;
}

h2 {
font-size: 30px;
}

h3 {
font-size: 24px;
}

h4 {
font-size: 18px;
font-weight: normal;
}

.important-font {
color: #21BEB4;
font-weight: bold;
}

.hide {
display: none !important;
}

.force-full-width {
width: 100% !important;
}

</style>

<style type="text/css" media="screen">
@media screen {
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);

/* Thanks Outlook 2013! */
td, h1, h2, h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important;
}
}
</style>

<style type="text/css" media="only screen and (max-width: 600px)">
/* Mobile styles */
@media only screen and (max-width: 600px) {

table[class="w320"] {
width: 320px !important;
}

table[class="w300"] {
width: 300px !important;
}

table[class="w290"] {
width: 290px !important;
}

td[class="w320"] {
width: 320px !important;
}

td[class~="mobile-padding"] {
padding-left: 14px !important;
padding-right: 14px !important;
}

td[class*="mobile-padding-left"] {
padding-left: 14px !important;
}

td[class*="mobile-padding-right"] {
padding-right: 14px !important;
}

td[class*="mobile-padding-left-only"] {
padding-left: 14px !important;
padding-right: 0 !important;
}

td[class*="mobile-padding-right-only"] {
padding-right: 14px !important;
padding-left: 0 !important;
}

td[class*="mobile-block"] {
display: block !important;
width: 100% !important;
text-align: left !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 15px !important;
}

td[class*="mobile-no-padding-bottom"] {
padding-bottom: 0 !important;
}

td[class~="mobile-center"] {
text-align: center !important;
}

table[class*="mobile-center-block"] {
float: none !important;
margin: 0 auto !important;
}

*[class*="mobile-hide"] {
display: none !important;
width: 0 !important;
height: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
}

td[class*="mobile-border"] {
border: 0 !important;
}
}
</style>
</head>
<body class="body" style="padding:0; margin:0; display:block; background:#ffffff; -webkit-text-size-adjust:none" bgcolor="#ffffff">
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td align="center" valign="top" bgcolor="#ffffff" width="100%">

<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="background:#1f1f1f" width="100%">

<center>
<table cellspacing="0" cellpadding="0" width="600" class="w320">
<tr>
<td valign="top" class="mobile-block mobile-no-padding-bottom mobile-center" width="270" style="background:#1f1f1f;padding:10px 10px 10px 20px;">
<a href="#" style="text-decoration:none;">
<img src="https://www.filepicker.io/api/file/X9R4FqRPaEIS3vMxFXgl" width="142" height="30" alt="Your Logo"/>
</a>
</td>
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#1f1f1f;padding:10px 15px 10px 10px">
<table border="0" cellpadding="0" cellspacing="0" class="mobile-center-block" align="right">
<tr>
<td align="right">
<a href="#">
<img src="http://keenthemes.com/assets/img/emailtemplate/social_facebook.png" width="30" height="30" alt="social icon"/>
</a>
</td>
<td align="right" style="padding-left:5px">
<a href="#">
<img src="http://keenthemes.com/assets/img/emailtemplate/social_twitter.png" width="30" height="30" alt="social icon"/>
</a>
</td>
<td align="right" style="padding-left:5px">
<a href="#">
<img src="http://keenthemes.com/assets/img/emailtemplate/social_googleplus.png" width="30" height="30" alt="social icon"/>
</a>
</td>
<td align="right" style="padding-left:5px">
<a href="#">
<img src="http://keenthemes.com/assets/img/emailtemplate/social_linkedin.png" width="30" height="30" alt="social icon"/>
</a>
</td>
<td align="right" style="padding-left:5px">
<a href="#">
<img src="http://keenthemes.com/assets/img/emailtemplate/social_rss.png" width="30" height="30" alt="social icon"/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>

</td>
</tr>
<tr>
<td style="border-bottom:1px solid #e7e7e7;">

<center>
<table cellpadding="0" cellspacing="0" width="600" class="w320">
<tr>
<td align="left" class="mobile-padding" style="padding:20px 20px 0">

<br class="mobile-hide" />

<h1>We miss you!</h1>

<br>
We know it's only been a few months but since you've been gone, we've received a ton of amazing new products that we think you might like.<br><br>

We hope you will give us another chance and come have look. We would also like to offer you a 50% discount on your next purchase!<br>
<br>

<table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff">
<tr>
<td style="width:130px;background:#D84A38;">
<div>
<!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:33px;v-text-anchor:middle;width:130px;" stroke="f" fillcolor="#D84A38">
<w:anchorlock/>
<center>
<![endif]-->
<a href="#"
style="background-color:#D84A38;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:33px;text-align:center;text-decoration:none;width:130px;-webkit-text-size-adjust:none;">Come back!</a>
<!--[if mso]>
</center>
</v:rect>
<![endif]-->
</div>
</td>
<td width="316" style="background-color:#ffffff; font-size:0; line-height:0;">&nbsp;</td>
</tr>
</table>
<br><br>
</td>
<td class="mobile-hide" style="padding-top:20px;padding-bottom:0;vertical-align:bottom">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="right" valign="bottom" width="220" style="padding-right:20px; padding-bottom:0; vertical-align:bottom;">
<img style="display:block" src="https://www.filepicker.io/api/file/AvB8yENR7OdiUqonW05y" width="174" height="294" alt="iphone"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>

</td>
</tr>
<tr>
<td valign="top" style="background-color:#f8f8f8;border-bottom:1px solid #e7e7e7;">

<center>
<table border="0" cellpadding="0" cellspacing="0" width="600" class="w320" style="height:100%;">
<tr>
<td valign="top" class="mobile-padding" style="padding:20px;">
<h2>Enjoy 50% off!</h2>
<br>
You'll be the first to hear about new arrivals, exclusive promotionas, cool collaborations, and the latest in everything.<br>
<br>
Enter <b>XLKIJP6887F</b> at your next checkout!<br>
<br>
</td>
</tr>
</table>
</center>

</td>
</tr>
<tr>
<td valign="top" style="background-color:#ffffff;">

<center>
<table border="0" cellpadding="0" cellspacing="0" width="600" class="w320" style="height:100%;">
<tr>
<td valign="top" class="mobile-padding" style="padding:20px 20px 30px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:4px 0 16px;">
<h3>Check out some of our newest products!</h3>
<br>

<strong>Getting started:</strong>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.
</td>
</tr>
</table>

<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="mobile-block">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" class="mobile-padding-right-only" style="padding:0 13px 0 0">
<a href="#"><img src="https://www.filepicker.io/api/file/UwY648YQTRiCsQnfwjAZ" width="120" height="100" alt="photo"/></a>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:10px 0 7px;">
<h4 class="h4">Item 1</h4>
</td>
</tr>
</table>
Lorem ipsum dolor sit amet, ut laoreet elit, sed diam sed ut dolore.<br>
<br>
<div style="text-align:center; background-color:#d84a38; width:90px;"> <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:33px;v-text-anchor:middle;width:90px;" arcsize="8%" stroke="f" fillcolor="#d84a38">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:14px;">Buy Now!</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-- --><a href="#"><table cellspacing="0" cellpadding="0" width="100%"><tr><td style="background-color:#d84a38;border-radius:0px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:14px;line-height:33px;text-align:center;text-decoration:none;width:90px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#ffffff">Buy Now!</span></td></tr></table></a>
<!--<![endif]-->
</div>
</td>
<td valign="top" class="mobile-padding-left-only" style="padding:0 14px 0 13px">
<a href="#"><img src="https://www.filepicker.io/api/file/OmMM5HJxTGuNz3pcwoEt" width="120" height="100" alt="photo"/></a>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:10px 0 7px;">
<h4 class="h4">Item 2</h4>
</td>
</tr>
</table>
Lorem ipsum dolor sit amet, ut laoreet elit, sed diam sed ut dolore.<br>
<br>
<div style="text-align:center; background-color:#d84a38; width:90px;"> <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:33px;v-text-anchor:middle;width:90px;" arcsize="8%" stroke="f" fillcolor="#d84a38">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:14px;">Buy Now!</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-- --><a href="#"><table cellspacing="0" cellpadding="0" width="100%"><tr><td style="background-color:#d84a38;border-radius:0px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:14px;line-height:33px;text-align:center;text-decoration:none;width:90px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#ffffff">Buy Now!</span></td></tr></table></a>
<!--<![endif]-->
</div>
</td>
</tr>
</table>
</td>

<td class="mobile-block">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" class="mobile-padding-right-only" style="padding:0 14px 0 13px">
<a href="#"><img src="https://www.filepicker.io/api/file/c1DD5WObTCam6pJqMS4T" width="120" height="100" alt="photo"/></a>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:10px 0 7px;">
<h4 class="h4">Item 3</h4>
</td>
</tr>
</table>
Lorem ipsum dolor sit amet, ut laoreet elit, sed diam sed ut dolore.<br>
<br>
<div style="text-align:center; background-color:#d84a38; width:90px;"> <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:33px;v-text-anchor:middle;width:90px;" arcsize="8%" stroke="f" fillcolor="#d84a38">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:14px;">Buy Now!</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-- --><a href="#"><table cellspacing="0" cellpadding="0" width="100%"><tr><td style="background-color:#d84a38;border-radius:0px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:14px;line-height:33px;text-align:center;text-decoration:none;width:90px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#ffffff">Buy Now!</span></td></tr></table></a>
<!--<![endif]-->
</div>
</td>
<td valign="top" class="mobile-padding-left-only" style="padding:0 0 0 13px">
<a href="#"><img src="https://www.filepicker.io/api/file/gCvsWPniSRWtGnsLfYVw" width="120" height="100" alt="photo"/></a>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:10px 0 7px;">
<h4 class="h4">Item 4</h4>
</td>
</tr>
</table>
Lorem ipsum dolor sit amet, ut laoreet elit, sed diam sed ut dolore.<br>
<br>
<div style="text-align:center; background-color:#d84a38; width:90px;"> <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:33px;v-text-anchor:middle;width:90px;" arcsize="8%" stroke="f" fillcolor="#d84a38">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:14px;">Buy Now!</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-- --><a href="#"><table cellspacing="0" cellpadding="0" width="100%"><tr><td style="background-color:#d84a38;border-radius:0px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:14px;line-height:33px;text-align:center;text-decoration:none;width:90px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#ffffff">Buy Now!</span></td></tr></table></a>
<!--<![endif]-->
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>

</td>
</tr>
</table>
</center>

</td>
</tr>
<tr>
<td style="background-color:#1f1f1f;">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="600" class="w320" style="height:100%;color:#ffffff" bgcolor="#1f1f1f" >
<tr>
<td align="right" valign="middle" class="mobile-padding" style="font-size:12px;padding:20px; background-color:#1f1f1f; color:#ffffff; text-align:left; ">
<a style="color:#ffffff;" href="#">Contact Us</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a style="color:#ffffff;" href="#">Facebook</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a style="color:#ffffff;" href="#">Twitter</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a style="color:#ffffff;" href="#">Support</a>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>

</td>
</tr>
</table>
</body>
</html>
Basic Responsive Mail Template
ResponsiveBasic
Abstract
abstract
Abandoned cart notice - Offer a Discount
Abandoned Cart message offering savings
Abandoned cart notice - Offer a Discount - red-tan
Abandoned Cart message offering savings red-tan
Abandoned cart notice - Offer a Discount - Blue-Green
Abandoned Cart message offering savings blue green
Abandoned cart - Dont miss out
Abandoned cart dont miss out purple tan
Trip News Template
Trip News
Hello
Hello
Come check us out
CheckUsOut
We Miss You
WeMissYou

Call Today!  We can answer all of your questions and get you a price over the phone just by answering a few questions!

1476738831_logo_social_media_phone 231-266-0606