<!DOCTYPE html>
<html>
<head>
<title>HOME</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="Footgear 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: #333;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
}
html{
width: 100%;
}
.copyrights{
text-indent:-9999px;
height:0;
line-height:0;
font-size:0;
overflow:hidden;
}
table{
font-size: 14px;
border: 0;
}
/* ----------- responsivity ----------- */
@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: 440px !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;}
/*------- prefooter ------*/
.prefooter-header{padding: 0 10px !important; line-height: 24px !important;}
.prefooter-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: 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;}
/*------- prefooter ------*/
.prefooter-header{padding: 0 10px !important;line-height: 28px !important;}
.prefooter-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 bgcolor="#333"><td height="30"></td></tr>
<tr bgcolor="#ffffff">
<!-- main content -->
<table width="800" border="0" cellpadding="0" cellspacing="0" align="center" class="container top-header-left" bgcolor="eeeeee">
<!-- banner -->
<tr>
<td>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="FFFFFF" style="background:url(images/bg.jpg); background-size:cover;" height="440">
<tbody><tr>
<td width="45"></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td height="35"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<th class="stack65" width="200" valign="top" style="margin:0; padding:0; vertical-align:top;"><table width="200" border="0" cellspacing="0" cellpadding="0" align="left" class="box3">
<tbody><tr>
<td class="txtling" style="font-family:Maven Pro; font-size:15px; line-height:20px; color:#3E60B5; text-align:left; font-style:italic;"><em><a href="#" target="_blank" style="color:#fff; text-decoration:none;">Online Version</a></em></td>
</tr>
</tbody></table>
</th>
<th class="stack2" width="250" style="margin:0; padding:0;"><table width="250" border="0" cellspacing="0" cellpadding="0" align="right" class="box4">
<tbody><tr>
<td class="txtling" style="font-family:Maven Pro; font-size:15px; line-height:20px; color:#ffffff; text-align:right; font-style:italic;"><em><span>Call: 012 21 974 765</span></em></td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<table width="400" border="0" align="right" cellpadding="0" cellspacing="0" class="mainContent">
<tr><td height="70"></td></tr>
<tr>
<td><a href="#" style="color:#fff; font-family:Forte;font-size:3.5em; text-decoration:none;">Footgear</a></td>
</tr>
<tr><td height="10"></td></tr>
<tr>
<td style="font-size:1.8em;color:#fff;font-family:Maven Pro;padding-right:1em;">For <span style="color:#fff;font-family:Forte;">Shoes Lovers</span></td>
</tr>
<tr><td height="10"></td></tr>
<tr>
<td style="font-size:1.2em;font-weight:bold;color:#fff;font-family:Maven Pro;padding-right:1em;line-height:1.8em;padding:0 8px 0 0px;">EXTRA 40% OFF ALL SALE STYLES</td>
</tr>
<tr><td height="20"></td></tr>
<tr>
<td align="left" style="font-si