代码部署教程

1. HTML代码

<!–
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
–>
<!DOCTYPE html>

<html>

<head>

<title>

Bio Products a Email Template | w3layouts</title>

<!– Custom Theme files –>

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<meta name=”keywords” content=”Bio Products Newsletter templates, Email Templates, Newsletters, Marketing templates,
Advertising templates, free Newsletter” />

<!– //Custom Theme files –>

<!– Responsive Styles and Valid Styles –>

<style type=”text/css”>

body{
width: 100%;
background-color: #9f9fa3;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
/* ———– responsivity ———– */
@media only screen and (max-width: 768px){
.container {
width: 650px;
}
}
@media only screen and (max-width: 640px){
/*—— top header —— */
.header-bg{width: 440px !important; height: 10px !important;}
.main-header{line-height: 28px !important;}
.main-subheader{line-height: 28px !important;}
/*—– –features ———*/
.feature{width: 420px !important;}
.feature-middle{width: 400px !important; text-align: center !important;}
.feature-img{width: 440px !important; height: auto !important;}
.container{width: 550px !important;}
.container-middle{width: 420px !important;}
.mainContent{width: 400px !important;}
.main-image{width: 400px !important; height: auto !important;}
.banner{width: 400px !important; height: auto !important;}
/*—— sections ———*/
.section-item{width: 400px !important;}
.section-img{width: 400px !important; height: auto !important;}
/*——- pfooter ——*/
.pfooter-header{padding: 0 10px !important; line-height: 24px !important;}
.pfooter-subheader{padding: 0 10px !important; line-height: 24px !important;}
/*——- footer ——*/
.top-bottom-bg{width: 420px !important; height: auto !important;}
}
@media only screen and (max-width: 480px){
.container {
width: 200px !important;
}
.icon {
width: 70%;
}
}
@media only screen and (max-width: 479px){
/*—— top header —— */
.header-bg{width: 280px !important; height: 10px !important;}
.top-header-left{width: 260px !important; text-align: center !important;}
.top-header-right{width: 260px !important;}
.main-header{line-height: 28px !important; text-align: center !important;}
.main-subheader{line-height: 28px !important; text-align: center !important;}
/*——- header ———-*/
.logo{width: 260px !important;}
.nav{width: 260px !important;}
/*—– –features ———*/
.feature{width: 260px !important;}
.feature-middle{width: 240px !important; text-align: center !important;}
.feature-img{width: 260px !important; height: auto !important;}
.container{width: 290px !important;}
.container-middle{width: 260px !important;}
.mainContent{width: 240px !important;}
.main-image{width: 240px !important; height: auto !important;}
.banner{width: 240px !important; height: auto !important;}
/*—— sections ———*/
.section-item{width: 240px !important;}
.section-img{width: 240px !important; height: auto !important;}
/*——- pfooter ——*/
.pfooter-header{padding: 0 10px !important;line-height: 28px !important;}
.pfooter-subheader{padding: 0 10px !important; line-height: 28px !important;}
/*——- footer ——*/
.top-bottom-bg{width: 260px !important; height: auto !important;}
table {
width: 100% !important;
}
.gallery-img a img {
height: 134px !important;
}
.gallery-img1 a img {
height: 60px !important;
}
.gallery-img2 a img {
height: 60px !important;
}
}
</style>

</head>

<body leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″>

<table border=”0″ width=”100%” cellpadding=”0″ cellspacing=”0″>

<tr>

<td height=”30″>

</td>

</tr>

<tr bgcolor=”#9f9fa3″>

<td width=”100%” align=”center” valign=”top” bgcolor=”#9f9fa3″>

<!– main content –>

<table width=”800″ border=”0″ cellpadding=”0″ cellspacing=”0″ align=”center” class=”container top-header-left” bgcolor=”e5eaf7″>

<!– Header –>

<tr bgcolor=”af936c”>

<td height=”40″>

</td>

</tr>

<tr bgcolor=”af936c”>

<td>

<table border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td>

<table border=”0″ width=”200″ align=”left” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-size:1em;color:#FFFFFF;font-family:Tahoma,serif;”>

<a href=”mailto:info@example.com” style=”color:#FFFFFF;text-decoration:underline;padding-left:2.5em;background:url(images/1.png) no-repeat 0px 0px; display:block;padding-bottom:.5em;”>

info@example.com</a>

</td>

</tr>

</table>

<table border=”0″ width=”210″ align=”right” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-size:1em; text-align:right; color:#FFFFFF;font-family:Tahoma,serif;padding-left:2.5em;background:url(images/2.png) no-repeat 0px 0px; display:block;padding-bottom:.5em;”>

Contact Us: +6598 987 908</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”30″>

</td>

</tr>

</table>

</td>

</tr>

<tr bgcolor=”af936c”>

<td height=”10″>

</td>

</tr>

<tr bgcolor=”e5eaf7″>

<td>

<table bgcolor=”FFFFFF” border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td height=”10″>

</td>

</tr>

<tr>

<td>

<table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-size:1em; color:#ABABAB;font-family:Tahoma,serif;text-transform:capitalize;”>

Excepteur sint occaecat cupidatat non proident</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”10″>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”20″>

</td>

</tr>

<tr>

<td>

<table border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td>

<table border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;” class=”logo”>

<tr>

<td>

<a href=”#” style=”font-size:3em;color:#D08224;text-decoration:none;font-family:Tahoma,serif; font-style:normal;letter-spacing:1px;line-height:1em;”>

Bio <span style=”color: #708BD2;font-size:14px;display:block;text-align:left;text-align:center;line-height:1em”>

Products</span>

</a>

</td>

</tr>

</table>

<table border=”0″ align=”right” cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; ” class=”nav”>

<tr>

<td height=”18″>

</td>

</tr>

<tr>

<td align=”center” mc:edit=”navigation” style=”font-size: 1em; font-family: Tahoma,serif;color:#ABABAB;line-height:2em;letter-spacing:1px;”>

<a style=”text-decoration: none; color: #D08224; border-top:1px solid; padding:1em 0 0;” href=”#”>

Home</a>

<span style=”text” class=”navSpac” >

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

<a style=”text-decoration: none; color: #708BD2″ href=”#”>

About</a>

<span style=”text” class=”navSpac”>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

<a style=”text-decoration: none; color: #708BD2″ href=”#”>

Gallery</a>

<span style=”text” class=”navSpac”>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

<a style=”text-decoration: none; color: #708BD2″ href=”#”>

Contact</a>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr bgcolor=”e5eaf7″>

<td height=”40″>

</td>

</tr>

<tr>

<td>

<table border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle” style=”background:url(images/banner.jpg) 0px 0px;background-size:cover;” height=”480″>

<tr>

<td valign=”bottom”>

<table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td style=”font-size:2em;text-transform:capitalize; color:#D08224;padding:.5em;text-align:center; background:rgba(255, 255, 255, 0.86);font-family: Tahoma,serif;”>

Welcome to <span style=”color:#D08224;”>

bio</span>

Products
</td>

</tr>

<tr>

<td style=”font-size:1.5em;text-transform:capitalize; color:#FFFFFF;padding:1em; font-family: Tahoma,serif;text-align:center;”>

sunt in culpa qui officia deserunt mollit anim id est
</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table bgcolor=”af936c” border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle” style=””>

<tr>

<td>

<table bgcolor=”af936c” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ style=””>

<tr>

<td height=”20″>

</td>

</tr>

<tr class=”top-header-left”>

<td style=”color: #FFFFFF; font-size: 1em;font-family: Tahoma,serif; font-weight: normal;font-style:italic; line-height: 2em;”>

<table border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;” class=”logo”>

<tr>

<td>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</td>

</tr>

</table>

<table border=”0″ align=”right” cellpadding=”0″ cellspacing=”0″>

<tr>

<td align=”center”>

<table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

&nbsp;&nbsp;</td>

<td>

<table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<a href=”#” style=”display:block; border:0;”>

<img src=”images/3.png” alt=”” border=”0″ height=”32″ width=”32″>

</a>

</td>

<td>

&nbsp;&nbsp;</td>

<td>

<a href=”#” style=”display:block; border:0;”>

<img src=”images/4.png” alt=”” border=”0″ height=”32″ width=”32″>

</a>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”20″>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!– end header –>

<!– about –>

<tr bgcolor=”FFFFFF”>

<td>

<table border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td height=”50″>

</td>

</tr>

<tr>

<td>

<table align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-size:2em;color:#DBDBDB;font-family: Tahoma,serif;text-align:center;”>

Welcome To <span style=”color:#af936c;”>

Bio Products</span>

</td>

</tr>

<tr class=”ds-remove” >

<td align=”center”>

<table width=”150″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ style=””>

<tr>

<td align=”center” width=”150″ height=”10″ style=”border-bottom: 1px solid #eabb63; line-height:0; font-size: 0;”>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”20″>

&nbsp;&nbsp;</td>

</tr>

<tr>

<td style=”font-size:1em;color:#999;font-family: Tahoma,serif;text-align:center;”>

Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″>

&nbsp;&nbsp;</td>

</tr>

<tr>

<td>

<table align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<table width=”180″ align=”left” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<img src=”images/1.jpg” alt=” ” width=”180″ height=”150″ />

</td>

</tr>

</table>

<table width=”180″ align=”left” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<img src=”images/2.jpg” alt=” ” width=”180″ height=”150″ />

</td>

</tr>

</table>

<table width=”180″ align=”left” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<img src=”images/3.jpg” alt=” ” width=”180″ height=”150″ />

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″>

</td>

</tr>

<tr>

<td align=”center” valign=”top”>

<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″>

<tr>

<td align=”center” bgcolor=”#D08224″ valign=”top”>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”255″ class=”feature mainContent”>

<tr>

<td>

<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ >

<tr>

<td>

<img src=”images/4.jpg” alt=”” height=”auto” width=”255″ style=”display:block;”>

</td>

</tr>

</table>

</td>

</tr>

</table>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”270″ class=”feature mainContent”>

<tr>

<td align=”center” height=”30″ valign=”top”>

&nbsp;</td>

</tr>

<tr>

<td width=”20″>

</td>

<td style=”font-family: Tahoma,serif; font-size:1.5em; color:#FFF; font-weight:bold; text-transform:capitalize;” align=”left” valign=”top”>

deserunt mollit anim</td>

</tr>

<tr>

<td align=”center” height=”10″ valign=”top”>

&nbsp;</td>

</tr>

<tr>

<td width=”20″>

</td>

<td style=”font-family: Tahoma,serif; font-size:1em; color:#FFF;line-height:1.8em; font-weight:normal;” align=”left” valign=”top”>

Curabitur ornare turpis ut lacinia consequatur aut perferendis doloribus asperiores</td>

</tr>

<tr>

<td align=”left” valign=”top”>

&nbsp;</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td align=”center” valign=”top”>

<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″>

<tr>

<td align=”center” bgcolor=”af936c” valign=”top”>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”270″ class=”feature mainContent”>

<tr>

<td align=”center” height=”30″ valign=”top”>

&nbsp;</td>

</tr>

<tr>

<td width=”20″>

</td>

<td style=”font-family: Tahoma,serif; font-size:1.5em; color:#FFF; font-weight:bold; text-transform:capitalize;” align=”left” valign=”top”>

deserunt mollit anim</td>

</tr>

<tr>

<td align=”center” height=”10″ valign=”top”>

&nbsp;</td>

</tr>

<tr>

<td width=”20″>

</td>

<td style=”font-family: Tahoma,serif; font-size:1em; color:#FFF;line-height:1.8em; font-weight:normal;” align=”left” valign=”top”>

Curabitur ornare turpis ut lacinia consequatur aut perferendis doloribus asperiores</td>

</tr>

<tr>

<td align=”left” valign=”top”>

&nbsp;</td>

</tr>

</table>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”255″ class=”feature mainContent”>

<tr>

<td>

<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ >

<tr>

<td>

<img src=”images/5.jpg” alt=”” height=”auto” width=”255″ style=”display:block;”>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″>

</td>

</tr>

</table>

</td>

</tr>

<!– //about –>

<!– serives –>

<tr style=”background:url(images/6.jpg) no-repeat 0px 0px; background-size:cover;” height=”400″>

<td>

<table width=”580″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td height=”30″>

</td>

</tr>

<tr>

<td class=”full”>

<!– Start Icon –>

<table class=”icon” style=”mso-table-lspace:0pt; mso-table-rspace:0pt; margin: 0 auto; border-collaps:collaps;” align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”190″>

<tr>

<td align=”center” style=”border:1px solid #fff;padding:2em 0;”>

<img src=”images/5.png” style=”display:block; margin: 0 auto;” alt=” ” width=”64″ height=”64″>

</td>

</tr>

<tr>

<td height=”30″>

</td>

</tr>

<tr>

<td align=”center” style=” text-align: center; font-size:1.5em; font-family:Tahoma,serif; color: #FFFFFF; text-transform:capitalize;”>

<a href=”#” style=”color:#fff;text-decoration:none;”>

nulla pariatur</a>

</td>

</tr>

<tr>

<td height=”20″>

</td>

</tr>

<tr align=”center”>

<td style=”color: #FFFFFF; font-size: 1em;font-family: Candara , serif; font-weight: normal; line-height:1.8em;”>

Duis aute irure dolor in rephenderit in voluptate velit esse cillum dolore.</td>

</tr>

</table>

<!– End Icon –>

<table class=”icon-space” style=”mso-table-lspace:0pt; mso-table-rspace:0pt; margin: 0 auto; border-collaps:collaps;” align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”3″>

<tr>

<td height=”20″>

<p style=”padding-left: 5px; margin:0;”>

</p>

</td>

</tr>

</table>

<!– Start Icon –>

<table class=”icon” style=”mso-table-lspace:0pt; mso-table-rspace:0pt; margin: 0 auto; border-collaps:collaps;” align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”190″>

<tr>

<td align=”center” style=”border:1px solid #fff;padding:2em 0;”>

<img src=”images/6.png” style=”display:block; margin: 0 auto;” alt=” ” width=”64″ height=”64″>

</td>

</tr>

<tr>

<td height=”30″>

</td>

</tr>

<tr>

<td align=”center” style=” text-align: center; font-size:1.5em; font-family:Tahoma,serif; color: #FFFFFF; text-transform:capitalize;”>

<a href=”#” style=”color:#fff;text-decoration:none;”>

nulla pariatur</a>

</td>

</tr>

<tr>

<td height=”20″>

</td>

</tr>

<tr align=”center”>

<td style=”color: #FFFFFF; font-size: 1em;font-family: Candara , serif; font-weight: normal; line-height:1.8em;”>

Duis aute irure dolor in rephenderit in voluptate velit esse cillum dolore.</td>

</tr>

</table>

<!– End Icon –>

<table class=”icon-space” style=”mso-table-lspace:0pt; mso-table-rspace:0pt; margin: 0 auto; border-collaps:collaps;” align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”3″>

<tr>

<td height=”20″>

<p style=”padding-left: 5px; margin:0;”>

</p>

</td>

</tr>

</table>

<!– Start Icon –>

<table class=”icon” style=”mso-table-lspace:0pt; mso-table-rspace:0pt; margin: 0 auto; border-collaps:collaps;” align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”190″>

<tr>

<td align=”center” style=”border:1px solid #fff;padding:2em 0;”>

<img src=”images/7.png” style=”display:block; margin: 0 auto;” alt=” ” width=”64″ height=”64″>

</td>

</tr>

<tr>

<td height=”30″>

</td>

</tr>

<tr>

<td align=”center” style=” text-align: center; font-size:1.5em; font-family:Tahoma,serif; color: #FFFFFF; text-transform:capitalize;”>

<a href=”#” style=”color:#fff;text-decoration:none;”>

nulla pariatur</a>

</td>

</tr>

<tr>

<td height=”20″>

</td>

</tr>

<tr align=”center”>

<td style=”color: #FFFFFF; font-size: 1em;font-family: Candara , serif; font-weight: normal; line-height:1.8em;”>

Duis aute irure dolor in rephenderit in voluptate velit esse cillum dolore.</td>

</tr>

</table>

<!– End Icon –>

</td>

</tr>

<tr>

<td height=”30″>

</td>

</tr>

</table>

</td>

</tr>

<!– //serives –>

<!– testimonials –>

<tr bgcolor=”e5eaf7″>

<td>

<table border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td height=”50″>

</td>

</tr>

<tr>

<td>

<table align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-size:2em;color:#D08224;font-family: Tahoma,serif;text-align:center;”>

Testimonials</td>

</tr>

<tr class=”ds-remove” >

<td align=”center”>

<table width=”80″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ style=””>

<tr>

<td align=”center” width=”80″ height=”10″ style=”border-bottom: 1px solid #eabb63; line-height:0; font-size: 0;”>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”20″>

&nbsp;&nbsp;</td>

</tr>

<tr>

<td style=”font-size:1em;color:#999;font-family: Tahoma,serif;text-align:center;”>

Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”30″>

</td>

</tr>

<tr>

<td>

<table align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<table width=”260″ align=”left” cellpadding=”0″ cellspacing=”0″>

<td>

<tr>

<td style=”font-size:1em; color:#999;font-family: Tahoma,serif;line-height:1.8em;background:url(images/8.png) no-repeat 0px 0px; display:block;padding-left:2.5em;”>

To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it.</td>

</tr>

</td>

</table>

<table width=”30″ align=”left” cellpadding=”0″ cellspacing=”0″>

<tr>

<td width=”30″ height=”10″ align=”center”>

</td>

</tr>

</table>

<table width=”260″ align=”left” cellpadding=”0″ cellspacing=”0″>

<td>

<tr>

<td style=”font-size:1em; color:#999;font-family: Tahoma,serif;line-height:1.8em;background:url(images/8.png) no-repeat 0px 0px; display:block;padding-left:2.5em;”>

To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it.</td>

</tr>

</td>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″>

</td>

</tr>

</table>

</td>

</tr>

<!– //testimonials –>

<!– testimonials-bottom –>

<tr style=”background:url(images/7.jpg) no-repeat 0px 0px; background-size:cover;” height=”400″>

<td>

<table width=”580″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td height=”30″>

</td>

</tr>

<tr>

<td>

<table width=”300″ bgcolor=”FFFFFF” border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″ style=”padding:2em;border:4px solid #FFFFFF;”>

<tr>

<td style=”font-size:1.5em; color:#D08224; font-family: Tahoma,serif;”>

Upto <span style=”font-size:2em;”>

75%</span>

For Sale
</td>

</tr>

<tr>

<td style=”font-size:1.1em; color:#9DAFDD; font-family: Tahoma,serif;line-height:1.8em;”>

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!– testimonials-bottom –>

<!– pricing –>

<tr bgcolor=”FFFFFF”>

<td>

<table border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td height=”50″>

</td>

</tr>

<tr>

<td>

<table align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-size:2em;color:#ABABAB;font-family: Tahoma,serif;text-align:center;”>

<span style=”color:#D08224;”>

Price</span>

Details</td>

</tr>

<tr class=”ds-remove” >

<td align=”center”>

<table width=”80″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ style=””>

<tr>

<td align=”center” width=”80″ height=”10″ style=”border-bottom: 1px solid #eabb63; line-height:0; font-size: 0;”>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”20″>

&nbsp;&nbsp;</td>

</tr>

<tr>

<td style=”font-size:1em;color:#999;font-family: Tahoma,serif;text-align:center;”>

Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”30″>

</td>

</tr>

<tr>

<td>

<table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td>

<!– col 1 –>

<table class=”centeredBoxWrap” width=”230″ align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align: center;”>

<tr>

<td bgcolor=”af936c”>

<table align=”center” cellspacing=”0″ cellpadding=”20″>

<tr>

<td>

<table width=”100%” cellspacing=”0″ cellpadding=”0″>

<!– spacer –>

<tr>

<td width=”100%” height=”5″>

</td>

</tr>

<tr>

<td class=”Text_H4″width=”100%” style=”text-align: center;font-family:Tahoma,serif; font-size: 2em; letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: capitalize;color: #FFFFFF;line-height:1.8em;”>

<span>

Basic Plan
</span>

</td>

</tr>

<!– title –>

<tr>

<td class=”Text_H1″width=”100%” style=”text-align: center;font-family:Tahoma,serif;font-size: 1.5em;letter-spacing: 0px;font-weight: 300;font-style: normal;text-decoration: none;text-transform: capitalize;color: #DCCFBD;line-height: 160%;” mc:edit=”Text_H17″>

<span>

120$
</span>

</td>

</tr>

<!– text –>

<tr>

<td class=”Text_H3″width=”100%” style=”text-align: center;font-family:Tahoma,serif;font-size: 1em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: none;color:#8A4F09;line-height: 160%;” mc:edit=”Text_H4152″>

<span>

per month
</span>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<tr>

<td width=”100%” height=”1″ bgcolor=”#ebebeb” style=”font-size: 1px; line-height: 1px;”>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– text –>

<tr>

<td class=”Text_H3″width=”100%” style=”text-align: center;font-family:Tahoma,serif;font-size: 1em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: none;color:#E8DDC0;line-height: 160%;” mc:edit=”Text_H374″>

<span>

One Day – – – – 10$ /-
</span>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– horizontal divider –>

<tr>

<td width=”100%” height=”1″ bgcolor=”#ebebeb” style=”font-size: 1px; line-height: 1px;”>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– text –>

<tr>

<td class=”Text_H3″width=”100%” style=”text-align: center;font-family:Tahoma,serif;font-size: 1em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: none;color:#E8DDC0;line-height: 160%;” mc:edit=”Text_H375″>

<span>

One Week – – – – 80$ /-
</span>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– horizontal divider –>

<tr>

<td width=”100%” height=”1″ bgcolor=”#ebebeb” style=”font-size: 1px; line-height: 1px;”>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– text –>

<tr>

<td class=”Text_H3″width=”100%” style=”text-align: center;font-family: Tahoma,serif;font-size: 1em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: none;color:#E8DDC0;line-height: 160%;” mc:edit=”Text_H376″>

<span>

One Month – – – – 120$ /-
</span>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– horizontal divider –>

<tr>

<td width=”100%” height=”1″ bgcolor=”#ebebeb” style=”font-size: 1px; line-height: 1px;”>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”25″>

</td>

</tr>

<!– link –>

<tr>

<td class=”Text_H4″ width=”100%” style=”text-align: center;font-family: Tahoma,serif;font-size: 1.3em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: capitalize;color: #FFFFFF;line-height: 180%;”>

<span>

<a href=”#” style=”color: #FFFFFF;text-decoration: none;”>

More Info …</a>

</span>

</td>

</tr>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

<!– Space –>

<table class=”boxWrap” width=”50″ align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align: center;”>

<tr>

<td width=”50″ height=”25″>

</td>

</tr>

</table>

<!– col 2 –>

<table class=”centeredBoxWrap” width=”230″ align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align: center;”>

<tr>

<td bgcolor=”af936c”>

<table align=”center” cellspacing=”0″ cellpadding=”20″>

<tr>

<td>

<table width=”100%” cellspacing=”0″ cellpadding=”0″>

<!– spacer –>

<tr>

<td width=”100%” height=”5″>

</td>

</tr>

<tr>

<td class=”Text_H4″width=”100%” style=”text-align: center;font-family:Tahoma,serif; font-size: 2em; letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: capitalize;color: #FFFFFF;line-height:1.8em;”>

<span>

Premium Plan
</span>

</td>

</tr>

<!– title –>

<tr>

<td class=”Text_H1″width=”100%” style=”text-align: center;font-family:Tahoma,serif;font-size: 1.5em;letter-spacing: 0px;font-weight: 300;font-style: normal;text-decoration: none;text-transform: capitalize;color:#DCCFBD;line-height: 160%;” mc:edit=”Text_H17″>

<span>

180$
</span>

</td>

</tr>

<!– text –>

<tr>

<td class=”Text_H3″width=”100%” style=”text-align: center;font-family:Tahoma,serif;font-size: 1em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: none;color:#8A4F09;line-height: 160%;” mc:edit=”Text_H4152″>

<span>

per month
</span>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<tr>

<td width=”100%” height=”1″ bgcolor=”#ebebeb” style=”font-size: 1px; line-height: 1px;”>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– text –>

<tr>

<td class=”Text_H3″width=”100%” style=”text-align: center;font-family:Tahoma,serif;font-size: 1em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: none;color: #E8DDC0;line-height: 160%;” mc:edit=”Text_H374″>

<span>

One Day – – – – 50$ /-
</span>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– horizontal divider –>

<tr>

<td width=”100%” height=”1″ bgcolor=”#ebebeb” style=”font-size: 1px; line-height: 1px;”>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– text –>

<tr>

<td class=”Text_H3″width=”100%” style=”text-align: center;font-family:Tahoma,serif;font-size: 1em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: none;color: #E8DDC0;line-height: 160%;” mc:edit=”Text_H375″>

<span>

One Week – – – – 120$ /-
</span>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– horizontal divider –>

<tr>

<td width=”100%” height=”1″ bgcolor=”#ebebeb” style=”font-size: 1px; line-height: 1px;”>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– text –>

<tr>

<td class=”Text_H3″width=”100%” style=”text-align: center;font-family: Tahoma,serif;font-size: 1em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: none;color: #E8DDC0;line-height: 160%;” mc:edit=”Text_H376″>

<span>

One Month – – – – 180$ /-
</span>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

<!– horizontal divider –>

<tr>

<td width=”100%” height=”1″ bgcolor=”#ebebeb” style=”font-size: 1px; line-height: 1px;”>

</td>

</tr>

<!– spacer –>

<tr>

<td width=”100%” height=”25″>

</td>

</tr>

<!– link –>

<tr>

<td class=”Text_H4″ width=”100%” style=”text-align: center;font-family: Tahoma,serif;font-size: 1.3em;letter-spacing: 0px;font-weight: 400;font-style: normal;text-decoration: none;text-transform: capitalize;color: #FFFFFF;line-height: 180%;”>

<span>

<a href=”#” style=”color: #FFFFFF;text-decoration: none;”>

More Info …</a>

</span>

</td>

</tr>

<tr>

<td width=”100%” height=”15″>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″>

</td>

</tr>

</table>

</td>

</tr>

<!– //pricing –>

<!– team –>

<tr style=”background:url(images/8.jpg) no-repeat 0px 0px;background-size:cover;” height=”500″>

<td>

<table border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td height=”50″>

</td>

</tr>

<tr>

<td>

<table align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-size:2em;color:#FFFFFF;font-family: Tahoma,serif;text-align:center;”>

Meet Our <span style=”color:#D08224;”>

Team</span>

</td>

</tr>

<tr class=”ds-remove” >

<td align=”center”>

<table width=”100″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ style=””>

<tr>

<td align=”center” width=”100″ height=”10″ style=”border-bottom: 1px solid #FFFFFF; line-height:0; font-size: 0;”>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”20″>

&nbsp;&nbsp;</td>

</tr>

<tr>

<td style=”font-size:1em;color:#FFFFFF;font-family: Tahoma,serif;text-align:center;”>

Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”30″>

</td>

</tr>

<tr>

<td>

<table class=”container-middle” width=”580″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td valign=”top”>

<!– START OF LEFT COLUMN–>

<table class=”full” width=”150″ border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;”>

<!– START OF IMAGE–>

<tr class=”ds-remove”>

<td align=”center” style=” padding-bottom: 0; margin: 0; font-weight: normal; font-size:14px ; color:#9a9393; font-family: ”Century Gothic’, sans-serif’, sans-serif; line-height: 23px;”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” contenteditable=”true” class=”tea14-content-editable”>

<img src=”images/9.jpg” alt=” ” width=”180″ height=”150″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

</tr>

<!– END OF IMAGE–>

<!– START OF SOCIAL LINKS–>

<tr class=”ds-remove”>

<td align=”center” bgcolor=”D08224″ style=”padding: 10px;”>

<table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<!– START OF FACEBOOK–>

<td width=”40″ align=”left” valign=”top”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” class=”tea14-content-editable”>

<img src=”images/3.png” alt=”” width=”32″ height=”32″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

<!– END OF FACEBOOK–>

<!– START OF INSTAGRAM–>

<td width=”40″ align=”center” valign=”top”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” class=”tea14-content-editable”>

<img src=”images/4.png” alt=”” width=”32″ height=”32″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

<!– END OF INSTAGRAM–>

</tr>

</table>

</td>

</tr>

<!– END OF SOCIAL LINKS–>

<!– START OF TEXT BOX–>

<tr class=”ds-remove” data-remove=”ds-remove-50″>

<td style=”border-top:none !important;border:1px solid #FFFFFF; padding: 20px;”>

<table width=”100%” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<!– START OF HEADING–>

<tr>

<td align=”center” valign=”top” style=”margin: 0; padding-bottom: 5px; font-size:18px ; font-weight: normal; color:#FFFFFF; font-family: Tahoma,serif; line-height: 28px; mso-line-height-rule: exactly;”>

<span>

<a href=”#” style=”text-decoration: none; font-style: normal; font-weight: normal; color:#FFFFFF;” class=”tea14-content-editable”>

Paul – Farmer
</a>

</span>

</td>

</tr>

<!– END OF HEADING–>

<!– START OF TEXT–>

<tr>

<td align=”center” valign=”top” style=”margin: 0; padding-bottom: 0; font-size:1em ; font-weight: normal; color:#FFFFFF; font-family: Tahoma,serif; line-height: 24px;”>

<span class=”tea14-content-editable”>

Duis aute irure dolor in rephenderit in voluptate velit.
</span>

</td>

</tr>

<!– END OF TEXT–>

</table>

</td>

</tr>

<!– END OF TEXT BOX–>

</table>

<!– END OF LEFT COLUMN–>

<!– START OF SPACER–>

<table width=”20″ border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;”>

<tr>

<td width=”20″ height=”20″ style=”line-height:0;”>

&nbsp;
</td>

</tr>

</table>

<!– START OF SPACER–>

<!– START OF MIDDLE COLUMN–>

<table class=”full” width=”150″ border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;”>

<!– START OF IMAGE–>

<tr class=”ds-remove”>

<td align=”center” style=” padding-bottom: 0; margin: 0; font-weight: normal; font-size:14px ; color:#9a9393; font-family: ”Century Gothic’, sans-serif’, sans-serif; line-height: 23px;”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” contenteditable=”true” class=”tea14-content-editable”>

<img src=”images/10.jpg” alt=” ” width=”180″ height=”150″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

</tr>

<!– END OF IMAGE–>

<!– START OF SOCIAL LINKS–>

<tr class=”ds-remove”>

<td align=”center” bgcolor=”D08224″ style=”padding: 10px;”>

<table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<!– START OF FACEBOOK–>

<td width=”40″ align=”left” valign=”top”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” class=”tea14-content-editable”>

<img src=”images/3.png” alt=”” width=”32″ height=”32″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

<!– END OF FACEBOOK–>

<!– START OF INSTAGRAM–>

<td width=”40″ align=”center” valign=”top”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” class=”tea14-content-editable”>

<img src=”images/4.png” alt=”” width=”32″ height=”32″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

<!– END OF INSTAGRAM–>

</tr>

</table>

</td>

</tr>

<!– END OF SOCIAL LINKS–>

<!– START OF TEXT BOX–>

<tr class=”ds-remove” data-remove=”ds-remove-50″>

<td style=”border: 1px solid #FFFFFF;border-top:none !important; padding: 20px;”>

<table width=”100%” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<!– START OF HEADING–>

<tr>

<td align=”center” valign=”top” style=”margin: 0; padding-bottom: 5px; font-size:18px ; font-weight: normal; color:#FFFFFF; font-family: Tahoma,serif; line-height: 28px; mso-line-height-rule: exactly;”>

<span>

<a href=”#” style=”text-decoration: none; font-style: normal; font-weight: normal; color:#FFFFFF;” contenteditable=”true” class=”tea14-content-editable”>

Smith – Farmer
</a>

</span>

</td>

</tr>

<!– END OF HEADING–>

<!– START OF TEXT–>

<tr>

<td align=”center” valign=”top” style=”margin: 0; padding-bottom: 0; font-size:1em ; font-weight: normal; color:#FFFFFF; font-family: Tahoma,serif; line-height: 24px;”>

<span contenteditable=”true” class=”tea14-content-editable”>

Duis aute irure dolor in rephenderit in voluptate velit.
</span>

</td>

</tr>

<!– END OF TEXT–>

</table>

</td>

</tr>

<!– END OF TEXT BOX–>

</table>

<!– END OF MIDDLE COLUMN–>

<!– START OF SPACER–>

<table width=”20″ border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;”>

<tr>

<td width=”20″ height=”20″ style=”line-height:0;”>

&nbsp;
</td>

</tr>

</table>

<!– START OF SPACER–>

<!– START OF RIGHT COLUMN–>

<table class=”full” width=”150″ border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;”>

<!– START OF IMAGE–>

<tr class=”ds-remove”>

<td align=”center” style=” padding-bottom: 0; margin: 0; font-weight: normal; font-size:14px ; color:#9a9393; font-family: ”Century Gothic’, sans-serif’, sans-serif; line-height: 23px;”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” contenteditable=”true” class=”tea14-content-editable”>

<img src=”images/11.jpg” alt=” ” width=”180″ height=”150″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

</tr>

<!– END OF IMAGE–>

<!– START OF SOCIAL LINKS–>

<tr class=”ds-remove”>

<td align=”center” bgcolor=”D08224″ style=”padding: 10px;”>

<table border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<!– START OF FACEBOOK–>

<td width=”40″ align=”left” valign=”top”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” class=”tea14-content-editable”>

<img src=”images/3.png” alt=”” width=”32″ height=”32″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

<!– END OF FACEBOOK–>

<!– START OF INSTAGRAM–>

<td width=”40″ align=”center” valign=”top”>

<span>

<a href=”#” style=”color:#9a9393; font-weight: normal; text-decoration: none;” class=”tea14-content-editable”>

<img src=”images/4.png” alt=”” width=”32″ height=”32″ border=”0″ style=”display: block;”>

</a>

</span>

</td>

<!– END OF INSTAGRAM–>

</tr>

</table>

</td>

</tr>

<!– END OF SOCIAL LINKS–>

<!– START OF TEXT BOX–>

<tr class=”ds-remove” data-remove=”ds-remove-50″>

<td style=”border: 1px solid #FFFFFF;border-top:none !important; padding: 20px;”>

<table width=”100%” border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>

<!– START OF HEADING–>

<tr>

<td align=”center” valign=”top” style=”margin: 0; padding-bottom: 5px; font-size:18px ; font-weight: normal; color:#FFFFFF; font-family: Tahoma,serif; line-height: 28px; mso-line-height-rule: exactly;”>

<span>

<a href=”#” style=”text-decoration: none; font-style: normal; font-weight: normal; color:#FFFFFF;” contenteditable=”true” class=”tea14-content-editable”>

James – Farmer
</a>

</span>

</td>

</tr>

<!– END OF HEADING–>

<!– START OF TEXT–>

<tr>

<td align=”center” valign=”top” style=”margin: 0; padding-bottom: 0; font-size:1em ; font-weight: normal; color:#FFFFFF; font-family: Tahoma,serif; line-height: 24px;”>

<span contenteditable=”true” class=”tea14-content-editable”>

Duis aute irure dolor in rephenderit in voluptate velit.
</span>

</td>

</tr>

<!– END OF TEXT–>

</table>

</td>

</tr>

<!– END OF TEXT BOX–>

</table>

<!– END OF RIGHT COLUMN–>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″>

</td>

</tr>

</table>

</td>

</tr>

<!– //team –>

<!– gallery –>

<tr>

<td>

<table border=”0″ width=”580″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container-middle”>

<tr>

<td height=”50″>

</td>

</tr>

<tr>

<td>

<table align=”center” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-size:2em;color:#ABABAB;font-family: Tahoma,serif;text-align:center;”>

Photo <span style=”color:#D08224;”>

Gallery</span>

</td>

</tr>

<tr class=”ds-remove” >

<td align=”center”>

<table width=”100″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ style=””>

<tr>

<td align=”center” width=”100″ height=”10″ style=”border-bottom: 1px solid #D08224; line-height:0; font-size: 0;”>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”20″>

&nbsp;&nbsp;</td>

</tr>

<tr>

<td style=”font-size:1em;color:#999;font-family: Tahoma,serif;text-align:center;”>

Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″>

</td>

</tr>

<tr>

<td>

<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”container-middle” width=”580″>

<tr>

<td>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”290″>

<tr>

<td>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”145″>

<tr>

<td class=”scale-center-both” style=”padding: 0px 0px 0px 0px;”>

<a href=”#”>

<img src=”images/12.jpg” width=”145″ height=”150″ style=”display: block;”>

</td>

</tr>

</table>

<table align=”right” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”145″>

<tr>

<td class=”scale-center-both” style=”padding:1em;font-size:1em; color:#948BD2;font-family: Tahoma,serif;text-align:center;line-height:1.8em;”>

Culpa qui officia deserunt mollit anim id est laborum.
</td>

</tr>

</table>

</td>

</tr>

</table>

<table align=”right” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”290″>

<tr>

<td>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”145″>

<tr>

<td class=”scale-center-both” style=”padding: 0px 0px 0px 0px;”>

<a href=”#”>

<img src=”images/14.jpg” width=”145″ height=”150″ style=”display: block;”>

</td>

</tr>

</table>

<table align=”right” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”145″>

<tr>

<td class=”scale-center-both” style=”padding:1em;font-size:1em; color:#948BD2;font-family: Tahoma,serif;text-align:center;line-height:1.8em;”>

Culpa qui officia deserunt mollit anim id est laborum.
</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”container-middle” width=”580″>

<tr>

<td>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”290″>

<tr>

<td>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”145″>

<tr>

<td class=”scale-center-both” style=”padding:1em;font-size:1em; color:#948BD2;font-family: Tahoma,serif;text-align:center;line-height:1.8em;”>

Culpa qui officia deserunt mollit anim id est laborum.
</td>

</tr>

</table>

<table align=”right” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”145″>

<tr>

<td class=”scale-center-both” style=”padding: 0px 0px 0px 0px;”>

<a href=”#”>

<img src=”images/13.jpg” width=”145″ height=”150″ style=”display: block;”>

</td>

</tr>

</table>

</td>

</tr>

</table>

<table align=”right” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”290″>

<tr>

<td>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”145″>

<tr>

<td class=”scale-center-both” style=”padding:1em;font-size:1em; color:#948BD2;font-family: Tahoma,serif;text-align:center;line-height:1.8em;”>

Culpa qui officia deserunt mollit anim id est laborum.
</td>

</tr>

</table>

<table align=”right” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”145″>

<tr>

<td class=”scale-center-both” style=”padding: 0px 0px 0px 0px;”>

<a href=”#”>

<img src=”images/15.jpg” width=”145″ height=”150″ style=”display: block;”>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″>

</td>

</tr>

</table>

</td>

</tr>

<!– //gallery –>

<!– contact –>

<tr bgcolor=”181818″>

<td>

<table class=”container-middle” width=”580″ align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″>

<tr>

<td height=”50″ style=”font-size: 1px; line-height: 50px;”>

&nbsp;</td>

</tr>

<tr>

<td>

<table class=”twelve” width=”270″ align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;”>

<tr>

<td align=”center” style=”line-height: 0px;”>

<table class=”twelve” border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″>

<tr>

<td height=”4″>

</td>

</tr>

<tr>

<td align=”center” style=”font-family: Tahoma,serif; font-size:1.5em; color:#FFFFFF; display:block;”>

Flickr
</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”30″ style=”font-size: 1px; line-height: 15px;”>

&nbsp;</td>

</tr>

<tr>

<td style=”font-family: Tahoma,serif; font-size: 1em; color: #999999; line-height: 1.8em;”>

<table width=”270″ align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale”>

<tr>

<td>

<table align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”135″>

<tr>

<td class=”scale-center-both”>

<td class=”scale-center-both” style=”padding: 0px 0px 0px 0px;”>

<a href=”#”>

<img src=”images/16.jpg” width=”135″ height=”135″ style=”display: block;”>

</td>

</td>

</tr>

</table>

<table align=”right” border=”0″ cellpadding=”0″ cellspacing=”0″ class=”scale” width=”135″>

<tr>

<td class=”scale-center-both” style=”padding: 0px 0px 0px 0px;”>

<a href=”#”>

<img src=”images/17.jpg” width=”135″ height=”135″ style=”display: block;”>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”24″ style=”font-size: 1px; line-height: 24;”>

&nbsp;</td>

</tr>

</table>

<!– SPACE –>

<table class=”twelve” width=”1″ align=”left” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;”>

<tr>

<td width=”1″ height=”40″ style=”font-size: 40px; line-height: 40px;”>

</td>

</tr>

</table>

<!– END SPACE –>

<table class=”twelve” width=”250″ align=”right” border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;”>

<tr>

<td style=”font-family: Tahoma,serif; font-size:1.5em; color:#FFFFFF;”>

<!– Edit Title–>

Contact Us
</td>

</tr>

<tr>

<td height=”15″ style=”font-size: 1px; line-height: 15px;”>

&nbsp;</td>

</tr>

<tr>

<td style=”font-family: Tahoma,serif; font-size: 1em; color: #ffffff; line-height:2em;”>

<!– Edit Text –>

Address :
</td>

</tr>

<tr>

<td style=”font-family: Tahoma,serif; font-size: 1em; color: #999999; line-height:2em;”>

<!– Edit Text –>

75/4 Square Avenue, New York,
</td>

</tr>

<tr>

<td style=”font-family: Tahoma,serif; font-size: 1em; color: #999999; line-height:2em;”>

<!– Edit Text –>

Japan
</td>

</tr>

<tr>

<td style=”font-family: Tahoma,serif; font-size: 1em; color: #ffffff; line-height:2em;”>

<!– Edit Text –>

Email :
</td>

</tr>

<tr>

<td style=”font-family: Tahoma,serif; font-size: 1em; color: #999999;line-height:2em;”>

<a href=”mailto:info@example.com” style=”color: #999999;text-decoration:none;”>

<!– Edit Text –>

info@example.com
</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”50″ style=”font-size: 1px; line-height: 50px;”>

&nbsp;</td>

</tr>

</table>

</td>

</tr>

<tr>

<td align=”center” bgcolor=”#202020″>

<table width=”560″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”container”>

<tr>

<td height=”10″ style=”font-size: 1px; line-height: 10px;”>

&nbsp;</td>

</tr>

<tr>

<td>

<table class=”twelve” width=”350″ border=”0″ align=”left” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-family: Tahoma,serif; font-size: 1em; color: #999999; line-height: 24px;”class=”editable”>

<!– Edit Copyright Text –>

© 2016 Bio Products. Design by <a href=”http://w3layouts.com/” style=”color: #fff; text-decoration:none;”>

W3layouts.</a>

</td>

</tr>

</table>

<!– SPACE –>

<table width=”1″ height=”10″ border=”0″ cellpadding=”0″ cellspacing=”0″ align=”left”>

<tr>

<td height=”10″ style=”font-size: 0;line-height: 0;border-collapse: collapse;padding-left: 24px;”>

&nbsp;
</td>

</tr>

</table>

<!– END SPACE –>

<table class=”twelve” width=”180″ border=”0″ align=”right” cellpadding=”0″ cellspacing=”0″>

<tr>

<td style=”font-family: Tahoma,serif; font-size: 1em; color: #999999; line-height: 24px;”>

<!– Place URL to Web Version–>

<a href=”#” style=”color:#999999;text-decoration:none;”>

<!– Change Text –>

webversion
</a>

<span>

&nbsp;&nbsp;|&nbsp;&nbsp;</span>

<!– Place URL to Web Version–>

<a href=”#” style=”color:#999999;text-decoration:none;”>

<!– Change Text –>

unsubscribe
</a>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height=”10″ style=”font-size: 1px; line-height: 10px;”>

&nbsp;</td>

</tr>

</table>

</td>

</tr>

<!– //contact –>

</table>

<tr>

<td height=”35″>

</td>

</tr>

</td>

</tr>

</table>

</body>

</html>

1.《棕色农产品价格网站HTML静态源码下载》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《棕色农产品价格网站HTML静态源码下载》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/html/1455.html