Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
259 lines (206 sloc) 8.04 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- So that mobile will display zoomed in -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- enable media queries for windows phone 8 -->
<meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
<title>Email Template by Melissa M. Dailey</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table {
border-spacing: 0;
}
table td {
border-collapse: collapse;
}
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.ReadMsgBody {
width: 100%;
background-color: #ebebeb;
}
table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
.yshortcuts a {
border-bottom: none !important;
}
/* MOBILE */
@media screen and (max-width: 599px) {
.force-row,
.container {
width: 100% !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 400px) {
.container-padding {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
.ios-footer a {
color: #aaaaaa !important;
text-decoration: underline;
}
</style>
</head>
<body style="margin:0; padding:0;" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Background -->
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF" style="background-color: #FFFFFF;">
<br>
<!-- 600px container -->
<table border="0" width="600" cellpadding="0" cellspacing="0" class="container" style="width:600px;max-width:600px">
<tr>
<!-- Company Logo -->
<td class="container-padding header" align="center" style="padding-top:5%;padding-bottom:5%;">
<img src="images/polyvore.png">
</td>
</tr>
<tr>
<!-- Headline -->
<td class="container-padding content" align="center">
<br>
<img src="images/headline.png" style="width:200px;max-width:200px;">
<!-- FIRST ITEM -->
<div class="hr" style="height:1px;border-bottom:1px solid #cccccc">&nbsp;</div>
<br>
<div class="sub-title">
<h2 style="font-style:italic;">NUDE PUMPS</h2>
<p style="padding:0;display:inline;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;font-family:Helvetica;letter-spacing:2px;border:solid 1px #000000">SHOP NOW</p>
</div>
<br>
<!-- Two Columns (for side by side items) -->
<!--[if mso]>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="50%" valign="top"><![endif]-->
<table width="264" border="0" cellpadding="0" cellspacing="0" align="left" class="force-row" style="padding-left:10%;">
<tr>
<td class="col" align="center" valign="top" style="width:100%">
<img src="images/nude-color.png" style="width:230px;max-width:230px;height:auto;max-height:230px">
</td>
</tr>
</table>
<!--[if mso]></td><td width="50%" valign="top"><![endif]-->
<table width="264" border="0" cellpadding="0" cellspacing="0" align="right" class="force-row" style="padding-right:10%;">
<tr>
<td class="col" align="center" valign="top" style="width:100%">
<img src="images/nude-heels.jpg" style="width:230px;max-width:230px;height:auto;max-height:230px;padding-bottom:10%;">
</td>
</tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
<!--/ end example -->
<!-- SECOND ITEM -->
<div class="hr" style="height:1px;border-bottom:1px solid #cccccc;clear: both;">&nbsp;</div>
<br>
<div class="sub-title">
<h2 style="font-style:italic;">METALLIC PUMPS</h2>
<p style="padding:0;display:inline;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;font-family:Helvetica;letter-spacing:2px;border:solid 1px #000000">SHOP NOW</p>
</div>
<br>
<!-- Two Columns (for side by side items) -->
<!--[if mso]>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="50%" valign="top"><![endif]-->
<table width="264" border="0" cellpadding="0" cellspacing="0" align="left" class="force-row" style="padding-left:10%;">
<tr>
<td class="col" align="center" valign="top" style="width:100%">
<img src="images/metallic-color.png" style="width:230px;max-width:230px;height:auto;max-height:230px">
</td>
</tr>
</table>
<!--[if mso]></td><td width="50%" valign="top"><![endif]-->
<table width="264" border="0" cellpadding="0" cellspacing="0" align="right" class="force-row" style="padding-right:10%;">
<tr>
<td class="col" align="center" valign="top" style="padding:0;width:100%">
<img src="images/metallic-heels.png" style="width:230px;max-width:230px;height:auto;max-height:230px;padding-bottom:10%;padding-right:0">
</td>
</tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
<!--/ end example -->
<!-- THIRD ITEM -->
<div class="hr" style="height:1px;border-bottom:1px solid #cccccc;clear: both;">&nbsp;</div>
<br>
<div class="sub-title">
<h2 style="font-style:italic;">PRINT PUMPS</h2>
<p style="padding:0;display:inline;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;font-family:Helvetica;letter-spacing:2px;border:solid 1px #000000">SHOP NOW</p>
</div>
<br>
<!-- Two Columns (for side by side items) -->
<!--[if mso]>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="50%" valign="top"><![endif]-->
<table width="264" border="0" cellpadding="0" cellspacing="0" align="left" class="force-row" style="padding-left:10%;">
<tr>
<td class="col" align="center" valign="top" style="width:100%">
<img src="images/print-color.png" style="width:230px;max-width:230px;height:auto;max-height:230px">
</td>
</tr>
</table>
<!--[if mso]></td><td width="50%" valign="top"><![endif]-->
<table width="264" border="0" cellpadding="0" cellspacing="0" align="right" class="force-row" style="padding-right:10%;">
<tr>
<td class="col" align="center" valign="top" style="width:100%">
<img src="images/print-heels.jpg" style="width:230px;max-width:230px;height:auto;max-height:230px">
</td>
</tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
<!--/ end example -->
<!-- FOOTER -->
<br>
</td>
</tr>
<tr>
<td class="container-padding footer-text" align="center" style="font-family:Helvetica, Arial, sans-serif;font-size:15px;line-height:16px;color:#000000;letter-spacing:2px;text-align:center;">
<br><br>
FOLLOW US ON:
<ul style="text-decoration:none;">
<li style="display:inline;"><img src="images/social-facebook.gif" style="width:40px;max-width40px;"></li>
<li style="display:inline;"><img src="images/social-twitter.png" style="width:40px;max-width40px;"></li>
<li style="display:inline;"><img src="images/social-instagram.png" style="width:40px;max-width40px;"></li>
<li style="display:inline;"><img src="images/social-pinterest.png" style="width:40px;max-width40px;"></li>
</ul>
<br><br>
<div style="font-size:12px">
Made by<br>
<span class="ios-footer">
<strong>Melissa M Dailey</strong><br>
Oakland, CA | 2015 <br>
</span>
<a href="http://www.meldailey.com" style="color:#aaaaaa">www.meldailey.com</a><br>
</div>
<br><br>
</td>
</tr>
</table>
<!--/600px container -->
</td>
</tr>
</table>
<!--/100% background wrapper-->
</body>
</html>