ricardozea
10/27/2014 - 3:59 AM
Level Up! Email Template
Level Up! Email Template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>#18 - Level Up! - Web Design & Development Newsletter</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<style type="text/css">
#outlook a {
padding: 0
}
body {
width: 100%!important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
mso-line-height-rule: exactly
}
table td {
border-collapse: collapse
}
.ExternalClass {
width: 100%
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%
}
table td {
border-collapse: collapse
}
img {
outline: 0;
text-decoration: none;
-ms-interpolation-mode: bicubic
}
a img {
border: none
}
table[class=social_wrapp] {
width: auto
}
.link-container:hover {
background: #dddddd;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.section-heading {
text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}
}
/* @media only screen and (max-device-width: 320px) {
table[id=container_div] {
max-width: 320px!important
}
table[id=container_table],
table[class=image_container],
table[class=image-group-contenitor] {
width: 100%!important;
min-width: 320px!important
}
table[class=image-group-contenitor] td,
table[class=mixed] td,
td[class=mix_image],
td[class=mix_text],
td[class=table-separator],
td[class=section_block] {
display: block!important;
width: 100%!important
}
table[class=image_container] img,
td[class=mix_image] img,
table[class=image-group-contenitor] img {
width: 100%!important
}
table[class=image_container] img[class=natural-width],
td[class=mix_image] img[class=natural-width],
table[class=image-group-contenitor] img[class=natural-width] {
width: auto!important
}
a[class="button-link justify"] {
display: block!important;
width: auto!important
}
td[class=table-separator] br {
display: none
}
td[class=cloned_td] table[class=image_container] {
width: 100%!important;
min-width: 0!important
}
} */
</style>
</head>
<body>
<table id="container_div" style="text-align:center; border-collapse: collapse" align="center" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#1A1A1A">
<tr>
<td align="center">
<table id="container_wrapper" cellpadding="0" cellspacing="0" border="0" style="border:#687B89 10px solid;">
<tbody>
<tr>
<td>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" id="container_table" style="border-collapse: collapse; min-width: 600px;">
<tbody>
<tr>
<td valign="top" bgcolor="#ffffff">
<table class="clone_container_table" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse: collapse">
<tbody>
<tr valign="top">
<td valign="top" class="cloned_td" width="600">
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff" bgcolor="#ffffff" width="100%">
<tbody>
<tr>
<td>
<table width="100%" class="mixed" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse">
<tbody>
<tr valign="top">
<td align="center" valign="top">
<img src="http://ricardozea.me/level-up-newsletter/images/logo--level-up.png" alt="Level Up! Newsletter logo" width="600" height="200" style="vertical-align: top; border: 0px none transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; width: 600px;" data-embeded="auto" />
<br />
<div style="text-align: center; color: #666666; padding:10px;"><span style="font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 22px; color: #666666; line-height: 130%; line-height: 130%;">Helping fellow web professionals level up their skills!</span>
<br />
<span style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px; font-style:italic; line-height: 130%; color: #000000;"><strong>Issue No. xxxxx</strong></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table class="section-heading" cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; background-color: #A6752B;" bgcolor="#A6752B">
<tbody>
<tr valign="top">
<td align="center" valign="middle" style="line-height: 130%; text-align:center;"><span class="section-heading" style="font-size: 35px; font-family: Tahoma, Geneva, sans-serif; color: #ffffff; line-height: 130%;"><strong>News (Web/Technology)</strong></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<br />
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table cellpadding="0" cellspacing="3" border="0" width="100%">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" align="left" height="2">
<table class="divider" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-top-color: #cccccc; margin: 0px auto; border-top-width: 1px; border-top-style: solid; width: 100%;">
<tbody>
<tr>
<td style="line-height: 0; text-decoration: none; padding: 0px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table cellpadding="0" cellspacin3="0" border="0" width="100%">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
</td>
</tr>
<tr>
<td valign="top" height="1"> </td>
</tr>
<tr>
<td valign="top">
<table class="section-heading" cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; background-color: #A6752B;" bgcolor="#A6752B">
<tbody>
<tr valign="top">
<td align="center" valign="middle" style="line-height: 130%; text-align:center;"><span class="section-heading" style="font-size: 35px; font-family: Tahoma, Geneva, sans-serif; color: #ffffff; line-height: 130%;"><strong>Web Design</strong></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<br />
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table cellpadding="0" cellspacing="3" border="0" width="100%">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" align="left" height="2">
<table class="divider" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-top-color: #cccccc; margin: 0px auto; border-top-width: 1px; border-top-style: solid; width: 100%;">
<tbody>
<tr>
<td style="line-height: 0; text-decoration: none; padding: 0px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table cellpadding="0" cellspacin3="0" border="0" width="100%">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
</td>
</tr>
<tr>
<td valign="top" height="1"> </td>
</tr>
<tr>
<td valign="top">
<table class="section-heading" cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; background-color: #A6752B;" bgcolor="#A6752B">
<tbody>
<tr valign="top">
<td align="center" valign="middle" style="line-height: 130%; text-align:center;"><span class="section-heading" style="font-size: 35px; font-family: Tahoma, Geneva, sans-serif; color: #ffffff; line-height: 130%;"><strong>Web Development</strong></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<br />
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table cellpadding="0" cellspacing="3" border="0" width="100%">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" align="left" height="2">
<table class="divider" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-top-color: #cccccc; margin: 0px auto; border-top-width: 1px; border-top-style: solid; width: 100%;">
<tbody>
<tr>
<td style="line-height: 0; text-decoration: none; padding: 0px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table width="100%" cellpadding="0" cellspacing="0" style="100%" b3rder="0">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
</td>
</tr>
<tr>
<td valign="top" height="1"> </td>
</tr>
<tr>
<td valign="top">
<table class="section-heading" cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; background-color: #A6752B;" bgcolor="#A6752B">
<tbody>
<tr valign="top">
<td align="center" valign="middle" style="line-height: 130%; text-align:center;"><span class="section-heading" style="font-size: 35px; font-family: Tahoma, Geneva, sans-serif; color: #ffffff; line-height: 130%;"><strong>Applications/Tools</strong></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<br />
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table cellpadding="0" cellspacin3="0" border="0" width="100%">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" align="left" height="2">
<table class="divider" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-top-color: #cccccc; margin: 0px auto; border-top-width: 1px; border-top-style: solid; width: 100%;">
<tbody>
<tr>
<td style="line-height: 0; text-decoration: none; padding: 0px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table width="100%" cellpadding="0" cellspacing="0" style="100%" b3rder="0">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
</td>
</tr>
<tr>
<td valign="top" height="1"> </td>
</tr>
<tr>
<td valign="top">
<table class="section-heading" cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; background-color: #A6752B;" bgcolor="#A6752B">
<tbody>
<tr valign="top">
<td align="center" valign="middle" style="line-height: 130%; text-align:center;"><span class="section-heading" style="font-size: 35px; font-family: Tahoma, Geneva, sans-serif; color: #ffffff; line-height: 130%;"><strong>Opinion/Questions</strong></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<br />
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table width="100%" cellpadding="0" cellspacing="0" style="100%" b3rder="0">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" align="left" height="2">
<table class="divider" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-top-color: #cccccc; margin: 0px auto; border-top-width: 1px; border-top-style: solid; width: 100%;">
<tbody>
<tr>
<td style="line-height: 0; text-decoration: none; padding: 0px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<a href="#" class="link-container" style="display:block; width:90%; margin:auto;">
<table width="100%" cellpadding="0" cellspacing="0" style="100%" b3rder="0">
<tbody>
<tr>
<td width="17%" valign="top" class="section_block">
<table class="image_container" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; background-color: #ffffff;" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top" align="center"><img src="http://ricardozea.me/level-up-newsletter/images/placeholder_img_200x200.png" alt="HTML5 Specification Finalized" width="200" style="vertical-align: top; width: 100px;" data-embeded="auto">
</td>
</tr>
</tbody>
</table>
</td>
<td class="section_block" width="83%" valign="top">
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" style="line-height: 130%; padding:10px; "><span class="article-heading" style="font-size: 22px; font-family: Tahoma, Geneva, sans-serif; color: #1A1A1A; line-height: 130%;"><strong>xxxxx</strong></span>
<br>
<span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; color: #666666; line-height: 130%;">xxxx</span>
<br><span style="font-size: 18px; font-family: Tahoma, Geneva, sans-serif; line-height:130%; color: #DC851F;">Read more ›</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</a>
<table cellpadding="10" cellspacing="0" border="0" width="100%" style="border-collapse: collapse;">
<tbody>
<tr valign="top">
<td valign="top" align="left" height="2">
<table class="divider" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-top-color: #cccccc; margin: 0px auto; border-top-width: 1px; border-top-style: solid; width: 100%;">
<tbody>
<tr>
<td style="line-height: 0; text-decoration: none; padding: 0px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="5" cellspacing="0" bgcolor="#ffffff" style="width:100%; margin:auto; border-collapse: collapse; background-color: #ffffff;">
<tbody>
<tr valign="top">
<td align="center" valign="top"><span style="font-size: 18px; font-family: Georgia, Times, serif;; font-style:italic; color: #666666; line-height: 130%; text-align:center;">Thanks for reading, and keep leveling up!</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#ffffff">
<table width="100" border="0" align="center" cellpadding="5" cellspacing="0" bgcolor="#ffffff" style="width:100px; margin:auto; border-collapse: collapse; background-color: #ffffff;">
<tbody>
<tr valign="top">
<td align="center" valign="top">
<a href="https://twitter.com/ricardozea" target="_blank" style="text-decoration: none;"><img src="http://ricardozea.me/level-up-newsletter/images/36px_twitter.png" alt="Follow Ricardo Zea on Twitter" style="display: block; border: 0; outline: none; padding-bottom: 0; vertical-align: top;" />
</a>
</td>
<td align="center" valign="top">
<a href="https://codepen.io/ricardozea" target="_blank" style="text-decoration: none;"></a>
<a href="https://codepen.io/ricardozea" target="_blank" style="text-decoration: none;"><img src="http://ricardozea.me/level-up-newsletter/images/36px_codepen.png" alt="Follow Ricardo Zea on CodePen" style="display: block; border: 0; outline: none; padding-bottom: 0; vertical-align: top;" />
</a>
</td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br>
<br>
</td>
</tr>
</table>
</body>
</html>