<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title></title>
<style type="text/css">
.ReadMsgBody { width: 100%; background-color: #ffffff; }
.ExternalClass { width: 100%; background-color: #ffffff; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
html { width: 100%; }
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; margin: 0; padding: 0; font-family: 'Open Sans', Arial, Sans-serif !important; }
table { border-spacing: 0; table-layout: auto; margin: 0 auto; }
img { display: block !important; overflow: hidden !important; }
.yshortcuts a { border-bottom: none !important; }
img:hover { opacity: 0.9 !important; }
a { color: #f95759; text-decoration: none; }
.textbutton a { font-family: 'open sans', arial, sans-serif !important;}
.btn-link a { color:#FFFFFF !important;}
/*Responsive*/
@media only screen and (max-width: 640px) {
body { margin: 0px; width: auto !important; font-family: 'Open Sans', Arial, Sans-serif !important;}
.table-inner { width: 90% !important; max-width: 90%!important;}
.table-full { width: 100%!important; max-width: 100%!important; text-align: center !important;}
}
@media only screen and (max-width: 479px) {
body { width: auto !important; font-family: 'Open Sans', Arial, Sans-serif !important;}
.table-inner{ width: 90% !important; text-align: center !important;}
.table-full { width: 100%!important; max-width: 100%!important; text-align: center !important;}
/*gmail*/
u + .body .full { width:100% !important; width:100vw !important;}
}
</style>
</head>
<body class="body">
<!-- header -->
<table class="full" bgcolor="#f2f3f4" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" background="images/bg-header.jpg" bgcolor="#66809b" style="background-size:cover; background-position:center;">
<table style="background-color: rgba(255,255,255,0.05)" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="600" align="center" style="font-size:0px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="60"></td>
</tr>
<!-- logo -->
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height: 0px;"><img src="images/logo.png" alt="logo" width="260" height="44" style="display:block; line-height:0px; font-size:0px; border:0px;" /></td>
</tr>
</table>
</td>
</tr>
<!-- end logo -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="50" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="20"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; line-height:28px;letter-spacing: 4px;">POWERED BY A COMMUNITY OF MILLIONS.</td>
</tr>
<!-- end content -->
<tr>
<td height="50"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" width="600" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end header -->
<!-- 1/1 content center -->
<table class="full" align="center" bgcolor="#f2f3f4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center" width="600">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size: 18px; font-weight: bold; color: #FF646A; line-height: 28px;">You Do Creative, We’ll Do the Rest.</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/1 content center -->
<!--3/3 icons-->
<table class="full" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f2f3f4">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td align="center">
<!-- left -->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- icon -->
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; line-height:0px; font-size:0px; border:0px;" src="images/icon-1.png" alt="icon" /></td>
</tr>
<!-- end icon -->
<tr>
<td height="15"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article Title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consect.
</td>
</tr>
<!-- end content -->
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end left -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!-- middle -->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- icon -->
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; line-height:0px; font-size:0px; border:0px;" src="images/icon-2.png" alt="icon" /></td>
</tr>
<!-- end icon -->
<tr>
<td height="15"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article Title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consect.
</td>
</tr>
<!-- end content -->
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end middle -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!-- right -->
<table class="table-full" width="166" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- icon -->
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; line-height:0px; font-size:0px; border:0px;" src="images/icon-3.png" alt="icon" /></td>
</tr>
<!-- end icon -->
<tr>
<td height="15"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article Title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consect.
</td>
</tr>
<!-- end content -->
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end right -->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 3/3 icons-->
<!-- 1/3 right feature -->
<table class="full" align="center" bgcolor="#f2f3f4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#E0E5E7">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#ECF0F1">
<table width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
</tr>
<tr>
<td>
<!-- img -->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;border:3px solid #ffffff; "><img src="https://www.dummyimage.com/150x150" width="180" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px;width: 100%;" /></td>
</tr>
</table>
<!-- end img -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="357" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article Title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- button -->
<tr>
<td align="left">
<table class="table-full" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="textbutton">
<tr>
<td class="btn-link" bgcolor="#FF646A" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px; font-weight: bold; border-radius:30px;">
<a href="#">Read more</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
</table>
</td>
</tr>
<tr>
<td height="45"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/3 right feature -->
<!-- 1/1 content box -->
<table class="full" width="100%" bgcolor="#F2F3F4" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="600" class="table-full" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--dash-->
<tr>
<td>
<table align="left" width="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/1 content box -->
<!-- 1/2 right -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#FFFFFF">
<table width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--img-->
<table class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;"><img src="https://www.dummyimage.com/262x190" width="262" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" /></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="262" class="table-full" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="100%" class="table-full" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--dash-->
<tr>
<td align="left">
<table align="left" width="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- title -->
<tr>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/2 right -->
<!-- 1/2 left -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#FFFFFF">
<table dir="rtl" width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--img-->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;"><img src="https://www.dummyimage.com/262x190" width="262" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" /></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="right" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="262" class="table-full" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="100%" class="table-full" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table dir="ltr" width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--dash-->
<tr>
<td align="left">
<table align="left" width="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- title -->
<tr>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/2 left -->
<!-- 1/1 content bar -->
<table class="full" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F3F4">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#E0E5E7">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ECF0F1" align="center" width="600">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; font-weight: bold; color:#3b3b3b;">This module was added since version 1.1</td>
</tr>
<!-- end title -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td>
</tr>
<!-- end content -->
<tr>
<td height="25"></td>
</tr>
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; border:0px; line-height:0px; font-size:0px;" src="images/point-up.png" alt="img" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/1 content bar -->
<!-- 1/1 panel -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<!-- img -->
<tr>
<td align="center" style="line-height: 0px;"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/550x200" alt="img" width="100%" height="auto" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Article title</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/1 panel -->
<!-- 2/2 content -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--left-->
<table class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- number -->
<tr>
<td align="left">
<table class="table-full" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table style=" border-radius:4px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FF646A" height="40" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:20px; color:#ffffff;font-weight: bold;padding-left: 15px;padding-right: 15px; border-radius: 4px;">1</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- end number -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.
</td>
</tr>
<!-- end content -->
</table>
<!--end left-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table align="left" width="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--right-->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- number -->
<tr>
<td align="left">
<table class="table-full" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table style=" border-radius:4px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FF646A" height="40" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:20px; color:#ffffff;font-weight: bold;padding-left: 15px;padding-right: 15px; border-radius: 4px;">1</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- end number -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.
</td>
</tr>
<!-- end content -->
</table>
<!--end right-->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 2/2 content -->
<!-- 1/3 left feature -->
<table class="full" align="center" bgcolor="#f2f3f4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#E0E5E7">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#ECF0F1">
<table dir="rtl" width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
</tr>
<tr>
<td>
<!-- img -->
<table class="table-full" width="166" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;border:3px solid #ffffff; "><img src="https://www.dummyimage.com/150x150" width="180" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px;width: 100%;" /></td>
</tr>
</table>
<!-- end img -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="25" align="right" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table dir="ltr" class="table-full" width="357" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article Title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- button -->
<tr>
<td align="left">
<table class="table-full" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="textbutton">
<tr>
<td class="btn-link" bgcolor="#FF646A" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px; font-weight: bold; border-radius:30px;">
<a href="#">Read more</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
</table>
</td>
</tr>
<tr>
<td height="45"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/3 left feature -->
<!--2/2 table-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--left-->
<table class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td height="50" align="center" bgcolor="#ecf0f1" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Regular</td>
</tr>
<!-- end title -->
</table>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="10"></td>
</tr>
<!-- value -->
<tr align="center">
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:45px; color:#FF646A; font-weight: bold;">$19</td>
</tr>
<!-- end value -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- button -->
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="textbutton">
<tr>
<td class="btn-link" bgcolor="#FF646A" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px;border-radius:30px;">
<a href="#">Buy Now</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--end left-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--right-->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td height="50" align="center" bgcolor="#ecf0f1" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Regular</td>
</tr>
<!-- end title -->
</table>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="10"></td>
</tr>
<!-- value -->
<tr align="center">
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:45px; color:#FF646A; font-weight: bold;">$19</td>
</tr>
<!-- end value -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- button -->
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="textbutton">
<tr>
<td class="btn-link" bgcolor="#FF646A" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px;border-radius:30px;">
<a href="#">Buy Now</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--end right-->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 2/2 table-->
<!--3/3 table-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--left-->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td height="50" align="center" bgcolor="#ecf0f1" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Regular</td>
</tr>
<!-- end title -->
</table>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="10"></td>
</tr>
<!-- value -->
<tr align="center">
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:45px; color:#FF646A; font-weight: bold;">$19</td>
</tr>
<!-- end value -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- button -->
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="textbutton">
<tr>
<td class="btn-link" bgcolor="#FF646A" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px;border-radius:30px;">
<a href="#">Buy Now</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--end left-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--middle-->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td height="50" align="center" bgcolor="#ecf0f1" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Regular</td>
</tr>
<!-- end title -->
</table>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="10"></td>
</tr>
<!-- value -->
<tr align="center">
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:45px; color:#FF646A; font-weight: bold;">$19</td>
</tr>
<!-- end value -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- button -->
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="textbutton">
<tr>
<td class="btn-link" bgcolor="#FF646A" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px;border-radius:30px;">
<a href="#">Buy Now</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--end middle-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--right-->
<table class="table-full" width="166" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td height="50" align="center" bgcolor="#ecf0f1" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Regular</td>
</tr>
<!-- end title -->
</table>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="10"></td>
</tr>
<!-- value -->
<tr align="center">
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:45px; color:#FF646A; font-weight: bold;">$19</td>
</tr>
<!-- end value -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- button -->
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="textbutton">
<tr>
<td class="btn-link" bgcolor="#FF646A" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px;border-radius:30px;">
<a href="#">Buy Now</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--end right-->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 3/3 table-->
<!-- feature left -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#E0E5E7">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ECF0F1" align="center" width="600">
<table dir="rtl" width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
</tr>
<tr>
<td>
<!-- img -->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;border:3px solid #ffffff; "><img src="https://www.dummyimage.com/262x190" width="262" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px;width: 100%;" /></td>
</tr>
</table>
<!-- end img -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="25" align="right" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table dir="ltr" class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:30px; color:#3b3b3b; font-weight: bold;"> EASY TO EDIT
<br />
<span style="font-weight:100; font-size:24px;">CONTENT</span></td>
</tr>
<!-- end title -->
<!--dash-->
<tr>
<td align="left">
<table align="left" class="table-full" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table align="center" width="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="15" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</td>
</tr>
<!-- end content -->
</table>
</td>
</tr>
<tr>
<td height="45"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end feature left -->
<!--step-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--step-->
<table width="100" class="table-full" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FF646A" height="50" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:20px; color:#ffffff;font-weight: bold;padding-left: 15px;padding-right: 15px;border-radius:4px;">1.8</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end step-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="15"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="425" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article Title
</td>
</tr>
<!-- end title -->
<tr>
<td height="5"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
</td>
</tr>
<!-- end content -->
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end step-->
<!--2/2 panel-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td align="center">
<!--left-->
<table class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/262x190" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Article title</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
<!-- link -->
<tr>
<td align="center" height="40" style="border:1px solid #e2e2e2;font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; border-radius:4px; "><a href="#">Read more</a> or <a href="#">Contact us</a></td>
</tr>
<!-- end link -->
</table>
<!--end left-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--Space-->
<table width="25" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td height="25"></td>
</tr>
</table>
<!--End Space-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--right-->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/262x190" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Article title</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
<!-- link -->
<tr>
<td align="center" height="40" style="border:1px solid #e2e2e2;font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; border-radius:4px; "><a href="#">Read more</a> or <a href="#">Contact us</a></td>
</tr>
<!-- end link -->
</table>
<!--end right-->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 2/2 panel-->
<!--3/3 panel-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td align="center">
<!-- left -->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/166x166" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Article title</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer.</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
<!-- link -->
<tr>
<td align="center" height="40" style="border:1px solid #e2e2e2;font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; border-radius:4px; "><a href="#">Read more</a></td>
</tr>
<!-- end link -->
</table>
<!-- end left -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!-- middle -->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/166x166" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Article title</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer.</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
<!-- link -->
<tr>
<td align="center" height="40" style="border:1px solid #e2e2e2;font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; border-radius:4px; "><a href="#">Read more</a></td>
</tr>
<!-- end link -->
</table>
<!-- end middle -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!-- right -->
<table class="table-full" width="166" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/166x166" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">Article title</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer.</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
<!-- link -->
<tr>
<td align="center" height="40" style="border:1px solid #e2e2e2;font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; border-radius:4px; "><a href="#">Read more</a></td>
</tr>
<!-- end link -->
</table>
<!-- end right -->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 3/3 panel-->
<!-- CTA -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#34495e">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-color: rgba(255,255,255,0.05)" align="center" width="600">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
<!-- title -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:24px; color:#ffffff;font-weight: bold; ">Got a questions?</td>
</tr>
<!-- end title -->
<tr>
<td height="25"></td>
</tr>
<!-- button -->
<tr>
<td align="center">
<table class="textbutton" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="btn-link" bgcolor="#FF646A" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px;border-radius:30px;">
<a href="#">Contact us</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
<tr>
<td height="35"></td>
</tr>
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; border:0px; line-height:0px; font-size:0px;" src="images/point-up.png" alt="img" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end CTA -->
<!--2/2 quote-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td align="center">
<!--left-->
<table class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#ecf0f1" style="border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#3b3b3b; line-height:28px;">
Envato is an ecosystem of sites to help you get creative.
</td>
</tr>
<!-- end content -->
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="line-height:0px"><img style="display:block; border:0px; line-height:0px; font-size:0px;" src="images/point-down.png" alt="img" /></td>
</tr>
<tr>
<td height="20"></td>
</tr>
<!-- img -->
<tr>
<td align="center" style="line-height:0px"><img style="display:block; line-height:0px; font-size:0px; border:0px;" src="https://www.dummyimage.com/80x80" width="80" alt="img" /></td>
</tr>
<!-- end img -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="10"></td>
</tr>
<!-- name -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">John doe</td>
</tr>
<!-- end name -->
<tr>
<td height="5"></td>
</tr>
<!-- detail -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#bdc3c7;">Awesome job title</td>
</tr>
<!-- end detail -->
</table>
<!--end left-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--Space-->
<table width="25" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td height="25"></td>
</tr>
</table>
<!--End Space-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--right-->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#ecf0f1" style="border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#3b3b3b; line-height:28px;">
Envato is an ecosystem of sites to help you get creative.
</td>
</tr>
<!-- end content -->
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="line-height:0px"><img style="display:block; border:0px; line-height:0px; font-size:0px;" src="images/point-down.png" alt="img" /></td>
</tr>
<tr>
<td height="20"></td>
</tr>
<!-- img -->
<tr>
<td align="center" style="line-height:0px"><img style="display:block; line-height:0px; font-size:0px; border:0px;" src="https://www.dummyimage.com/80x80" width="80" alt="img" /></td>
</tr>
<!-- end img -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="10"></td>
</tr>
<!-- name -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">John doe</td>
</tr>
<!-- end name -->
<tr>
<td height="5"></td>
</tr>
<!-- detail -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#bdc3c7;">Awesome job title</td>
</tr>
<!-- end detail -->
</table>
<!--end right-->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 2/2 quote-->
<!--3/3 quote-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td align="center">
<!-- left -->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#ecf0f1" style="border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#3b3b3b; line-height:28px;">
Envato is an ecosystem of sites to help you get creative.
</td>
</tr>
<!-- end content -->
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="line-height:0px"><img style="display:block; border:0px; line-height:0px; font-size:0px;" src="images/point-down.png" alt="img" /></td>
</tr>
<tr>
<td height="20"></td>
</tr>
<!-- img -->
<tr>
<td align="center" style="line-height:0px"><img style="display:block; line-height:0px; font-size:0px; border:0px;" src="https://www.dummyimage.com/80x80" width="80" alt="img" /></td>
</tr>
<!-- end img -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="10"></td>
</tr>
<!-- name -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">John doe</td>
</tr>
<!-- end name -->
<tr>
<td height="5"></td>
</tr>
<!-- detail -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#bdc3c7;">Awesome job title</td>
</tr>
<!-- end detail -->
</table>
<!-- end left -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!-- middle -->
<table class="table-full" width="166" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#ecf0f1" style="border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#3b3b3b; line-height:28px;">
Envato is an ecosystem of sites to help you get creative.
</td>
</tr>
<!-- end content -->
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="line-height:0px"><img style="display:block; border:0px; line-height:0px; font-size:0px;" src="images/point-down.png" alt="img" /></td>
</tr>
<tr>
<td height="20"></td>
</tr>
<!-- img -->
<tr>
<td align="center" style="line-height:0px"><img style="display:block; line-height:0px; font-size:0px; border:0px;" src="https://www.dummyimage.com/80x80" width="80" alt="img" /></td>
</tr>
<!-- end img -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="10"></td>
</tr>
<!-- name -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">John doe</td>
</tr>
<!-- end name -->
<tr>
<td height="5"></td>
</tr>
<!-- detail -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#bdc3c7;">Awesome job title</td>
</tr>
<!-- end detail -->
</table>
<!-- end middle -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!-- right -->
<table class="table-full" width="166" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#ecf0f1" style="border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<!-- content -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#3b3b3b; line-height:28px;">
Envato is an ecosystem of sites to help you get creative.
</td>
</tr>
<!-- end content -->
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="line-height:0px"><img style="display:block; border:0px; line-height:0px; font-size:0px;" src="images/point-down.png" alt="img" /></td>
</tr>
<tr>
<td height="20"></td>
</tr>
<!-- img -->
<tr>
<td align="center" style="line-height:0px"><img style="display:block; line-height:0px; font-size:0px; border:0px;" src="https://www.dummyimage.com/80x80" width="80" alt="img" /></td>
</tr>
<!-- end img -->
<!--dash-->
<tr>
<td align="center">
<table align="center" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="10"></td>
</tr>
<!-- name -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">John doe</td>
</tr>
<!-- end name -->
<tr>
<td height="5"></td>
</tr>
<!-- detail -->
<tr>
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#bdc3c7;">Awesome job title</td>
</tr>
<!-- end detail -->
</table>
<!-- end right -->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 3/3 quote-->
<!-- CTA 2 BT -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#34495e">
<table class="table-inner" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td style="background-color: rgba(255,255,255,0.05)" align="center">
<table class="table-inner" width="550" style="max-width: 600px;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
</tr>
<tr>
<td>
<table width="350" class="table-full" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#FFFFFF;font-weight: bold;">
Article Title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; line-height:28px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
</td>
</tr>
<!-- end content -->
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" align="right" width="175" border="0" cellspacing="0" cellpadding="0">
<!-- btn 1 -->
<tr>
<td align="center">
<table class="textbutton" width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ecf0f1" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#3b3b3b; padding-left:20px; padding-right:20px;font-weight:bold;border-radius:30px;">
<a href="#">Contact us</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="15"></td>
</tr>
<!-- end btn 1 -->
<!-- btn 2 -->
<tr>
<td align="center">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" class="textbutton">
<tr>
<td bgcolor="#FF646A" class="btn-link" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#3b3b3b; padding-left:20px; padding-right:20px;font-weight:bold;border-radius:30px;">
<a href="#">Join us</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- end btn 2 -->
</table>
</td>
</tr>
<tr>
<td height="40"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end CTA 2 BT -->
<!--1/3 right-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--img-->
<table width="150" class="table-full" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;"><img src="https://www.dummyimage.com/150x150" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" /></td>
</tr>
</table>
<!--end img-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="375" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--dash-->
<tr>
<td align="left">
<table align="left" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="10"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/3 right-->
<!--1/3 left-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table dir="rtl" class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--img-->
<table width="150" class="table-full" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;"><img src="https://www.dummyimage.com/150x150" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" /></td>
</tr>
</table>
<!--end img-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="right" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="375" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="border:1px solid #e2e2e2; border-radius:4px;">
<table dir="ltr" width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--dash-->
<tr>
<td align="left">
<table align="left" width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="10"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px; ">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/3 left-->
<!-- feature right -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#E0E5E7">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ECF0F1" align="center" width="600">
<table width="550" class="table-inner" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
</tr>
<tr>
<td>
<!-- img -->
<table class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;border:3px solid #ffffff; "><img src="https://www.dummyimage.com/262x190" width="262" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px;width: 100%;" /></td>
</tr>
</table>
<!-- end img -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:30px; color:#3b3b3b; font-weight: bold;"> EASY TO EDIT
<br />
<span style="font-weight:100; font-size:24px;">CONTENT</span></td>
</tr>
<!-- end title -->
<!--dash-->
<tr>
<td align="left">
<table align="left" class="table-full" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table align="center" width="40" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="15" style="border-bottom:3px solid #FF646A;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--end dash-->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; line-height:28px; ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</td>
</tr>
<!-- end content -->
</table>
</td>
</tr>
<tr>
<td height="45"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end feature right -->
<!-- list left -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table dir="rtl" class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--img-->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;"><img src="https://www.dummyimage.com/262x345" width="262" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" /></td>
</tr>
</table>
<!--end img-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="right" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table dir="ltr" class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:20px; color:#4a4a4a; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; line-height:28px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- list -->
<tr>
<td align="left" style="border-bottom:1px solid #ecf0f1;" height="40">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height: 0px;"><img src="images/check.png" alt="check" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; padding-left:15px;">Responsive design</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" style="border-bottom:1px solid #ecf0f1;" height="40">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height: 0px;"><img src="images/check.png" alt="check" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; padding-left:15px;">Responsive design</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" style="border-bottom:1px solid #ecf0f1;" height="40">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height: 0px;"><img src="images/check.png" alt="check" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; padding-left:15px;">Responsive design</td>
</tr>
</table>
</td>
</tr>
<!-- end list -->
<tr>
<td height="20"></td>
</tr>
<tr>
<td align="center">
<!-- button -->
<table class="textbutton" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; padding-left:20px; padding-right:20px;border: 2px solid #FF646A; border-radius:4px;">
<a href="#">Create your free account now!</a>
</td>
</tr>
</table>
<!-- end button -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end list left -->
<!-- CTA 2-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#3b3b3b" background="images/bg-cta.jpg" style="background-size:cover; background-position:center;">
<table style="background-color:rgba(0,0,0,0.2)" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" width="600">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:30px; color:#ffffff; font-weight: bold;">
Get your free account now!
</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; line-height:28px;">
This is your supporting headline that works as a clearifying.
</td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
<!-- button -->
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="table-full">
<tr>
<td align="center">
<table class="textbutton" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FF646A" class="btn-link" height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px;border-radius:30px;">
<a href="#">Register</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
<tr>
<td height="50"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end CTA 2-->
<!-- list right -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--img-->
<table class="table-full" width="262" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height:0px;"><img src="https://www.dummyimage.com/262x345" width="262" alt="icon" style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" /></td>
</tr>
</table>
<!--end img-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="262" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:20px; color:#4a4a4a; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; line-height:28px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.
</td>
</tr>
<!-- end content -->
<tr>
<td height="15"></td>
</tr>
<!-- list -->
<tr>
<td align="left" style="border-bottom:1px solid #ecf0f1;" height="40">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height: 0px;"><img src="images/check.png" alt="check" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; padding-left:15px;">Responsive design</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" style="border-bottom:1px solid #ecf0f1;" height="40">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height: 0px;"><img src="images/check.png" alt="check" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; padding-left:15px;">Responsive design</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" style="border-bottom:1px solid #ecf0f1;" height="40">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="line-height: 0px;"><img src="images/check.png" alt="check" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; padding-left:15px;">Responsive design</td>
</tr>
</table>
</td>
</tr>
<!-- end list -->
<tr>
<td height="20"></td>
</tr>
<tr>
<td align="center">
<!-- button -->
<table class="textbutton" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="35" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#676767; padding-left:20px; padding-right:20px;border: 2px solid #FF646A; border-radius:4px;">
<a href="#">Create your free account now!</a>
</td>
</tr>
</table>
<!-- end button -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end list right -->
<!-- 1/1 feature -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FF646A">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" width="600">
<table align="center" width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:24px; color:#ffffff; font-weight: bold;">Article title</td>
</tr>
<!-- end title -->
<tr>
<td height="15"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; line-height:28px;"> Envato is an ecosystem of sites to help you get creative. From our world-leading digital marketplaces where you can buy images, templates, project files. </td>
</tr>
<!-- end content -->
<tr>
<td height="20"></td>
</tr>
<!-- button -->
<tr>
<td>
<table class="textbutton" style="" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td class="btn-link" height="40" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#ffffff; padding-left:20px; padding-right:20px;border:2px solid #ffffff; border-radius:4px;"><a href="#">Create your free account now!</a></td>
</tr>
</table>
</td>
</tr>
<!-- end button -->
<tr>
<td height="50"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end 1/1 feature -->
<!--2/3 right-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--1/3-->
<table class="table-full" width="175" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/175x150" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px;">
Lorem ipsum dolor sit amet, consectetuer.
</td>
</tr>
<!-- end content -->
<!--border bottom-->
<tr>
<td height="20" style="border-bottom:1px solid #e2e2e2;"></td>
</tr>
<!--end border bottom-->
</table>
<!--end 1/3-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--2/3-->
<table class="table-full" width="350" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/350x150" width="350" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</td>
</tr>
<!-- end content -->
<!--border bottom-->
<tr>
<td height="20" style="border-bottom:1px solid #e2e2e2;"></td>
</tr>
<!--end border bottom-->
</table>
<!--end 2/3-->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 2/3 right-->
<!--2/3 left-->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" align="center">
<table dir="rtl" class="table-inner" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
<tr>
<td>
<!--1/3-->
<table dir="ltr" class="table-full" width="175" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/175x150" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b;font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px;">
Lorem ipsum dolor sit amet, consectetuer.
</td>
</tr>
<!-- end content -->
<!--border bottom-->
<tr>
<td height="20" style="border-bottom:1px solid #e2e2e2;"></td>
</tr>
<!--end border bottom-->
</table>
<!--end 1/3-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="25" align="right" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--2/3-->
<table dir="ltr" class="table-full" width="350" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- img -->
<tr>
<td align="center" style="line-height:0px;"><img style="display:block; line-height:0px; font-size:0px; border:0px; width: 100%;" src="https://www.dummyimage.com/350x150" width="350" alt="img" /></td>
</tr>
<!-- end img -->
<tr>
<td height="20"></td>
</tr>
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#3b3b3b; font-weight: bold;">
Article title
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#7f8c8d; line-height:28px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</td>
</tr>
<!-- end content -->
<!--border bottom-->
<tr>
<td height="20" style="border-bottom:1px solid #e2e2e2;"></td>
</tr>
<!--end border bottom-->
</table>
<!--end 2/3-->
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--end 2/3 left-->
<!-- footer -->
<table class="full" align="center" bgcolor="#F2F3F4" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table class="table-full" width="600" style="max-width: 600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF" height="20" align="center"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" bgcolor="#3b3b3b">
<table class="table-inner" width="600" style="max-width:600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"></td>
</tr>
<tr>
<td>
<!--social-->
<table class="table-full" width="183" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#FFFFFF;font-weight: bold;">
Social Media
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- Social-1 -->
<tr>
<td align="left">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="15" style="line-height:0px;"><img src="images/fb.png" alt="img" style="display:block; line-height:0px; font-size:0px; border:0px;" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#FFFFFF;padding-left: 15px; ">Facebook.com</td>
</tr>
</table>
</td>
</tr>
<!-- end Social-1 -->
<tr>
<td height="10"></td>
</tr>
<!-- Social-2 -->
<tr>
<td align="left">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="15" style="line-height:0px;"><img src="images/tw.png" alt="img" style="display:block; line-height:0px; font-size:0px; border:0px;" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#FFFFFF;padding-left: 15px; ">@johndoe</td>
</tr>
</table>
</td>
</tr>
<!-- end Social-2 -->
<tr>
<td height="10"></td>
</tr>
<!-- Social-3 -->
<tr>
<td align="left">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="15" style="line-height:0px;"><img src="images/in.png" alt="img" style="display:block; line-height:0px; font-size:0px; border:0px;" /></td>
<td align="left" style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#FFFFFF;padding-left: 15px; ">linkedin.com</td>
</tr>
</table>
</td>
</tr>
<!-- end Social-3 -->
</table>
<!--end social-->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="25" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!--contact-->
<table width="392" class="table-full" border="0" align="right" cellpadding="0" cellspacing="0">
<!-- title -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:18px; color:#FFFFFF; font-weight: bold;">
Contact us
</td>
</tr>
<!-- end title -->
<tr>
<td height="10"></td>
</tr>
<!-- content -->
<tr>
<td style="font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color:#FFFFFF; line-height:28px; ">
PO Box 16122 Collins Street West Victoria 8007 Australia Support requests are not handled by phone.
</td>
</tr>
<!-- end content -->
</table>
<!--end contact-->
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" bgcolor="#404040">
<table dir="rtl" class="table-inner" width="600" style="max-width:600px;" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="15"></td>
</tr>
<tr>
<td>
<!-- preference -->
<table class="table-full" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td dir="ltr" style="font-family: 'Open Sans', Arial, sans-serif; font-size:13px; color:#FFFFFF;">
<a href="#">webversion</a><span> | </span><a href="#">unsubscribe</a>
</td>
</tr>
</table>
<!-- end preference -->
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<table class="table-full" width="25" align="right" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="10"></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td><td><![endif]-->
<!-- copyright -->
<table class="table-full" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td dir="ltr" align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:13px; color:#FFFFFF;">copyright © Nutzumi 2018, All rights reserved.</td>
</tr>
</table>
<!-- end copyight -->
</td>
</tr>
<tr>
<td height="15"></td>
</tr>
</table>
</td>
</tr>
</table>
<!--end footer-->
</body>
</html>