Skip to content

Instantly share code, notes, and snippets.

@anareyna

anareyna/responsive mailing ecommerce template.html

Last active July 21, 2016 01:00
Show Gist options
  • Save anareyna/71efa51389b9a2068f2b47d83c783cf7 to your computer and use it in GitHub Desktop.
Save anareyna/71efa51389b9a2068f2b47d83c783cf7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
responsive mailing ecommerce template.html
<!DOCTYPE html "-//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>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
<title>Template Base</title>
</head>
<body style="width: 100% !important;min-width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100% !important;margin: 0;padding: 0;background-color: #FFFFFF">
<style id="media-query">
/* Client-specific Styles & Reset */
#outlook a {
padding: 0;
}
/* .ExternalClass applies to Outlook.com (the artist formerly known as Hotmail) */
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
#backgroundTable {
margin: 0;
padding: 0;
width: 100% !important;
line-height: 100% !important;
}
/* Buttons */
.button a {
display: inline-block;
text-decoration: none;
-webkit-text-size-adjust: none;
text-align: center;
}
.button a div {
text-align: center !important;
}
/* Outlook First */
body.outlook p {
display: inline !important;
}
/* Media Queries */
@media only screen and (max-width: 600px) {
table[class="body"] img {
height: auto !important;
width: 100% !important;
}
table[class="body"] img.fullwidth {
max-width: 100% !important;
}
table[class="body"] center {
min-width: 0 !important;
}
table[class="body"] .container {
width: 95% !important;
}
table[class="body"] .row {
width: 100% !important;
display: block !important;
}
table[class="body"] .wrapper {
display: block !important;
padding-right: 0 !important;
}
table[class="body"] .columns,
table[class="body"] .column {
table-layout: fixed !important;
float: none !important;
width: 100% !important;
padding-right: 0px !important;
padding-left: 0px !important;
display: block !important;
}
table[class="body"] .wrapper.first .columns,
table[class="body"] .wrapper.first .column {
display: table !important;
}
table[class="body"] table.columns td,
table[class="body"] table.column td,
.col {
width: 100% !important;
}
table[class="body"] table.columns td.expander {
width: 1px !important;
}
table[class="body"] .right-text-pad,
table[class="body"] .text-pad-right {
padding-left: 10px !important;
}
table[class="body"] .left-text-pad,
table[class="body"] .text-pad-left {
padding-right: 10px !important;
}
table[class="body"] .hide-for-small,
table[class="body"] .show-for-desktop {
display: none !important;
}
table[class="body"] .show-for-small,
table[class="body"] .hide-for-desktop {
display: inherit !important;
}
.mixed-two-up .col {
width: 100% !important;
}
}
@media screen and (max-width: 600px) {
div[class="col"] {
width: 100% !important;
}
}
@media screen and (min-width: 601px) {
table[class="container"] {
width: 600px !important;
}
}
</style>
<table class="body" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;height: 100%;width: 100%;table-layout: fixed" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td class="center" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;background-color: #FFFFFF" align="center" valign="top">
<!-- HEADER 1 -->
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top;background-color: #F0F0F0" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<!--[if gte mso 9]>
<table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
<![endif]-->
<!--[if (IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 600px;margin: 0 auto;text-align: inherit" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<table class="block-grid" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 600px;color: #000000;background-color: #FFFFFF" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;font-size: 0">
<!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0"><tr><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="600"><![endif]-->
<div class="col num12" style="display: inline-block;vertical-align: top;width: 100%">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td bgcolor="white" align="center">
<a href="http://ofertop.pe" style="display:inline-block; border:none; text-decoration:none; padding: 10px 0 5px 25px">
<img src="http://i.imgur.com/DUKlxEQ.jpg" alt="Header Ofertop" style="margin:0 auto; padding:0;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" border="0">
</a>
</td>
</tr>
<tr>
<td align="center">
<a href="http://ofertop.pe" style="margin:5px 0;font-size:12px; font-family: Tahoma, Arial, sans-serif; border:none; color: #6d6f71; text-decoration:none; font-weight:bold; padding:0 8px 0 0;display:inline-block;border-right:1px solid #6d6f71">Belleza & Salud</a>
<a href="http://ofertop.pe" style="margin:5px 0;font-size:12px; font-family: Tahoma, Arial, sans-serif; border:none; color: #6d6f71; text-decoration:none; font-weight:bold; padding:0 8px;display:inline-block;border-right:1px solid #6d6f71">Viajes</a>
<a href="http://ofertop.pe" style="margin:5px 0;font-size:12px; font-family: Tahoma, Arial, sans-serif; border:none; color: #6d6f71; text-decoration:none; font-weight:bold; padding:0 8px;display:inline-block;border-right:1px solid #6d6f71">Restaurantes</a>
<a href="http://ofertop.pe" style="margin:5px 0;font-size:12px; font-family: Tahoma, Arial, sans-serif; border:none; color: #6d6f71; text-decoration:none; font-weight:bold; padding:0 8px;display:inline-block;border-right:1px solid #6d6f71">Entretenimiento</a>
<a href="http://ofertop.pe" style="margin:5px 0;font-size:12px; font-family: Tahoma, Arial, sans-serif; border:none; color: #6d6f71; text-decoration:none; font-weight:bold; padding:0 8px;display:inline-block;border-right:1px solid #6d6f71">Delivery Gratis</a>
<a href="http://ofertop.pe" style="margin:5px 0;font-size:12px; font-family: Tahoma, Arial, sans-serif; border:none; color: #6d6f71; text-decoration:none; font-weight:bold; padding:0 0 2px 8px;display:inline-block;">Intereses</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td></tr></table>
<![endif]-->
<!--[if (IE)]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<!-- END HEADER 1 -->
<!-- CUPON BLOCK -->
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top;background-color: #F0F0F0" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<!--[if gte mso 9]>
<table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
<![endif]-->
<!--[if (IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 600px;margin: 0 auto;text-align: inherit" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<table class="block-grid" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 600px;color: #000000;background-color: #FFFFFF" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;font-size: 0">
<!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0"><tr><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="600"><![endif]-->
<div class="col num12" style="display: inline-block;vertical-align: top;width: 100%">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding:0 20px 10px;" align="center">
<a href="http://ofertop.banner1" style="text-decoration:none;display:block;border:none;">
<div style="font-size:12px; border: 1px solid #DADBDC;padding:15px 15px 0;background:#F3F3F2" align="center">
<img class="center" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: 0;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100%;max-width: 100%" align="center" border="0" src="http://i.imgur.com/VA9hCIc.jpg" alt="Image" title="Image" width="100%">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="padding-top:15px;">
<tr>
<td width="60%" valign="top">
<p style="color: #4E4E4E; font-weight: bold; font-family: Tahoma, Arial, sans-serif; padding-top:10px; font-size: 15px; margin: 0; line-height:18px;">La Molina: Alisado para embarazadas o mujeres en periodo de lactancia y más en Alisados Serenova</p>
</td>
<td width="40%" style="font-family: Tahoma, Arial, sans-serif;" align="center">
<s style="font-size:13px;color:#4E4E4E;line-height:14px;">Antes S/. 2,000.00</s>
<p style="font-size:16px; margin:0; color:#DB081B; font-weight:bold;line-height:18px;">Ahora S/. 1,290.90</p>
<span style="border:1px solid #ddd;font-size: 15px; color: #606060; padding: 0 5px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px auto 20px; display:inline-block; font-weight:bold; height:35px; line-height:35px">-60%</span>
<span style="background: #DB081B;font-size: 16px; color: white; padding: 0 30px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px 0 20px; display:inline-block; height:36px; line-height:36px;">VER</span>
</td>
</tr>
</table>
</div>
</a>
<img class="center" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: 0;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100%;max-width: 100%" align="center" border="0" src="http://i.imgur.com/ac8u1FT.png" alt="Image" title="Image" width="100%">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td></tr></table>
<![endif]-->
<!--[if (IE)]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<!-- END CUPON BLOCK -->
<!-- BLOG -->
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top;background-color: #F0F0F0" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<!--[if gte mso 9]>
<table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
<![endif]-->
<!--[if (IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 600px;margin: 0 auto;text-align: inherit" cellpadding="0" cellspacing="0" align="center" width="100%" border="0" bgcolor="white">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<table class="block-grid two-up" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 600px;color: #333;background-color: #FFFFFF" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;font-size: 0">
<!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0"><tr><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="300"><![endif]-->
<div class="col num6" style="display: inline-block;vertical-align: top;text-align: center;width: 300px">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<a href="http://oferta.link" style="display:block;text-decoration:none;border:none;">
<img class="center fullwidth" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: none;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100% !important;max-width: 260px" align="center" border="0" src="http://i.imgur.com/hilEBui.jpg" alt="Oferta" title="Oferta" width="260">
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="300"><![endif]-->
<div class="col num6" style="display: inline-block;vertical-align: top;text-align: center;width: 300px">
<table style="padding-right:10px;border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: middle;background-color: transparent;padding-top: 5px;padding-right: 20px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent" align="center">
<p style="color: #4E4E4E; font-weight: bold; font-family: Tahoma, Arial, sans-serif; font-size: 14px; margin: 0; margin-top:20px;line-height:16px;">10 Ventajas de ser soltero en San Valentín (y el resto del año)</p>
<p style="color: #4E4E4E; font-family: Tahoma, Arial, sans-serif; font-size: 13px; margin: 0;margin-top:10px; line-height:14px;">¿Solter@? Qué flojera escuchar a todos hablar del 14 de febrero: viajes, regalos, cenas y toooda esa melosa parafernalia. Menos mal existen hartas ventajas de ser soltero en San Valentín.</p>
<a href="http://ofertop.pe" style="font-weight:bold;font-family: Tahoma, Arial, sans-serif; display:inline-block; text-decoration: underline; margin: 0; padding: 0; border: 0; outline: none; color:#DB081B; font-size:12px;margin-top:10px">Leer más</a>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td></tr></table>
<![endif]-->
<!--[if (IE)]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<!-- END BLOG -->
<!-- IMG BLOCK -->
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top;background-color: #F0F0F0" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<!--[if gte mso 9]>
<table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
<![endif]-->
<!--[if (IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 600px;margin: 0 auto;text-align: inherit" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<table class="block-grid" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 600px;color: #000000;background-color: #FFFFFF" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;font-size: 0">
<!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0"><tr><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="600"><![endif]-->
<div class="col num12" style="display: inline-block;vertical-align: top;width: 100%">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding:0 20px 10px;" align="center">
<a href="http://ofertop.banner2" style="text-decoration:none;display:block;border:none;">
<img class="center" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: 0;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100%;max-width: 100%" align="center" border="0" src="http://i.imgur.com/tcE275z.jpg" alt="Image" title="Image" width="100%">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td></tr></table>
<![endif]-->
<!--[if (IE)]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<!-- END IMG BLOCK -->
<!-- CUPONES -->
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top;background-color: #F0F0F0" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<!--[if gte mso 9]>
<table id="outlookholder" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>
<![endif]-->
<!--[if (IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 600px;margin: 0 auto;text-align: inherit" cellpadding="0" cellspacing="0" align="center" width="100%" border="0" bgcolor="white">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<table class="block-grid two-up" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 600px;color: #333;background-color: #FFFFFF" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">
<tbody>
<!-- FILA CUPONES -->
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;font-size: 0">
<!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0"><tr><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="300"><![endif]-->
<div class="col num6" style="display: inline-block;vertical-align: top;text-align: center;width: 300px">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<a href="http://oferta.link" style="display:block;text-decoration:none;border:none;">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding-top: 10px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px" align="center" bgcolor="">
<div style="font-size:12px" align="center">
<a href="https://beefree.io" target="_blank"> <img class="center fullwidth" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: none;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100% !important;max-width: 260px" align="center" border="0" src="http://i.imgur.com/UkRfrbk.jpg" alt="Oferta" title="Oferta" width="260"> </a>
</div>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 0;padding-right: 20px;padding-bottom: 5px;padding-left: 20px">
<div style="color:#61626F;line-height:120%;font-family:Tahoma, Verdana, Segoe, sans-serif;background:#f4f2f1;display:block;padding:10px 10px 0;">
<div style="font-size:12px;line-height:14px;color:#61626F;font-family:Tahoma, Verdana, Segoe, sans-serif;text-align:left;">
<p style="margin: 0;font-size: 18px;line-height: 22px;text-align: left;border-bottom: 1px solid #d1d3d4;padding-bottom:10px;"> <span style="font-size: 14px; line-height: 16px;"> La Molina: Alisado para embarazadas o mujeres en periodo de lactancia y m&#225;s en Alisados Serenova </span> </p>
<table style="padding: 0; margin:0;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="display:block;padding-top:15px;"><s style="font-size:13px; line-height:13px;">Antes S/. 2,000.00</s>
<p style="font-size:14px; line-height:15px; margin:0; color:#DB081B; font-weight:bold;">Ahora S/. 1,290.90</p>
</td>
<td align="right" style="padding-top:10px;"><span style="border:1px solid #ddd;font-size: 13px; color: #606060; padding: 0 5px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px auto 20px; display:inline-block; font-weight:bold; height:32px; line-height:32px">-60%</span> <span style="background: #DB081B;font-size: 16px; color: white; padding: 0 10px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px 0 20px; display:inline-block; height:32px; line-height:32px;">Ver</span>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="300"><![endif]-->
<div class="col num6" style="display: inline-block;vertical-align: top;text-align: center;width: 300px">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<a href="http://oferta.link" style="display:block;text-decoration:none;border:none;">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding-top: 10px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px" align="center" bgcolor="">
<div style="font-size:12px" align="center">
<a href="https://beefree.io" target="_blank"> <img class="center fullwidth" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: none;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100% !important;max-width: 260px" align="center" border="0" src="http://i.imgur.com/sFMLRBc.jpg" alt="Oferta" title="Oferta" width="260"> </a>
</div>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 0;padding-right: 20px;padding-bottom: 5px;padding-left: 20px">
<div style="color:#61626F;line-height:120%;font-family:Tahoma, Verdana, Segoe, sans-serif;background:#f4f2f1;display:block;padding:10px 10px 0;">
<div style="font-size:12px;line-height:14px;color:#61626F;font-family:Tahoma, Verdana, Segoe, sans-serif;text-align:left;">
<p style="margin: 0;font-size: 18px;line-height: 22px;text-align: left;border-bottom: 1px solid #d1d3d4;padding-bottom:10px;"> <span style="font-size: 14px; line-height: 16px;"> La Molina: Alisado para embarazadas o mujeres en periodo de lactancia y m&#225;s en Alisados Serenova </span> </p>
<table style="padding: 0; margin:0;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="display:block;padding-top:15px;"><s style="font-size:13px; line-height:13px;">Antes S/. 2,000.00</s>
<p style="font-size:14px; line-height:15px; margin:0; color:#DB081B; font-weight:bold;">Ahora S/. 1,290.90</p>
</td>
<td align="right" style="padding-top:10px;"><span style="border:1px solid #ddd;font-size: 13px; color: #606060; padding: 0 5px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px auto 20px; display:inline-block; font-weight:bold; height:32px; line-height:32px">-60%</span> <span style="background: #DB081B;font-size: 16px; color: white; padding: 0 10px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px 0 20px; display:inline-block; height:32px; line-height:32px;">Ver</span>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
<!-- END FILA CUPONES -->
<!-- FILA CUPONES -->
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;text-align: center;font-size: 0">
<!--[if (gte mso 9)|(IE)]><table width="100%" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0"><tr><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="300"><![endif]-->
<div class="col num6" style="display: inline-block;vertical-align: top;text-align: center;width: 300px">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<a href="http://oferta.link" style="display:block;text-decoration:none;border:none;">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding-top: 10px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px" align="center" bgcolor="">
<div style="font-size:12px" align="center">
<a href="https://beefree.io" target="_blank"> <img class="center fullwidth" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: none;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100% !important;max-width: 260px" align="center" border="0" src="http://i.imgur.com/UkRfrbk.jpg" alt="Oferta" title="Oferta" width="260"> </a>
</div>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 0;padding-right: 20px;padding-bottom: 5px;padding-left: 20px">
<div style="color:#61626F;line-height:120%;font-family:Tahoma, Verdana, Segoe, sans-serif;background:#f4f2f1;display:block;padding:10px 10px 0;">
<div style="font-size:12px;line-height:14px;color:#61626F;font-family:Tahoma, Verdana, Segoe, sans-serif;text-align:left;">
<p style="margin: 0;font-size: 18px;line-height: 22px;text-align: left;border-bottom: 1px solid #d1d3d4;padding-bottom:10px;"> <span style="font-size: 14px; line-height: 16px;"> La Molina: Alisado para embarazadas o mujeres en periodo de lactancia y m&#225;s en Alisados Serenova </span> </p>
<table style="padding: 0; margin:0;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="display:block;padding-top:15px;"><s style="font-size:13px; line-height:13px;">Antes S/. 2,000.00</s>
<p style="font-size:14px; line-height:15px; margin:0; color:#DB081B; font-weight:bold;">Ahora S/. 1,290.90</p>
</td>
<td align="right" style="padding-top:10px;"><span style="border:1px solid #ddd;font-size: 13px; color: #606060; padding: 0 5px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px auto 20px; display:inline-block; font-weight:bold; height:32px; line-height:32px">-60%</span> <span style="background: #DB081B;font-size: 16px; color: white; padding: 0 10px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px 0 20px; display:inline-block; height:32px; line-height:32px;">Ver</span>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="300"><![endif]-->
<div class="col num6" style="display: inline-block;vertical-align: top;text-align: center;width: 300px">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" align="center" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<a href="http://oferta.link" style="display:block;text-decoration:none;border:none;">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding-top: 10px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px" align="center" bgcolor="">
<div style="font-size:12px" align="center">
<a href="https://beefree.io" target="_blank"> <img class="center fullwidth" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: none;height: auto;line-height: 100%;margin: 0 auto;float: none;width: 100% !important;max-width: 260px" align="center" border="0" src="http://i.imgur.com/sFMLRBc.jpg" alt="Oferta" title="Oferta" width="260"> </a>
</div>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-top: 0;padding-right: 20px;padding-bottom: 5px;padding-left: 20px">
<div style="color:#61626F;line-height:120%;font-family:Tahoma, Verdana, Segoe, sans-serif;background:#f4f2f1;display:block;padding:10px 10px 0;">
<div style="font-size:12px;line-height:14px;color:#61626F;font-family:Tahoma, Verdana, Segoe, sans-serif;text-align:left;">
<p style="margin: 0;font-size: 18px;line-height: 22px;text-align: left;border-bottom: 1px solid #d1d3d4;padding-bottom:10px;"> <span style="font-size: 14px; line-height: 16px;"> La Molina: Alisado para embarazadas o mujeres en periodo de lactancia y m&#225;s en Alisados Serenova </span> </p>
<table style="padding: 0; margin:0;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="display:block;padding-top:15px;"><s style="font-size:13px; line-height:13px;">Antes S/. 2,000.00</s>
<p style="font-size:14px; line-height:15px; margin:0; color:#DB081B; font-weight:bold;">Ahora S/. 1,290.90</p>
</td>
<td align="right" style="padding-top:10px;"><span style="border:1px solid #ddd;font-size: 13px; color: #606060; padding: 0 5px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px auto 20px; display:inline-block; font-weight:bold; height:32px; line-height:32px">-60%</span> <span style="background: #DB081B;font-size: 16px; color: white; padding: 0 10px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px 0 20px; display:inline-block; height:32px; line-height:32px;">Ver</span>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
<!-- END FILA CUPONES -->
<tr align="center">
<td>
<a href="http://ofertop.pe" style="background: #DB081B;font-size: 16px; color: white; padding: 10px 15px; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-align: center; margin: 4px 0 20px; display:inline-block; margin-top:20px;">Ver todas nuestras ofertas</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td></tr></table>
<![endif]-->
<!--[if (IE)]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<!-- END CUPONES -->
<!-- FOOTER -->
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top;background-color: #F0F0F0" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<!--[if gte mso 9]>
<table id="outlookholder" border="0" cellspacing="0" cellpadding="0"><tr><td>
<![endif]-->
<!--[if (IE)]>
<table width="600" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="container" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;max-width: 600px;margin: 0 auto;" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top" width="100%">
<table class="block-grid" style="border-spacing: 0;border-collapse: collapse;vertical-align: top;width: 100%;max-width: 600px;color: #000000;background-color: #FFFFFF" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0">
<!--[if (gte mso 9)|(IE)]><table width="100%" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0"><tr><![endif]-->
<!--[if (gte mso 9)|(IE)]><td valign="top" width="600"><![endif]-->
<div class="col num12" style="display: inline-block;vertical-align: top;width: 100%">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;background-color: transparent;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;border-top: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent">
<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td>
<table width="100%" border="0" style="padding:10px 20px;" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td style="border-top: 1px solid #d5d5d5;padding:10px 0;border-bottom: 1px solid #d5d5d5;" align="left">
<img src="http://i.imgur.com/BX90AvJ.jpg" width="30" style="display: inline-block; border: 0; margin: 0; padding: 0; vertical-align:middle; margin-right: 10px; outline:none;">
<span style="font-family: Tahoma, Arial, sans-serif; font-size:12px; color: #868686; vertical-align:middle;margin-right:40px;">
CENTRAL TELEFÓNICA 311-5115
</span>
</td>
<td style="border-top: 1px solid #d5d5d5;padding:10px 0;border-bottom: 1px solid #d5d5d5;" align="right">
<img src="http://i.imgur.com/l4JWFda.jpg" width="30" style="display: inline-block; border: 0; margin: 0; padding: 0; vertical-align:middle; margin-right: 10px; outline:none;">
<a href="mailto:clientes@ofertop.pe" style="font-size:12px;font-family: Tahoma, Arial, sans-serif; vertical-align:middle; display:inline-block; text-decoration: none; margin: 0; padding: 0; border: 0; outline: none; color:#868686;white-space:nowrap;">clientes@ofertop.pe</a>
</td>
</tr>
<tr>
<td style="padding:10px 0;border-bottom: 1px solid #d5d5d5;" align="left">
<img src="http://i.imgur.com/0fKJEX1.jpg" style="display: inline-block; border: 0; margin: 0; padding: 0; vertical-align:middle; margin-right: 10px; outline:none;" width="25">
<span style="font-family: Tahoma, Arial, sans-serif; font-size:14px; color: #868686; vertical-align:middle;">
<span style="font-size:12px;">L - V 9:00 AM-6:00 PM </span>
<span style="margin-left:10px;font-size:12px;white-space:nowrap;">S 10:00 AM - 2:00 PM</span>
</span>
</td>
<td style="padding:10px 0;border-bottom: 1px solid #d5d5d5;" align="right">
<a href="https://www.facebook.com/102255436540088" style="display:inline-block; text-decoration: none; margin: 0; padding: 0; border: 0; outline: none; margin-right: 5px;">
<img src="http://i.imgur.com/vefEp10.jpg" style="display: inline-block; border: 0; margin: 0; padding: 0; vertical-align:middle; outline:none;" width="26">
</a>
<a href="https://twitter.com/OferTOPpe" style="display:inline-block; text-decoration: none; margin: 0; padding: 0; border: 0; outline: none; margin-right: 5px;">
<img src="http://i.imgur.com/4PtbuIe.jpg" style="display: inline-block; border: 0; margin: 0; padding: 0; vertical-align:middle; outline:none;" width="26">
</a>
<a href="https://www.youtube.com/user/OferTOP/" style="display:inline-block; text-decoration: none; margin: 0; padding: 0; border: 0; outline: none;">
<img src="http://i.imgur.com/0THyirw.jpg" style="display: inline-block; border: 0; margin: 0; padding: 0; vertical-align:middle; outline:none;" width="26">
</a>
</td>
</tr>
<tr>
<td style="padding:10px 0;" colspan="2" align="left">
<p style="font-family: Tahoma, Arial, sans-serif; display:inline-block; text-decoration: none; margin: 0; padding: 0; border: 0; outline: none; color:#868686; font-size: 12px;">Ofertas válidas hasta agotar stocks. Sujetas a disponibilidad según términos y condiciones de cada una. En caso haya diferencias entre los precios o descripción mostrados en este correo y los que se muestran en la página, valdrán aquellos de la página. Las promociones clasificadas como "Solo Hoy" son válidas, exclusivamente, para la fecha de envío del correo.
</p>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><![endif]-->
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td></tr></table>
<![endif]-->
<!--[if (IE)]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<!-- END FOOTER -->
</td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment