<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
</div>
<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
body{ margin:0px; padding:0px; width:100%; } </style>
</head>
<body>
<table align="center" bgcolor="#ebebeb" border="0" cellpadding="0" cellspacing="0" style="padding:0px; margin:0px;" width="100%">
<tbody>
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td align="center" style="display:block; padding-top:15px; font-size:12px; font-family:Helvetica, Arial, sans-serif; color:#777777;" valign="top">
¿Tiene problemas para ver este correo electrónico? <a href="[web_version]" style="font-size:12px; text-decoration:none; font-family:Helvetica, Arial, sans-serif; color:#e7563a;"><span style="color:#666666;font-weight:bold;text-decoration:underline;"> Ver en su explorador</span></a></td>
</tr>
<tr>
<td align="left" height="20" valign="top"><img alt="" src="images/top-shadow-basica.png" style="display: block; width: 600px; height: 20px;" /></td>
</tr>
<tr>
<td align="left" height="20" valign="top"><img alt="" src="images/cabecera-basica2.jpg" style="display: block; width: 600px; height: 200px;" /></td>
</tr>
<tr>
<td align="left" bgcolor="#ffffff" height="15" valign="top"><img alt="" src="images/shadow-basica.png" style="display: block; width: 600px; height: 15px;" /></td>
</tr>
<tr>
<td align="left" bgcolor="#ffffff" valign="top" style="padding:0 100px;font-family:Arial, Helvetica, sans-serif;font-size:12px;">Junio 2013</td>
</tr>
<tr>
<td align="left" bgcolor="#ffffff" valign="top" style="padding:0 100px;font-family:Arial, Helvetica, sans-serif;font-size:12px;"><p style="font-size:20px;font-weight:bold;">Título de la newsletter</p><img alt="" src="images/producto2.jpg" style="display: block; width: 400px; height: 200px;" /><p style="font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ultricies nibh. Fusce nisi risus, aliquam id ultrices in, congue feugiat elit. Integer elementum, quam id tempor egestas, sem lacus hendrerit mauris, eu congue tortor mi nec ipsum. Nullam sed mi non mi malesuada consequat. In hac habitasse platea dictumst. Quisque diam turpis, condimentum in dapibus quis, consectetur vitae justo. Donec gravida accumsan magna eu malesuada. <br /><br />
In laoreet ultrices nibh non pharetra. Nunc sapien eros, accumsan a scelerisque sed, lobortis in mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ultricies nibh. Fusce nisi risus, aliquam id ultrices in, congue feugiat elit. Integer elementum, quam id tempor egestas, sem lacus hendrerit mauris, eu congue tortor mi nec ipsum. Nullam sed mi non mi malesuada consequat. In hac habitasse platea dictumst. Quisque diam turpis, condimentum in dapibus quis, consectetur vitae justo. Donec gravida accumsan magna eu malesuada.</p>
<p style="text-align:right;"><a href="#" style="background-image:url(images/boton.jpg);width:153px;line-height:52px;text-align:center;display:block;color:#000000;text-decoration:none;float:right;margin-bottom:10px;">Consultar</a></a></p></td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td align="left" valign="top" bgcolor="ffffff" style="padding:18px 20px 10px 20px;color:#3d3d3d;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;border-top:1px solid #afafaf">Nombre de su empresa
<a href="#"><img alt="" src="images/twitter2.png" style="display: block; width: 32px; height: 32px;float:right;margin-top:-8px;border:0;" /></a>
<a href="#"><img alt="" src="images/facebook2.png" style="display: block; width: 32px; height: 32px;float:right;margin-right:10px;margin-top:-8px;border:0;" /></a> </td>
</tr>
<tr>
<td align="left" height="15" valign="top">
<img alt="" src="http://madridnyc.ip-zone.com/mailing-manager/domains/madridnyc_ip-zone_com/files/img//shadow-basica.png" style="display: block; width: 600px; height: 15px;" /></td>
</tr>
</tbody>
</table>
<br />
<table align="center" border="0" cellpadding="0" cellspacing="0" height="176" width="600">
<tbody>
<tr>
<td style="display:block; padding-bottom:15px; font-size:12px; font-family:Helvetica, Arial, sans-serif; color:#777777;" valign="top">
Si desea darse de baja de este boletin <a href="[unsubscribe_url_direct]"><strong><span style="font-size:12px;color:#666666">PINCHE AQUÍ</span></strong></a><br /><br />
<div style="text-align: justify;">
Este mensaje fue enviado a su email por ser usted cliente o suscriptor de nuestra empresa y haber indicado expresamente que desea que le comuniquemos las novedades y promociones. Nuestra empresa nunca le mandará correos no solicitados ni con otros fines distintos al indicado. Nuestra empresa cumple las normativas para la lucha activa contra el correo no deseado (spam). Puede usted ejercer sus derechos de rectificación o anulación de los datos según la normativa vigente o reportar cualquier abuso o recepción de este correo desde otras fuentes.<br />
<br />
<br />
</div>
<br />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
