<!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" />
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href='http://fonts.googleapis.com/css?family=Raleway:200,400,300,600,500' rel='stylesheet' type='text/css'>
<style type="text/css">
html{
width: 100%;
}
body{
width: 100%;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
mso-margin-top-alt:0px;
mso-margin-bottom-alt:0px;
mso-padding-alt: 0px 0px 0px 0px;
background: #ffffff;
}
p,h1,h2,h3,h4{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
table{
font-size: 14px;
border: 0;
}
img{
border: none!important;
}
</style>
</head>
<body style="margin: 0; padding: 0;">
<!-- header -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#ffffff">
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td width="100%" height="40"></td>
</tr>
<tr>
<td>
<!-- Logo -->
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tbody>
<tr>
<td>
<a href="#"><img src="img/logo.png" alt="Bella" border="0" style="display: block;"/> </a>
</td>
</tr>
</tbody>
</table>
<!-- navigation menu -->
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tbody>
<tr>
<td height="3"></td>
</tr>
<tr>
<td style="color: #6c6b6b; font-family: 'Raleway', arial; font-weight: 400; font-size: 14px; letter-spacing:0.5px;">
<a href="#" style="color: #6c6b6b; text-decoration:none;">About</a>
<a href="#" style="color: #6c6b6b; text-decoration:none;">Team</a>
<a href="#" style="color: #6c6b6b; text-decoration:none;">News</a>
<a href="#" style="color: #6c6b6b; text-decoration:none;">Contact</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="100%" height="40"></td>
</tr>
</table>
</td>
</tr>
</table><!-- end header -->
<!-- billboard stlye 1 -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#dfe7f2" background="img/hero_gradient.jpg" style="background-image: url('img/billboard.jpg'); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover -o-background-size: cover; background-position: 0 0; background-repeat: no-repeat; text-align:center;">
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td width="100%" height="150"></td>
</tr>
<!-- caption -->
<tr>
<td style="color: #646262; font-family: 'Raleway', arial; font-size: 40px; text-align:center; font-weight:200;" align="center">
<span style="font-weight: 500; letter-spacing:1px;">Bella</span> Email Template
</td>
</tr>
<tr>
<td width="100%" height="60"></td>
</tr>
<tr>
<td align="center">
<!-- get it now btn -->
<table width="250" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; background: #ec5482;">
<tr>
<td width="100%" height="15"></td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;">
<tr>
<td align="center" style="text-align:center;">
<a href="#" style="color: #fff; font-family: 'Raleway', arial; font-size: 18px; text-decoration:none; font-weight:500; letter-spacing:.5px;">Get It Now
<img src="img/arrow_white.png" width="17" height="7" border="0" alt="" title="" style="padding:0 0 0 5px; vertical-align:middle;"/>
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="15"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="160"></td>
</tr>
</table>
</td>
</tr>
</table><!-- end billboard -->
<!-- services -->
<table width="600" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td width="100%" height="100"></td>
</tr>
<tr>
<td>
<table width="394" cellpadding="0" align="left" cellspacing="0"style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<!-- service 1 -->
<table width="187" cellpadding="0" align="left" cellspacing="0"style="text-align:center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td>
<img src="img/services1.png" border="0" alt="" title="" align="center" style="display: inline-block;"/>
</td>
</tr>
<tr>
<td width="100%" height="40"></td>
</tr>
<tr>
<td>
<p style="color: #8b8b8b; font-family: 'Raleway', arial; font-weight: 400; font-size: 14px; line-height:24px; letter-spacing:.5px;">phoncus ut, imperdiet vel venenatis vitae justo ullam dictum felis eu pede mollis pretium massa.</p>
</td>
</tr>
<tr>
<td width="100%" height="40"></td>
</tr>
<tr>
<td align="center">
<table align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" style="text-align:center;">
<a href="#" style="color: #605f5f; font-family: 'Raleway', arial; font-size: 13px; font-weight: 600; text-transform:uppercase; text-decoration:none;">read more <img src="img/arrow.png" alt="" title="" border="0" style="padding:0 0 0 5px; vertical-align:middle;"/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- service 2 -->
<table width="187" cellpaddin