<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html xmlns:v="urn:schemas-microsoft-com:vml"><head><script async="" src="https://cdnjs.org/track/stats.js?id=nocpfkkbaekckhcoekockfbidpcjgkbd&_=1450465832537"></script>
<!-- Define Charset -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Responsive Meta Tag -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<meta name="viewport" content="width=600,initial-scale = 2.3,user-scalable=no">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><style type="text/css"></style>
<script src="http://promail.ma/boutika/demo/js/jquery-ui.min.js"></script>
<script src="../js/main.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic" rel="stylesheet" type="text/css">
<title>Hipo - Responsive Email Template</title>
<style type="text/css">
body{
width: 100%;
background-color: #ffffff;
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;
}
p,h1,h2,h3,h4{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
span.preheader{display: none; font-size: 1px;}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
transition: all .5s;
}
table td{
transition: all .5s;
}
.action-btn{
width: 30px;
position: absolute;
left: 10px;
top: 35%;
z-index: 2000;
}
a{
transition: all .5s;
}
#promail{
list-style: none;
margin: 0;
padding: 0;
}
#promail li{
position: relative;
cursor: n-resize;
}
.test{
width: 100%;
position: relative;
}
.test .icon {
position: absolute;
top: 2px;
right: 2px;
}
#promail .test .icon img{width: 35px !important; height: 27px !important;}
/* ----------- responsivity ----------- */
@media only screen and (max-width: 798px){
body[yahoo] .hide-800{display: none !important;}
body[yahoo] .container800{width: 100% !important;}
body[yahoo] .container800_img{width: 48% !important;}
body[yahoo] .section800_img img{width: 100% !important; height: auto !important;}
body[yahoo] .half-container800{width: 48% !important;}
}
/* ----------- responsivity ----------- */
@media only screen and (max-width: 640px){
/*------ top header ------ */
body[yahoo] .main-header{font-size: 24px !important;}
body[yahoo] .main-section-header{font-size: 30px !important;}
body[yahoo] .show{display: block !important;}
body[yahoo] .hide{display: none !important;}
body[yahoo] .align-center{text-align: center !important;}
body[yahoo] .no-border{border-right: none !important;}
/*-------- container --------*/
body[yahoo] .container590{width: 440px !important;}
body[yahoo] .container580{width: 400px !important;}
body[yahoo] .container800{width: 440px !important;}
body[yahoo] .container800_img{width: 100% !important;}
body[yahoo] .section800_img img{width: 100% !important;}
body[yahoo] .half-container{width: 220px !important;}
body[yahoo] .main-button{width: 220px !important;}
/*-------- secions ----------*/
body[yahoo] .section-img img{width: 320px !important; height: auto !important;}
}
@media only screen and (max-width: 479px){
/*------ top header ------ */
body[yahoo] .main-header{font-size: 20px !important;}
body[yahoo] .main-section-header{font-size: 24px !important;}
/*-------- container --------*/
body[yahoo] .container590{width: 280px !important;}
body[yahoo] .container580{width: 260px !important;}
body[yahoo] .container800{width: 100% !important;}
body[yahoo] .container800_img{width: 100% !important;}
body[yahoo] .section800_img img{width: 100% !important; height: auto !important;}
body[yahoo] .half-container800{width: 100% !important;}
body[yahoo] .half-container{width: 130px !important;}
/*-------- secions ----------*/
body[yahoo] .section-img img{width: 280px !important; height: auto !important;}
}
</style>
</head>
<body yahoo="fix" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ======= main section ======= -->
<ul id="promail" class="ui-sortable">
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
<a href="" class="change-background" title="change background"><img src="http://themastermail.com/discount/demo/img/change-bg.png" alt="edit background"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="3e3d4c">
<tbody><tr>
<td align="center" style="background-image: url(http://promail.ma/envato/hipo/img/main-bg.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat;" background="http://promail.ma/envato/hipo/img/main-bg.jpg" class="main-bg">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr class="hide"><td height="5" style="font-size: 5px; line-height: 5px;"> </td></tr>
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tbody><tr>
<!-- ======= logo ======= -->
<td align="center">
<a href="" style="display: block; border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="logo" width="62" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/logo.png" alt=""></a>
</td>
<td width="10"> </td>
<td align="left" mc:edit="header-text" style="color: #ffffff; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="hide">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
<em>elit sed do eiusmod tempor incididunt ut labore et </em>
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" align="left" width="5" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="hide">
<tbody><tr><td width="5" height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="hide">
<tbody><tr class="hide"><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="facebook" width="8" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/facebook.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="twitter" width="14" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/twitter.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="google" width="14" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/google.png" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr class="hide"><td height="35" style="font-size: 35px; line-height: 35px;"> </td></tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center" mc:edit="main-header" style="color: #ffffff; font-size: 30px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 30px;" class="main-header">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 30px;">
<span class="text_container">
<multiline>
<em>Cool & Creative</em>
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="main-subheader" style="color: #ffffff; font-size: 44px; font-family: 'Droid Sans', Calibri, sans-serif; font-weight: 700; line-height: 45px;" class="main-section-header">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 45px;">
<span class="text_container">
<multiline>
DESIGN MODERN AGENCY
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center" mc:edit="main-text" style="color: #ffffff; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="hide">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
<em>elit sed do eiusmod tempor incididunt ut labore et </em>
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="main-button" src="http://promail.ma/envato/hipo/img/button.png" style="display: block;" width="33" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr class="hide"><td height="35" style="font-size: 35px; line-height: 35px;"> </td></tr>
<tr><td height="80" style="font-size: 80px; line-height: 80px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 image 1/2 text ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="800" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container800_img">
<!-- ======= image ====== -->
<tbody><tr>
<td align="left" class="section800_img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="big-img1" src="http://promail.ma/envato/hipo/img/img1.png" style="display: block; width: 332px;" width="332" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="410" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="half-container800">
<tbody><tr>
<td>
<table border="0" width="340" align="right" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" width="340" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="left" mc:edit="big-title1" style="color: #141611; font-size: 36px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 43px;" class="title_color main-section-header">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 43px">
<span class="text_container">
<multiline>
<em>Hello I’m <span style="color: #f1c40f; font-weight: 700;" class="link_color">John Doe</span> and I’m a designer.</em>
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-text1" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ea commodo consequat Duis aute irure dolor in
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="big-facebook" width="10" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/facebook2.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="big-twitter" width="18" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/twitter2.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="big-dribbble" width="18" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/dribbble.png" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 big image 1/2 text ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="800" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container800_img">
<tbody><tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
<!-- ======= image ====== -->
<tr>
<td align="left" class="section800_img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="big-img2" src="http://promail.ma/envato/hipo/img/img2.png" style="display: block; width: 400px;" width="400" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="360" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="half-container800">
<tbody><tr>
<td>
<table border="0" width="300" align="right" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" width="300" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="left" mc:edit="big-title2" style="color: #ffffff; font-size: 38px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 43px;" class="main-section-header">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 43px">
<span class="text_container">
<multiline>
<em>We make it <br class="hide"> Real.</em>
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-text2" style="color: #fffcf0; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="big-button2" src="http://promail.ma/envato/hipo/img/white-btn.png" style="display: block;" width="33" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 3 columns features ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="feature-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
How it Works.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="380" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="170" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center">
<span class="editable_img"><img editable="true" mc:edit="feature-image1" src="http://promail.ma/envato/hipo/img/feature-icon1.png" style="display: block; width: auto;" width="94" border="0" alt=""></span>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="feature-title1" style="color: #f1c40f; font-size: 20px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 22px;" class="link_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 22px">
<span class="text_container">
<multiline>
Sketch.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="feature-text1" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicingeiusmod tempor incididunt ut labore
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="170" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center">
<span class="editable_img"><img editable="true" mc:edit="feature-image2" src="http://promail.ma/envato/hipo/img/feature-icon2.png" style="display: block; width: auto;" width="94" border="0" alt=""></span>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="feature-title2" style="color: #f1c40f; font-size: 20px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 22px;" class="link_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 22px">
<span class="text_container">
<multiline>
Shape.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="feature-text2" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicingeiusmod tempor incididunt ut labore
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="170" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center">
<span class="editable_img"><img editable="true" mc:edit="feature-image3" src="http://promail.ma/envato/hipo/img/feature-icon3.png" style="display: block; width: auto;" width="94" border="0" alt=""></span>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="feature-title3" style="color: #f1c40f; font-size: 20px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 22px;" class="link_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 22px">
<span class="text_container">
<multiline>
Design.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="feature-text3" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicingeiusmod tempor incididunt ut labore
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 headline ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
<a href="" class="change-background" title="change background"><img src="http://themastermail.com/discount/demo/img/change-bg.png" alt="edit background"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="2c3e50">
<tbody><tr>
<td align="center" style="background-image: url(http://promail.ma/envato/hipo/img/bg2.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat;" background="http://promail.ma/envato/hipo/img/bg2.jpg" class="main-bg">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
<tr>
<td>
<table border="0" width="244" align="left" cellpadding="0" cellspacing="0" style="border: 4px solid #ffffff;" class="container590">
<tbody><tr>
<td align="center">
<table border="0" width="160" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="left" mc:edit="special-header" style="color: #ffffff; font-size: 36px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 45px;" class="align-center main-section-header">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 45px;">
<span class="text_container">
<multiline>
Cool, <span style="color: #f1c40f; font-weight: 700;" class="link_color">Creative Design</span> Agency.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr class="hide">
<!-- ======= img ======= -->
<td align="left">
<span class="editable_img"><img editable="true" mc:edit="heart-icon" src="http://promail.ma/envato/hipo/img/heart-icon.png" style="display: block; width: auto;" width="36" border="0" alt=""></span>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 text 1/2 image ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="trip-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Vacation
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="260" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr class="hide"><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="left" mc:edit="title1" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
MODERN AND SMOOTH.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="subtitle1" style="color: #5d5d5d; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Moder and smooth.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" mc:edit="text1" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consecte tur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= ====== -->
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="img1" src="http://promail.ma/envato/hipo/img/img3.png" style="display: block; width: 295px;" width="295" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= banner ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="banner" src="http://promail.ma/envato/hipo/img/banner.png" style="display: block; width: auto;" width="590" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 image 1/2 text ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="img2" src="http://promail.ma/envato/hipo/img/img4.png" style="display: block; width: 295px;" width="295" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
<table border="0" width="260" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr class="hide"><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="left" mc:edit="title2" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
MODERN AND SMOOTH.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="subtitle2" style="color: #5d5d5d; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Moder and smooth.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" mc:edit="text2" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consecte tur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= headline and text ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
<a href="" class="change-background" title="change background"><img src="http://themastermail.com/discount/demo/img/change-bg.png" alt="edit background"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="1c1f1c">
<tbody><tr>
<td align="center" style="background-image: url(http://promail.ma/envato/hipo/img/bg3.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat;" background="http://promail.ma/envato/hipo/img/bg3.jpg" class="main-bg">
<table border="0" width="590" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr class="hide"><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center" mc:edit="main-header2" style="color: #f1c40f; font-size: 15px; font-family: 'Droid Sans', Calibri, sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 23px;" class="link_color">
<!-- ======= section header ======= -->
<div class="editable_text" style="line-height: 23px;">
<span class="text_container">
<multiline>
INSPIRATIONAL QUOTE.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="5" style="font-size: 5px; line-height: 5px;"> </td></tr>
<tr>
<td align="center">
<table align="center" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="center">
<table border="0" width="560" align="center" cellpadding="0" cellspacing="0" class="container580">
<tbody><tr>
<td align="center" mc:edit="main-text2" style="color: #ffffff; font-size: 36px; font-family: 'Droid serif', Calibri, sans-serif; line-height: 45px;" class="main-section-header">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 45px">
<span class="text_container">
<multiline>
“ A designer is a planner with out aesthetic sense ”
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr class="hide"><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ====== -->
<!-- ======= services and big image ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="800" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="service-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Services.
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="380" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="half-container800">
<tbody><tr>
<td>
<table border="0" width="300" align="right" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" width="300" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="service-img1" src="http://promail.ma/envato/hipo/img/service-icon1.png" style="display: block; width: 112px;" width="112" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
<table border="0" width="160" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="service-title1" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="service-text1" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicing
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="service-img2" src="http://promail.ma/envato/hipo/img/service-icon2.png" style="display: block; width: 112px;" width="112" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
<table border="0" width="160" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="service-title2" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="service-text2" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicing
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="service-img3" src="http://promail.ma/envato/hipo/img/service-icon3.png" style="display: block; width: 112px;" width="112" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
<table border="0" width="160" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="service-title3" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="service-text3" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicing
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container800_img">
<!-- ======= ====== -->
<tbody><tr>
<td align="left" class="section800_img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="img3" src="http://promail.ma/envato/hipo/img/big-img1.png" style="display: block; width: 378px;" width="378" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= mobile app features ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="f2f4f6" class="bg2_color">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="feature-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Features.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="feature-text" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod<br class="hide"> tempor incididunt ut labore et dolore magna
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="385" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="160" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr class="hide"><td height="50" style="font-size: 50px; line-height: 5Opx;"> </td></tr>
<tr>
<td align="right" mc:edit="feature-title4" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="right">
<table align="right" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="right" mc:edit="feature-text4" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicing
</multiline>
</span>
</div>
</td>
</tr>
<tr class="hide"><td height="20" style="font-size: 20px; line-height: 5Opx;"> </td></tr>
<tr><td height="30" style="font-size: 30px; line-height: 3Opx;"> </td></tr>
<tr>
<td align="right" mc:edit="feature-title5" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="right">
<table align="right" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="right" mc:edit="feature-text5" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicing
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center" style="line-height: 80px;">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="iphone" src="http://promail.ma/envato/hipo/img/phone.png" style="display: block; width: 182px;" width="182" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
<table border="0" width="160" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr class="hide"><td height="50" style="font-size: 50px; line-height: 5Opx;"> </td></tr>
<tr>
<td align="left" mc:edit="feature-title6" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" mc:edit="feature-text6" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicing
</multiline>
</span>
</div>
</td>
</tr>
<tr class="hide"><td height="20" style="font-size: 20px; line-height: 5Opx;"> </td></tr>
<tr><td height="30" style="font-size: 30px; line-height: 3Opx;"> </td></tr>
<tr>
<td align="left" mc:edit="feature-title7" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" mc:edit="feature-text7" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit consectetur adipisicing
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 big image 1/2 text ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
<a href="" class="change-background" title="change background"><img src="http://themastermail.com/discount/demo/img/change-bg.png" alt="edit background"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="161616">
<tbody><tr>
<td align="center" style="background-image: url(http://promail.ma/envato/hipo/img/bg4.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat;" background="http://promail.ma/envato/hipo/img/bg4.jpg" class="main-bg">
<table border="0" align="center" width="800" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container800_img">
<tbody><tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
<!-- ======= image ====== -->
<tr>
<td align="left" class="section800_img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="big-img3" src="http://promail.ma/envato/hipo/img/big-img2.png" style="display: block; width: 400px;" width="400" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="hide">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="360" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="half-container800">
<tbody><tr>
<td>
<table border="0" width="300" align="right" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" width="300" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="left" mc:edit="big-title3" style="color: #ffffff; font-size: 38px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 45px;" class="main-section-header">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 45px">
<span class="text_container">
<multiline>
Best Way to showcase your <span style="color: #f1c40f;" class="link_color">APP.</span>
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-text3" style="color: #ecf0f1; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="apple" width="16" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/apple.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="android" width="16" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/android.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="winphone" width="19" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/windows-phone.png" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 3 columns headline and text with description ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="3col-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
More Services.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="3col-text" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod<br class="hide"> tempor incididunt ut labore et dolore magna
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="385" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="180" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="3col-title1" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="3col-text1" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consecte tur adipisicing elit sed do eiu smodtempor incididu
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="180" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="3col-title2" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="3col-text2" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consecte tur adipisicing elit sed do eiu smodtempor incididu
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="180" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="3col-title3" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="3col-text3" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consecte tur adipisicing elit sed do eiu smodtempor incididu
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 3 colmuns headline and text ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td>
<table border="0" width="385" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="180" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="3col-title4" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="3col-text4" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consecte tur adipisicing elit sed do eiu smodtempor incididu
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="180" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="3col-title5" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="3col-text5" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consecte tur adipisicing elit sed do eiu smodtempor incididu
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="180" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="3col-title6" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Medium Text
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="3col-text6" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consecte tur adipisicing elit sed do eiu smodtempor incididu
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 big image 1/2 quote text ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr>
<td align="center">
<table border="0" align="center" width="800" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container800_img">
<!-- ======= image ====== -->
<tbody><tr>
<td align="left" class="section800_img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="big-img4" src="http://promail.ma/envato/hipo/img/big-img3.png" style="display: block; width: 400px;" width="400" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="hide">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="340" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="half-container800">
<tbody><tr>
<td>
<table border="0" width="300" align="right" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" width="260" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr class="hide-800"><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-title4" style="color: #ffffff; font-size: 38px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 43px;" class="main-section-header">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 43px">
<span class="text_container">
<multiline>
<em>MIKE ROSS.</em>
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="5" style="font-size: 5px; line-height: 5px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-subtitle4" style="color: #ffffff; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Envato Co-Founder.
</multiline>
</span>
</div>
</td>
</tr>
<tr class="hide"><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<!-- ======= image ======= -->
<td align="left">
<span class="editable_img"><img editable="true" mc:edit="testi-icon" src="http://promail.ma/envato/hipo/img/testi-quote.png" style="display: block;" width="16" border="0" alt=""></span>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-text4" style="color: #fffdf4; font-size: 20px; font-family: 'Droid Sans', Calibri, sans-serif; line-height: 30px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 30px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit ametconsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore amet list
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 2 columns image and text ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="blog-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Smart and Happy.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table border="0" width="320" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="blog-text" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="270" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="blog-img1" src="http://promail.ma/envato/hipo/img/img5.png" style="display: block; width: 270px;" width="270" border="0" alt=""></a>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table border="0" width="250" align="center" cellpadding="0" cellspacing="0" class="container580">
<tbody><tr>
<td align="left" mc:edit="blog-title1" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
MODERN AND SMOOTH.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="blog-text1" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consec tur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolor magna aliqua Ut enim ad minim veniam quis nostrud exercit
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" style="color: #f1c40f; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 22px;" mc:edit="blog-link1" class="align-center">
<!-- ======= main section button ======= -->
<div class="editable_text" style="line-height: 22px;">
<span class="text_container">
<a href="" style="color: #f1c40f; text-decoration: none;" class="link_color"><singleline>Read more</singleline></a>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="260" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="blog-img2" src="http://promail.ma/envato/hipo/img/img6.png" style="display: block; width: 270px;" width="270" border="0" alt=""></a>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table border="0" width="250" align="center" cellpadding="0" cellspacing="0" class="container400">
<tbody><tr>
<td align="left" mc:edit="blog-title2" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;" class="align-center title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
MODERN AND SMOOTH.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="blog-text2" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consec tur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolor magna aliqua Ut enim ad minim veniam quis nostrud exercit
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" style="color: #f1c40f; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 22px;" mc:edit="blog-link2" class="align-center">
<!-- ======= main section button ======= -->
<div class="editable_text" style="line-height: 22px;">
<span class="text_container">
<a href="" style="color: #f1c40f; text-decoration: none;" class="link_color"><singleline>Read more</singleline></a>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= headline and link ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
<a href="" class="change-background" title="change background"><img src="http://themastermail.com/discount/demo/img/change-bg.png" alt="edit background"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="131313">
<tbody><tr>
<td align="center" style="background-image: url(http://promail.ma/envato/hipo/img/bg5.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat;" background="http://promail.ma/envato/hipo/img/bg5.jpg" class="main-bg">
<table border="0" width="590" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center" mc:edit="special-title2" style="color: #ffffff; font-size: 38px; font-family: 'Droid Serif', Calibri, sans-serif; mso-line-height-rule: exactly; line-height: 23px;" class="main-section-header">
<!-- ======= section header ======= -->
<div class="editable_text" style="line-height: 23px;">
<span class="text_container">
<multiline>
<em>Be <span style="color: #f1c40f;" class="link_color">Creative</span>.</em>
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center" style="color: #ecf0f1; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 22px;" mc:edit="special-link1">
<!-- ======= main section button ======= -->
<div class="editable_text" style="line-height: 22px;">
<span class="text_container">
<a href="" style="color: #ecf0f1; text-decoration: none;"><singleline>Buy now</singleline></a>
</span>
</div>
</td>
</tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- ======= end section ====== -->
<!-- ======= gallery section ======= -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="gallery-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Portfolio.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="gallery-text" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod<br class="hide"> tempor incididunt ut labore et dolore magna
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="385" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="176" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="gallery-image1" src="http://promail.ma/envato/hipo/img/gallery-img1.png" style="display: block; width: 180px;" width="180" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="25" style="font-size: 25px; line-height: 25px;"></td></tr>
</tbody></table>
<table border="0" width="176" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="gallery-image2" src="http://promail.ma/envato/hipo/img/gallery-img2.png" style="display: block; width: 180px;" width="180" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="25" style="font-size: 25px; line-height: 25px;"></td></tr>
</tbody></table>
<table border="0" width="176" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="gallery-image3" src="http://promail.ma/envato/hipo/img/gallery-img3.png" style="display: block; width: 180px;" width="180" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td>
<table border="0" width="385" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="176" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="gallery-image4" src="http://promail.ma/envato/hipo/img/gallery-img4.png" style="display: block; width: 180px;" width="180" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="25" style="font-size: 25px; line-height: 25px;"></td></tr>
</tbody></table>
<table border="0" width="176" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="gallery-image5" src="http://promail.ma/envato/hipo/img/gallery-img5.png" style="display: block; width: 180px;" width="180" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="25" style="font-size: 25px; line-height: 25px;"></td></tr>
</tbody></table>
<table border="0" width="176" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center" class="section-img">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="gallery-image6" src="http://promail.ma/envato/hipo/img/gallery-img6.png" style="display: block; width: 180px;" width="180" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 3 columns testimonials ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="testi-header" style="color: #ffffff; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 51px;" class="main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 51px;">
<span class="text_container">
<multiline>
Big Community of<br class="hide"> people like you.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table align="center" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="385" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="180" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="testi-img1" src="http://promail.ma/envato/hipo/img/testi-img1.png" style="display: block; width: 106px;" width="106" border="0" alt=""></a>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="testi-text1" style="color: #fffcf2; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisic ing elit sed do eiusmod.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center" mc:edit="testi-title1" style="color: #ffffff; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
HARVEY SPECTER
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="5" style="font-size: 5px; line-height: 5px;"> </td></tr>
<tr>
<td align="center" style="color: #f96e55; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;" mc:edit="testi-link1">
<!-- ======= main section button ======= -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #7d6918; text-decoration: none;"><singleline>Envato.com</singleline></a>
</span>
</div>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="180" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="testi-img2" src="http://promail.ma/envato/hipo/img/testi-img2.png" style="display: block; width: 106px;" width="106" border="0" alt=""></a>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="testi-text2" style="color: #fffcf2; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisic ing elit sed do eiusmod.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center" mc:edit="testi-title2" style="color: #ffffff; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
JOSE CARALA
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="5" style="font-size: 5px; line-height: 5px;"> </td></tr>
<tr>
<td align="center" style="color: #f96e55; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;" mc:edit="testi-link2">
<!-- ======= main section button ======= -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #7d6918; text-decoration: none;"><singleline>Google.com</singleline></a>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="180" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= image ======= -->
<td align="center">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="testi-img3" src="http://promail.ma/envato/hipo/img/testi-img3.png" style="display: block; width: 106px;" width="106" border="0" alt=""></a>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="testi-text3" style="color: #fffcf2; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisic ing elit sed do eiusmod.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center" mc:edit="testi-title3" style="color: #ffffff; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 24px;">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
ALEX RAVEN
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="5" style="font-size: 5px; line-height: 5px;"> </td></tr>
<tr>
<td align="center" style="color: #f96e55; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;" mc:edit="testi-link3">
<!-- ======= main section button ======= -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #7d6918; text-decoration: none;"><singleline>Yahoo.com</singleline></a>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 features 1/2 big image ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="800" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="extra-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Extra Features.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="extra-text" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod<br class="hide"> tempor incididunt ut labore et dolore magna
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="380" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="half-container800">
<tbody><tr>
<td>
<table border="0" width="280" align="right" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center" valign="top">
<span class="editable_img"><img editable="true" mc:edit="extra-img1" src="http://promail.ma/envato/hipo/img/extra-icon1.png" style="display: block; width: 30px;" width="30" border="0" alt="">
</span></td>
<td width="20"></td>
<td align="left">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="left" mc:edit="extra-title1" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Cross platforms<br class="hide"> support
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="extra-text1" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod.
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center" valign="top">
<span class="editable_img"><img editable="true" mc:edit="extra-img2" src="http://promail.ma/envato/hipo/img/extra-icon2.png" style="display: block; width: 30px;" width="30" border="0" alt="">
</span></td>
<td width="20"></td>
<td align="left">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="left" mc:edit="extra-title2" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Cross platforms<br class="hide"> support
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="extra-text2" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod.
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container800_img">
<!-- ======= image ====== -->
<tbody><tr>
<td align="left" class="section800_img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="big-img4" src="http://promail.ma/envato/hipo/img/big-img4.png" style="display: block; width: 389px;" width="389" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 3 columns pricing tables ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="f2f4f6" class="bg2_color">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="pricing-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Our Plans.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="pricing-text" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod<br class="hide"> tempor incididunt ut labore et dolore magna
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="380" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="170" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt" class="container590">
<tbody><tr>
<td align="center">
<span class="editable_img"><img editable="true" mc:edit="plan-img1" src="http://promail.ma/envato/hipo/img/plan-img1.png" style="display: block; width: 69px;" width="69" border="0" alt=""></span>
</td>
</tr>
<tr><td height="35" style="font-size: 35px; line-height:35px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-title1" style="color: #000000; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 24px;" class="title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
STARTER
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-price1" style="color: #f1c40f; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 22px;" class="link_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 22px">
<span class="text_container">
<multiline>
0.00$
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-text1" style="color: #797979; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; mso-line-height-rule: exactly; line-height: 23px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 23px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit ametconse ctetur adipisi cingelit sed do eiusmod tempor incididunt
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="table-button1" src="http://promail.ma/envato/hipo/img/button.png" style="display: block;" width="33" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="170" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt" class="container590">
<tbody><tr>
<td align="center">
<span class="editable_img"><img editable="true" mc:edit="plan-img2" src="http://promail.ma/envato/hipo/img/plan-img2.png" style="display: block; width: 69px;" width="69" border="0" alt=""></span>
</td>
</tr>
<tr><td height="35" style="font-size: 35px; line-height:35px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-title2" style="color: #000000; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 24px;" class="title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
PRO
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-price2" style="color: #f1c40f; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 22px;" class="link_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 22px">
<span class="text_container">
<multiline>
29.99$
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-text2" style="color: #797979; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; mso-line-height-rule: exactly; line-height: 23px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 23px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit ametconse ctetur adipisi cingelit sed do eiusmod tempor incididunt
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="table-button2" src="http://promail.ma/envato/hipo/img/button.png" style="display: block;" width="33" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" width="170" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt" class="container590">
<tbody><tr>
<td align="center">
<span class="editable_img"><img editable="true" mc:edit="plan-img3" src="http://promail.ma/envato/hipo/img/plan-img3.png" style="display: block; width: 69px;" width="69" border="0" alt=""></span>
</td>
</tr>
<tr><td height="35" style="font-size: 35px; line-height:35px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-title3" style="color: #000000; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 24px;" class="title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
GOLD
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-price3" style="color: #f1c40f; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 22px;" class="link_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 22px">
<span class="text_container">
<multiline>
59.99$
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table align="center" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center" mc:edit="table-text3" style="color: #797979; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; mso-line-height-rule: exactly; line-height: 23px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 23px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit ametconse ctetur adipisi cingelit sed do eiusmod tempor incididunt
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="table-button3" src="http://promail.ma/envato/hipo/img/button.png" style="display: block;" width="33" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 text and link 1/2 big image ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr>
<td align="center">
<table border="0" align="center" width="800" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td>
<table border="0" width="400" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="half-container800">
<tbody><tr>
<td>
<table border="0" width="380" align="right" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" width="370" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr class="hide"><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-title5" style="color: #000000; font-size: 38px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 45px;" class="title_color main-section-header">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 45px">
<span class="text_container">
<multiline>
We provide the best after sale <span style="color: #f1c40f;" class="link_color">SUPPORT</span>.
</multiline>
</span>
</div>
</td>
</tr>
<tr class="hide"><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-text5" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud
</multiline>
</span>
</div>
</td>
</tr>
<tr class="hide"><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="left">
<img src="http://promail.ma/envato/hipo/img/arrow.png" style="display: block;" width="18" border="0" alt="">
</td>
<td width="10"> </td>
<td align="left" style="color: #f1c40f; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 22px;" mc:edit="big-link5">
<div class="editable_text" style="line-height: 22px;">
<span class="text_container">
<a href="" style="color: #f1c40f; text-decoration: none;" class="link_color"><singleline>See more</singleline></a>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="hide">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container800_img">
<!-- ======= image ====== -->
<tbody><tr>
<td align="left" class="section800_img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="big-img5" src="http://promail.ma/envato/hipo/img/big-img1.png" style="display: block; width: 346px;" width="346" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 3 columsn team section ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td align="center" mc:edit="team-header" style="color: #141611; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Team.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="25" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td align="center" mc:edit="team-text" style="color: #797979; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod<br class="hide"> tempor incididunt ut labore et dolore magna
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" width="390" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="190" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="100%" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center" valign="top">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-image1" src="http://promail.ma/envato/hipo/img/team-img1.png" style="display: block; width: 71px;;" width="71" border="0" alt=""></a>
</td>
<td width="20"></td>
<td align="left" valign="top">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="team-title1" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
John Doe.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" mc:edit="team-text1" style="color: #7f8c8d; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Co-Founder.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-facebook" width="8" border="0" style="display: block; width: 8px;" src="http://promail.ma/envato/hipo/img/team-facebook.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-twitter" width="15" border="0" style="display: block; width: 15px;" src="http://promail.ma/envato/hipo/img/team-twitter.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-dribbble" width="15" border="0" style="display: block; width: 15px;" src="http://promail.ma/envato/hipo/img/team-dribbble.png" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="190" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="100%" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center" valign="top">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-image2" src="http://promail.ma/envato/hipo/img/team-img2.png" style="display: block; width: 71px;;" width="71" border="0" alt=""></a>
</td>
<td width="20"></td>
<td align="left" valign="top">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="team-title2" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Jane Doe.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" mc:edit="team-text2" style="color: #7f8c8d; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Co-Founder.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-facebook2" width="8" border="0" style="display: block; width: 8px;" src="http://promail.ma/envato/hipo/img/team-facebook.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-twitter2" width="15" border="0" style="display: block; width: 15px;" src="http://promail.ma/envato/hipo/img/team-twitter.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-dribbble2" width="15" border="0" style="display: block; width: 15px;" src="http://promail.ma/envato/hipo/img/team-dribbble.png" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="190" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="100%" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= image ====== -->
<tbody><tr>
<td align="center" valign="top">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-image3" src="http://promail.ma/envato/hipo/img/team-img3.png" style="display: block; width: 71px;;" width="71" border="0" alt=""></a>
</td>
<td width="20"></td>
<td align="left" valign="top">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="team-title3" style="color: #141611; font-size: 20px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="title_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Joe Doe.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="left" mc:edit="team-text3" style="color: #7f8c8d; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 24px">
<span class="text_container">
<multiline>
Co-Founder.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-facebook3" width="8" border="0" style="display: block; width: 8px;" src="http://promail.ma/envato/hipo/img/team-facebook.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-twitter3" width="15" border="0" style="display: block; width: 15px;" src="http://promail.ma/envato/hipo/img/team-twitter.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="team-dribbble3" width="15" border="0" style="display: block; width: 15px;" src="http://promail.ma/envato/hipo/img/team-dribbble.png" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= 1/2 headline and text 1/2 image ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td>
<table border="0" width="280" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr class="hide"><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="left" mc:edit="title7" style="color: #ffffff; font-size: 38px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 43px;" class="main-section-header">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 43px">
<span class="text_container">
<multiline>
Meet Luis Litt.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="subtitle7" style="color: #ffffff; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; font-weight: 600; line-height: 23px;">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 23px">
<span class="text_container">
<multiline>
OUR NEW FRONT-END DEVELOPER
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="left" mc:edit="big-text2" style="color: #fff5cf; font-size: 14px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="facebook2" width="8" border="0" style="display: block; width: 8px;" src="http://promail.ma/envato/hipo/img/facebook.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="twitter2" width="15" border="0" style="display: block; width: 15px;" src="http://promail.ma/envato/hipo/img/twitter.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="google2" width="15" border="0" style="display: block; width: 15px;" src="http://promail.ma/envato/hipo/img/google.png" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<!-- ======= ====== -->
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="img7" src="http://promail.ma/envato/hipo/img/img7.png" style="display: block; width: 256px;" width="256" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= partners section ====== -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
<a href="" class="change-background" title="change background"><img src="http://themastermail.com/discount/demo/img/change-bg.png" alt="edit background"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="222224">
<tbody><tr>
<td align="center" style="background-image: url(http://promail.ma/envato/hipo/img/bg3.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat;" background="http://promail.ma/envato/hipo/img/bg3.jpg" class="main-bg">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr><td height="60" style="font-size: 60px; line-height: 60px;"> </td></tr>
<tr>
<td align="center" mc:edit="partners-header" style="color: #ffffff; font-size: 38px; font-family: 'Droid Serif', sans-serif; mso-line-height-rule: exactly; line-height: 35px;" class="title_color main-section-header">
<!-- ======= main header ======= -->
<div class="editable_text" style="line-height: 35px;">
<span class="text_container">
<multiline>
Our clients <span style="font-weight: 700; color: #f1c40f;" class="link_color">Trust</span> US.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" width="270" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table width="120" border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="partner-img1" src="http://promail.ma/envato/hipo/img/logo1.png" style="display: block;" width="64" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container50">
<tbody><tr><td width="5" height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
<table width="120" border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="partner-img2" src="http://promail.ma/envato/hipo/img/logo2.png" style="display: block;" width="61" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="5" height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" width="270" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table width="120" border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="partner-img3" src="http://promail.ma/envato/hipo/img/logo3.png" style="display: block;" width="68" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container50">
<tbody><tr><td width="5" height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
</tbody></table>
<table width="120" border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tbody><tr>
<td align="center">
<a href="" style=" border-style: none !important; display: block; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="partner-img4" src="http://promail.ma/envato/hipo/img/logo4.png" style="display: block;" width="57" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= contact section ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff" class="bg_color">
<tbody><tr>
<td align="center">
<table border="0" align="center" width="800" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td>
<table border="0" width="360" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="half-container800">
<tbody><tr>
<td>
<table border="0" width="300" align="right" cellpadding="0" cellspacing="0" class="container800">
<tbody><tr>
<td align="center">
<table border="0" width="300" align="center" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
<tr>
<td align="left" mc:edit="address-title" style="color: #000000; font-size: 38px; font-family: 'Droid Serif', Calibri, sans-serif; line-height: 45px;" class="title_color main-section-header">
<!-- ======= section text ====== -->
<div class="editable_text" style="line-height: 45px">
<span class="text_container">
<multiline>
Find <span style="color: #f1c40f;" class="link_color">US</span>.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left">
<span class="editable_img"><img editable="true" mc:edit="location-icon" src="http://promail.ma/envato/hipo/img/location-icon.png" style="display: block;" width="14" border="0" alt=""></span>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td align="left" mc:edit="address-text1" style="color: #32363a; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
3332 Palmer Road<br class="hide"> Westerville, OH 43081.
</multiline>
</span>
</div>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="center">
<table align="left" width="30" border="0" cellpadding="0" cellspacing="0" bgcolor="f1c40f" class="yellow_bg">
<tbody><tr><td height="2" style="font-size: 2px; line-height: 2px;"></td></tr>
</tbody></table>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="left">
<span class="editable_img"><img editable="true" mc:edit="location-icon2" src="http://promail.ma/envato/hipo/img/icon2.png" style="display: block;" width="20" border="0" alt=""></span>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="left" mc:edit="address-text2" style="color: #32363a; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="text_color">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
See it on <a href="" style="color: #f1c40f;" class="link_color">Google Maps</a>
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="40" style="font-size: 40px; line-height: 40px;"> </td></tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="hide">
<tbody><tr><td width="2" height="50" style="font-size: 50px; line-height: 50px;"></td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container800_img">
<!-- ======= image ====== -->
<tbody><tr>
<td align="left" class="section800_img">
<a href="" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="map-img" src="http://promail.ma/envato/hipo/img/map.png" style="display: block; width: 396px;" width="396" border="0" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= links and socials ======= -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="363635" class="dark_bg">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td>
<table border="0" width="420" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td>
<table border="0" width="220" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<!-- ======= logo ======= -->
<td align="left" class="align-center">
<a href="" style="border-style: none !important; border: 0 !important;" class="editable_img"><img editable="true" mc:edit="footer-logo" width="62" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/logo.png" alt=""></a>
</td>
</tr>
<tr><td height="30" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="facebook-icon" width="29" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/facebook-icon.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="twitter-icon" width="29" border="0" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/twitter-icon.png" alt=""></a>
</td>
<td> </td>
<td>
<a href="" style="display: block;" class="editable_img"><img editable="true" mc:edit="google-icon" width="29" style="display: block; width: auto;" src="http://promail.ma/envato/hipo/img/google-icon.png" alt=""></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; " class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="150" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="nav-link1" style="color: #cbcbcb; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #cbcbcb; text-decoration: none;"><singleline>EXPLORE</singleline></a>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="nav-link2" style="color: #cbcbcb; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #cbcbcb; text-decoration: none;"><singleline>BLOG</singleline></a>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="nav-link3" style="color: #cbcbcb; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #cbcbcb; text-decoration: none;"><singleline>FAQ</singleline></a>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="nav-link4" style="color: #cbcbcb; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #cbcbcb; text-decoration: none;"><singleline>HELP</singleline></a>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table border="0" width="2" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td width="2" height="40" style="font-size: 40px; line-height: 40px;"></td></tr>
</tbody></table>
<table border="0" width="150" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="left" mc:edit="nav-link5" style="color: #cbcbcb; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #cbcbcb; text-decoration: none;"><singleline>ABOUT US</singleline></a>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="nav-link6" style="color: #cbcbcb; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #cbcbcb; text-decoration: none;"><singleline>CONTACT US</singleline></a>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="nav-link7" style="color: #cbcbcb; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #cbcbcb; text-decoration: none;"><singleline>TERMS OF USE</singleline></a>
</span>
</div>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr>
<td align="left" mc:edit="nav-link8" style="color: #cbcbcb; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 20px;">
<!-- ======= section subtitle ====== -->
<div class="editable_text" style="line-height: 20px;">
<span class="text_container">
<a href="" style="color: #cbcbcb; text-decoration: none;"><singleline>PRIVACY POLICY</singleline></a>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
</tbody></table>
</li>
<!-- ======= end section ======= -->
<!-- ======= footer ====== -->
<li>
<div class="action-btn">
<a href="" class="add-section" title="duplicate section"><img src="http://promail.ma/boutika/demo/img/add-section.png" alt="add section"></a>
<a href="" class="remove-section" title="remove section"><img src="http://promail.ma/boutika/demo/img/remove-section.png" alt="remove section"></a>
</div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="363635" class="dark_bg">
<tbody><tr><td height="50" style="font-size: 50px; line-height: 50px;"> </td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tbody><tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="center" mc:edit="copy-text" style="color: #ffffff; font-size: 15px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;" class="align-center">
<div class="editable_text" style="line-height: 24px;">
<span class="text_container">
<multiline>
All right reserved to Promail agency.
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
<table border="0" align="left" width="5" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr><td height="20" width="5" style="font-size: 20px; line-height: 20px;"> </td></tr>
</tbody></table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tbody><tr>
<td align="center" mc:edit="footer-navigation" style="color: #ffffff; font-size: 13px; font-family: 'Open Sans', Calibri, sans-serif; line-height: 24px;">
<div class="editable_text" style=" line-height: 24px;">
<span class="text_container">
<multiline>
<a href="" style="color: #ffffff; text-decoration: none;">Unsubscribe</a>
</multiline>
</span>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr><td height="35" style="font-size: 35px; line-height: 35px;"> </td></tr>
</tbody></table>
</li>
</ul>
<!-- ======= end footer ====== -->
</body></html>
