para NOTICIAS CON IMAGEN

Noticias con Imagen 01

 

<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="telephone=yes" name="format-detection" />
<style type="text/css">p, h1, h2, h3, h4, h5, h6, ul, ol, li {
font-family:Arial,sans-serif; 
}

p, ul, ol, li {font-size:16px;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

table.cuerpo {
width:100%;
}

table.cabezal {
width: 600px;
margin:auto;
}

tr.filacabezal {height: 50px;}

td.celdacabezal {}



table.pie {
width: 600px;
margin:auto;
}

tr.filapie {height: 50px;}

td.celdapie {}


td.logo {width: 100%;}

table.ppal {width: 600px;}

@media only screen and (max-width: 600px) {

      table {
margin: 0 !important;
padding: 0 !important;

}

td {
width:100% !important;
float: none !important;
clear: both !important;
}

      table.cuerpo {
        padding: 0px !important;
        margin: 0px !important;
      }
      
      table.cabezal, table.pie {
        width: 100% !important;
      }
      
      tr.filacabezal, tr.filapie {
        height: auto !important;
      }

      table.ppal, table.ppal > tbody > tr > td {
        width: 100% !important;
        padding: 0 20px;
      }
      
      table.ppal img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: both !important;
        display: block !important;
      }

      table.cabezal {
        width: 100% !important;
      }
    }
</style>
<table border="0" cellpadding="0" cellspacing="0" class="cuerpo" style="width: 100%;">
	<tbody>
		<tr class="filacabezal" style="height: 50px;">
			<td class="celdacabezal" style="text-align: center; background-color: rgb(102, 153, 255);">
			<table align="center" class="cabezal" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-encabezado.png" style="margin-top: 5px; margin-bottom: 5px;" /></p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td style="text-align: center; background-color: rgb(242, 239, 239);">
			<table align="center" class="ppal" style="margin: auto; width: 611px;">
				<tbody>
					<tr>
						<td style="width: 601px; text-align: center;">
						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p style="text-align: left;"><strong><span style="font-size: 22px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar un t&iacute;tulo general de las Noticias</span></span></strong></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><span style="font-size:28px;"><span style="font-family:arial,helvetica,sans-serif;"><font color="#000000"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-azul.png" /></font></span></span></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p style="background-color: rgb(242, 239, 239);"><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial, helvetica, sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="font-size:16px;"><span style="color: rgb(0, 0, 0);"><span style="font-family: arial, helvetica, sans-serif;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="font-size:16px;"><span style="color: rgb(0, 0, 0);"><span style="font-family: arial, helvetica, sans-serif;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-azul.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px; background-color: rgb(242, 239, 239);" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p style="background-color: rgb(242, 239, 239);"><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial, helvetica, sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="font-size:16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></p>

									<p><span style="font-size:16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></p>

									<p style="background-color: rgb(242, 239, 239);"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-azul.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px; background-color: rgb(242, 239, 239);" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p style="background-color: rgb(242, 239, 239);"><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial, helvetica, sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="font-size:16px;"><span style="color: rgb(0, 0, 0);"><span style="font-family: arial, helvetica, sans-serif;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="font-size:16px;"><span style="color: rgb(0, 0, 0);"><span style="font-family: arial, helvetica, sans-serif;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p style="background-color: rgb(242, 239, 239);"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-azul.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px; background-color: rgb(242, 239, 239);" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr class="filapie" style="height: 50px;">
			<td class="celdapie" style="text-align: center; background-color: rgb(102, 153, 255);">
			<table align="center" class="pie" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center; background-color: rgb(102, 153, 255);">
						<p style="text-align: center; font-family: Arial, sans-serif; font-size: 16px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-pie.png" style="text-align: center; line-height: 25.6px; font-family: Arial, sans-serif; font-size: 16px; background-color: rgb(102, 153, 255);" /></p>

						<p><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="color:#FFFFFF;"><strong>tu email</strong></span></span></span></p>

						<p><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="color:#FFFFFF;"><strong>tu direcci&oacute;n web</strong></span></span></span></p>

						<p><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="color:#FFFFFF;"><strong>tus tel&eacute;fonos</strong></span></span></span><br />
						&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>

Noticias con Imagen 02

 

<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="telephone=yes" name="format-detection" />
<style type="text/css">p, h1, h2, h3, h4, h5, h6, ul, ol, li {
font-family:Arial,sans-serif; 
}

p, ul, ol, li {font-size:16px;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

table.cuerpo {
width:100%;
}

table.cabezal {
width: 600px;
margin:auto;
}

tr.filacabezal {height: 50px;}

td.celdacabezal {}



table.pie {
width: 600px;
margin:auto;
}

tr.filapie {height: 50px;}

td.celdapie {}


td.logo {width: 100%;}

table.ppal {width: 600px;}

@media only screen and (max-width: 600px) {

      table {
margin: 0 !important;
padding: 0 !important;

}

td {
width:100% !important;
float: none !important;
clear: both !important;
}

      table.cuerpo {
        padding: 0px !important;
        margin: 0px !important;
      }
      
      table.cabezal, table.pie {
        width: 100% !important;
      }
      
      tr.filacabezal, tr.filapie {
        height: auto !important;
      }

      table.ppal, table.ppal > tbody > tr > td {
        width: 100% !important;
        padding: 0 20px;
      }
      
      table.ppal img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: both !important;
        display: block !important;
      }

      table.cabezal {
        width: 100% !important;
      }
    }
</style>
<table border="0" cellpadding="0" cellspacing="0" class="cuerpo" style="width: 100%;">
	<tbody>
		<tr class="filacabezal" style="height: 50px;">
			<td class="celdacabezal" style="text-align: center; background-color: rgb(204, 204, 204);">
			<table align="center" class="cabezal" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-encabezado.png" style="margin-top: 5px; margin-bottom: 5px;" /></p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td style="text-align: center; background-color: rgb(255, 255, 255);">
			<table align="center" class="ppal" style="margin: auto; width: 611px;">
				<tbody>
					<tr>
						<td style="width: 601px; text-align: center;">
						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p style="text-align: left;"><strong><span style="font-size: 22px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar un t&iacute;tulo general de las Noticias</span></span></strong></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><span style="font-size:28px;"><span style="font-family:arial,helvetica,sans-serif;"><font color="#000000"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-gris.png" /></font></span></span></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-gris.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px;" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-gris.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px;" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-gris.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px;" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr class="filapie" style="height: 50px;">
			<td class="celdapie" style="text-align: center; background-color: rgb(204, 204, 204);">
			<table align="center" class="pie" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center; background-color: rgb(204, 204, 204);">
						<p style="text-align: center; font-family: Arial, sans-serif; font-size: 16px;"><span style="color:#000000;"><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><strong><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-pie.png" /><br />
						<br />
						tu email</strong></span></span></span></p>

						<p><span style="color:#000000;"><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><strong>tu direcci&oacute;n web</strong></span></span></span></p>

						<p><span style="color:#000000;"><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><strong>tus tel&eacute;fonos</strong></span></span></span><br />
						&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>

Noticias con Imagen 03

 

<meta content="width=device-width,initial-scale=1.0" name="viewport" />
<meta content="telephone=yes" name="format-detection" />
<style type="text/css">p, h1, h2, h3, h4, h5, h6, ul, ol, li {
font-family:Arial,sans-serif; 
}

p, ul, ol, li {font-size:16px;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

table.cuerpo {
width:100%;
}

table.cabezal {
width: 600px;
margin:auto;
}

tr.filacabezal {height: 50px;}

td.celdacabezal {}



table.pie {
width: 600px;
margin:auto;
}

tr.filapie {height: 50px;}

td.celdapie {}


td.logo {width: 100%;}

table.ppal {width: 600px;}

@media only screen and (max-width: 600px) {

      table {
margin: 0 !important;
padding: 0 !important;

}

td {
width:100% !important;
float: none !important;
clear: both !important;
}

      table.cuerpo {
        padding: 0px !important;
        margin: 0px !important;
      }
      
      table.cabezal, table.pie {
        width: 100% !important;
      }
      
      tr.filacabezal, tr.filapie {
        height: auto !important;
      }

      table.ppal, table.ppal > tbody > tr > td {
        width: 100% !important;
        padding: 0 20px;
      }
      
      table.ppal img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: both !important;
        display: block !important;
      }

      table.cabezal {
        width: 100% !important;
      }
    }
</style>
<table border="0" cellpadding="0" cellspacing="0" class="cuerpo" style="width: 100%;">
	<tbody>
		<tr class="filacabezal" style="height: 50px;">
			<td class="celdacabezal" style="text-align: center; background-color: rgb(255, 153, 0);">
			<table align="center" class="cabezal" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center;">
						<p style="text-align: center;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-encabezado.png" style="margin-top: 5px; margin-bottom: 5px;" /></p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr>
			<td style="text-align: center; background-color: rgb(242, 239, 239);">
			<table align="center" class="ppal" style="margin: auto; width: 611px;">
				<tbody>
					<tr>
						<td style="width: 601px; text-align: center;">
						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p style="text-align: left;"><strong><span style="font-size: 22px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar un t&iacute;tulo general de las Noticias</span></span></strong></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><span style="font-size:28px;"><span style="font-family:arial,helvetica,sans-serif;"><font color="#000000"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-naranja.png" /></font></span></span></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-naranja.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px; background-color: rgb(242, 239, 239);" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-naranja.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px; background-color: rgb(242, 239, 239);" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>
									<hr /></td>
								</tr>
							</tbody>
						</table>

						<table align="center" border="0" cellpadding="0" cellspacing="0" class="doscolumnas" style="width: 100%;">
							<tbody>
								<tr>
									<td>
									<div style="margin: 0px 0px 0px 20px; width: 280px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<h2 style="text-align: center; font-family: Arial,sans-serif; font-size: 20px;"><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/news.jpg" style="line-height: 1.6; font-size: 16px;" /></h2>
									</div>

									<div style="margin: 0px 0px 0px 20px; width: 260px; text-align: left; overflow: hidden; vertical-align: top; float: left; display: table-cell;">
									<p><span style="color: rgb(0, 0, 0);"><span style="font-size: 20px;"><span style="font-family: arial,helvetica,sans-serif;">Colocar t&iacute;tulo de la Nota</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">Lorem ipsum dolor sit amet, te cum fugit efficiendi, eum et autem aeterno antiopam. Qui et iriure liberavisse. His tollit antiopam laboramus ei, in noster audiam mea. Usu et eros ignota. Utroque percipitur ea pri. Quo choro ubique quaeque ut.</span></span></span></p>

									<p><span style="color: rgb(0, 0, 0);"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: 16px;">At cum ignota eruditi, scaevola efficiantur qui ut. Ne eos posse mentitum.</span></span></span></p>

									<p><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/mas-info-naranja.png" style="color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 28px; line-height: 44.7999992370606px; background-color: rgb(242, 239, 239);" /></p>
									</div>
									</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
		<tr class="filapie" style="height: 50px;">
			<td class="celdapie" style="text-align: center; background-color: rgb(255, 153, 0);">
			<table align="center" class="pie" style="margin: auto; width: 600px;">
				<tbody>
					<tr>
						<td class="logo" style="width: 100%; text-align: center; background-color: rgb(255, 153, 0);">
						<p style="text-align: center; font-family: Arial, sans-serif; font-size: 16px;"><span style="color:#000000;"><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><strong><img alt="" src="http://www.enviarminewsletter.com/publico/imgnews/00000000000000000076/images/tu-logo-pie.png" /><br />
						<br />
						tu email</strong></span></span></span></p>

						<p><span style="color:#000000;"><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><strong>tu direcci&oacute;n web</strong></span></span></span></p>

						<p><span style="color:#000000;"><span style="font-size:18px;"><span style="font-family:arial,helvetica,sans-serif;"><strong>tus tel&eacute;fonos</strong></span></span></span><br />
						&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>