1106 lines
49 KiB
HTML
1106 lines
49 KiB
HTML
|
|
<!-- Header Container -->
|
|
<header id="header" class="variantleft type_7">
|
|
|
|
<!-- Header Top -->
|
|
<div class="header-top compact-hidden">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="header-top-left form-inline col-sm-5 col-xs-12 compact-hidden">
|
|
<div class="form-group languages-block ">
|
|
<form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
|
|
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
|
|
<img src="image/demo/flags/gb.png" alt="English" title="English">
|
|
<span class="">English</span>
|
|
<span class="fa fa-angle-down"></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="index.html"><img class="image_flag" src="image/demo/flags/gb.png" alt="English" title="English" /> English </a></li>
|
|
<li> <a href="index.html"> <img class="image_flag" src="image/demo/flags/lb.png" alt="Arabic" title="Arabic" /> Arabic </a> </li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="form-group currencies-block">
|
|
<form action="index.html" method="post" enctype="multipart/form-data" id="currency">
|
|
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
|
|
<span class="icon icon-credit "></span> US Dollar <span class="fa fa-angle-down"></span>
|
|
</a>
|
|
<ul class="dropdown-menu btn-xs">
|
|
<li> <a href="#">(€) Euro</a></li>
|
|
<li> <a href="#">(£) Pounds </a></li>
|
|
<li> <a href="#">($) US Dollar </a></li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="header-top-right collapsed-block text-right col-sm-7 col-xs-12 compact-hidden">
|
|
<h5 class="tabBlockTitle visible-xs">More<a class="expander " href="#TabBlock-1"><i class="fa fa-angle-down"></i></a></h5>
|
|
<div class="tabBlock" id="TabBlock-1">
|
|
<ul class="top-link list-inline">
|
|
<li class="account" id="my_account"><a href="my-account.html" title="My Account" class="btn btn-xs dropdown-toggle" > <i class="fa fa-user" ></i> My Account </a></li>
|
|
<li class="wishlist"><a href="wishlist.html" class="top-link-wishlist" title="wishlist"><i class="fa fa-heart" ></i> My Wish List</a></li>
|
|
<li class="checkout"><a href="checkout.html" class="top-link-checkout" title="Checkout"><i class="fa fa-check-square-o" ></i> Checkout</a></li>
|
|
<li class="signin"><a href="login.html" class="top-link-checkout" title="login"><i class="fa fa-lock" ></i> Sign In</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Header Top -->
|
|
|
|
<!-- Header center -->
|
|
<div class="header-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- Logo -->
|
|
<div class="navbar-logo col-md-3 col-sm-12 col-xs-12">
|
|
<a href="index.html"><img src="image/demo/logos/logo.png" title="Your Store" alt="Your Store"></a>
|
|
</div>
|
|
<!-- //end Logo -->
|
|
|
|
<!-- Search -->
|
|
<div id="sosearchpro" class="col-md-5 col-sm-7 search-pro">
|
|
<form method="GET" action="index.html">
|
|
<div id="search0" class="search input-group">
|
|
<div class="select_category filter_type icon-select">
|
|
<select class="no-border" name="category_id">
|
|
<option value="0">All Categories</option>
|
|
<option value="78">Apparel</option>
|
|
<option value="77">Cables & Connectors</option>
|
|
<option value="82">Cameras & Photo</option>
|
|
<option value="80">Flashlights & Lamps</option>
|
|
<option value="81">Mobile Accessories</option>
|
|
<option value="79">Video Games</option>
|
|
<option value="20">Jewelry & Watches</option>
|
|
<option value="76"> Earings</option>
|
|
<option value="26"> Wedding Rings</option>
|
|
<option value="27"> Men Watches</option>
|
|
</select>
|
|
</div>
|
|
|
|
<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="Enter keywords to search..." name="search">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>
|
|
</span>
|
|
</div>
|
|
<input type="hidden" name="route" value="product/search">
|
|
</form>
|
|
</div>
|
|
<!-- //Search -->
|
|
|
|
<!-- Main Menu -->
|
|
<div class="phone-contact col-md-2 hidden-md hidden-sm hidden-xs">
|
|
<div class="inner-info">
|
|
<strong>Call us Now:</strong><br>
|
|
<span>Toll free: 0123-456-789</span>
|
|
</div>
|
|
</div>
|
|
<!-- //Main Menu -->
|
|
|
|
<!-- Shopping Cart -->
|
|
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 shopping_cart pull-right">
|
|
<!--cart-->
|
|
<div id="cart" class="btn-group btn-shopping-cart">
|
|
<a data-loading-text="Loading..." class="top_cart dropdown-toggle" data-toggle="dropdown">
|
|
<div class="shopcart">
|
|
<span class="handle pull-left"></span>
|
|
<span class="title">Shopping Cart</span>
|
|
<p class="text-shopping-cart cart-total-full">2 item(s) - $1,262.00 </p>
|
|
</div>
|
|
</a>
|
|
|
|
<ul class="tab-content content dropdown-menu pull-right shoppingcart-box" role="menu">
|
|
<li>
|
|
<table class="table table-striped">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-center" style="width:70px">
|
|
<a href="product.html"> <img src="image/demo/shop/product/resize/2.jpg" style="width:70px" alt="Filet Mign" title="Filet Mign" class="preview"> </a>
|
|
</td>
|
|
<td class="text-left"> <a class="cart_product_name" href="product.html">Filet Mign</a> </td>
|
|
<td class="text-center"> x1 </td>
|
|
<td class="text-center"> $1,202.00 </td>
|
|
<td class="text-right">
|
|
<a href="product.html" class="fa fa-edit"></a>
|
|
</td>
|
|
<td class="text-right">
|
|
<a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center" style="width:70px">
|
|
<a href="product.html"> <img src="image/demo/shop/product/resize/3.jpg" style="width:70px" alt="Canon EOS 5D" title="Canon EOS 5D" class="preview"> </a>
|
|
</td>
|
|
<td class="text-left"> <a class="cart_product_name" href="product.html">Canon EOS 5D</a> </td>
|
|
<td class="text-center"> x1 </td>
|
|
<td class="text-center"> $60.00 </td>
|
|
<td class="text-right">
|
|
<a href="product.html" class="fa fa-edit"></a>
|
|
</td>
|
|
<td class="text-right">
|
|
<a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<table class="table table-bordered">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-left"><strong>Sub-Total</strong>
|
|
</td>
|
|
<td class="text-right">$1,060.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left"><strong>Eco Tax (-2.00)</strong>
|
|
</td>
|
|
<td class="text-right">$2.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left"><strong>VAT (20%)</strong>
|
|
</td>
|
|
<td class="text-right">$200.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left"><strong>Total</strong>
|
|
</td>
|
|
<td class="text-right">$1,262.00</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p class="text-right"> <a class="btn view-cart" href="cart.html"><i class="fa fa-shopping-cart"></i>View Cart</a> <a class="btn btn-mega checkout-cart" href="checkout.html"><i class="fa fa-share"></i>Checkout</a> </p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!--//cart-->
|
|
</div>
|
|
<!-- //Shopping Cart -->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- //Header center -->
|
|
|
|
<!-- Header Bottom -->
|
|
<div class="header-bottom">
|
|
<div class="container">
|
|
<div class="header-bottom__content">
|
|
<div class="row">
|
|
<!-- Sidebar menu -->
|
|
<div class="sidebar-menu col-md-3 col-sm-6 col-xs-12 ">
|
|
<div class="responsive so-megamenu ">
|
|
<div class="so-vertical-menu no-gutter compact-hidden">
|
|
<nav class="navbar-default">
|
|
<div class="container-megamenu vertical">
|
|
<div id="menuHeading">
|
|
<div class="megamenuToogle-wrapper">
|
|
<div class="megamenuToogle-pattern">
|
|
<div class="container">
|
|
<div>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
All Categories
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="navbar-header">
|
|
<button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle fa fa-list-alt">
|
|
|
|
</button>
|
|
All Categories
|
|
</div>
|
|
<div class="vertical-wrapper" style="display: none;">
|
|
<span id="remove-verticalmenu" class="fa fa-times"></span>
|
|
<div class="megamenu-pattern">
|
|
<div class="container">
|
|
<ul class="megamenu">
|
|
<li class="item-vertical style1 with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/9.png" alt="icon">
|
|
<span>Automotive & Motocrycle</span>
|
|
<b class="caret"></b>
|
|
</a>
|
|
<div class="sub-menu" data-subwidth="100" style="width: 900px; display: none; right: 0px;">
|
|
<div class="content" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="row">
|
|
<div class="col-md-4 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Apparel</a>
|
|
<ul>
|
|
<li><a href="#">Accessories for Tablet PC</a></li>
|
|
<li><a href="#">Accessories for i Pad</a></li>
|
|
<li><a href="#">Accessories for iPhone</a></li>
|
|
<li><a href="#">Bags, Holiday Supplies</a></li>
|
|
<li><a href="#">Car Alarms and Security</a></li>
|
|
<li><a href="#">Car Audio & Speakers</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Cables & Connectors</a>
|
|
<ul>
|
|
<li><a href="#">Cameras & Photo</a></li>
|
|
<li><a href="#">Electronics</a></li>
|
|
<li><a href="#">Outdoor & Traveling</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Camping & Hiking</a>
|
|
<ul>
|
|
<li><a href="#">Earings</a></li>
|
|
<li><a href="#">Shaving & Hair Removal</a></li>
|
|
<li><a href="#">Salon & Spa Equipment</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Smartphone & Tablets</a>
|
|
<ul>
|
|
<li><a href="#">Sports & Outdoors</a></li>
|
|
<li><a href="#">Bath & Body</a></li>
|
|
<li><a href="#">Gadgets & Auto Parts</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Bags, Holiday Supplies</a>
|
|
<ul>
|
|
<li><a href="#" onclick="window.location = '18_46';">Battereries & Chargers</a></li>
|
|
<li><a href="#" onclick="window.location = '24_64';">Bath & Body</a></li>
|
|
<li><a href="#" onclick="window.location = '18_45';">Headphones, Headsets</a></li>
|
|
<li><a href="#" onclick="window.location = '18_30';">Home Audio</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/10.png" alt="icon">
|
|
<span>Electronic</span>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<span class="label"></span>
|
|
<img src="image/theme/icons/3.png" alt="icon">
|
|
<span>Sports & Outdoors</span>
|
|
<b class="caret"></b>
|
|
</a>
|
|
<div class="sub-menu" data-subwidth="60" style="width: 540px; display: none; right: 0px;">
|
|
<div class="content" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="row">
|
|
<div class="col-md-12 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" onclick="window.location = '81';" class="main-menu">Mobile Accessories</a>
|
|
<ul>
|
|
<li><a href="#" onclick="window.location = '33_63';">Gadgets & Auto Parts</a></li>
|
|
<li><a href="#" onclick="window.location = '24_64';">Bath & Body</a></li>
|
|
<li><a href="#" onclick="window.location = '17';">Bags, Holiday Supplies</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" onclick="window.location = '18_46';" class="main-menu">Battereries & Chargers</a>
|
|
<ul>
|
|
<li><a href="#" onclick="window.location = '25_28';">Outdoor & Traveling</a></li>
|
|
<li><a href="#" onclick="window.location = '80';">Flashlights & Lamps</a></li>
|
|
<li><a href="#" onclick="window.location = '24_66';">Fragrances</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" onclick="window.location = '25_31';" class="main-menu">Fishing</a>
|
|
<ul>
|
|
<li><a href="#" onclick="window.location = '57_73';">FPV System & Parts</a></li>
|
|
<li><a href="#" onclick="window.location = '18';">Electronics</a></li>
|
|
<li><a href="#" onclick="window.location = '20_76';">Earings</a></li>
|
|
<li><a href="#" onclick="window.location = '33_60';">More Car Accessories</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="row banner">
|
|
<a href="#">
|
|
<img src="image/demo/cms/menu_bg2.jpg" alt="banner1">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="item-vertical with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/2.png" alt="icon">
|
|
<span>Health & Beauty</span>
|
|
<b class="caret"></b>
|
|
</a>
|
|
<div class="sub-menu" data-subwidth="100" style="width: 900px; display: none;">
|
|
<div class="content" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-md-4 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Car Alarms and Security</a>
|
|
<ul>
|
|
<li><a href="#">Car Audio & Speakers</a></li>
|
|
<li><a href="#">Gadgets & Auto Parts</a></li>
|
|
<li><a href="#">Gadgets & Auto Parts</a></li>
|
|
<li><a href="#">Headphones, Headsets</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="24" onclick="window.location = '24';" class="main-menu">Health & Beauty</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Home Audio</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Helicopters & Parts</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Outdoor & Traveling</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Toys & Hobbies</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Electronics</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Earings</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Salon & Spa Equipment</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Shaving & Hair Removal</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Smartphone & Tablets</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Sports & Outdoors</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Flashlights & Lamps</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Fragrances</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Fishing</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">FPV System & Parts</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">More Car Accessories</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Lighter & Cigar Supplies</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Mp3 Players & Accessories</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Men Watches</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Mobile Accessories</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Gadgets & Auto Parts</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Gift & Lifestyle Gadgets</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Gift for Man</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Gift for Woman</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Gift for Woman</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="item-vertical css-menu with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
|
|
<img src="image/theme/icons/2.png" alt="icon">
|
|
<span>Smartphone & Tablets</span>
|
|
<b class="caret"></b>
|
|
</a>
|
|
<div class="sub-menu" data-subwidth="30" style="width: 270px; display: none; right: 0px;">
|
|
<div class="content" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="row">
|
|
<div class="col-sm-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Headphones, Headsets</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Home Audio</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Health & Beauty</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Helicopters & Parts</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Helicopters & Parts</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/11.png" alt="icon">
|
|
<span>Flashlights & Lamps</span>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/4.png" alt="icon">
|
|
<span>Camera & Photo</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/5.png" alt="icon">
|
|
<span>Smartphone & Tablets</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/7.png" alt="icon">
|
|
<span>Outdoor & Traveling Supplies</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical" style="display: none;">
|
|
<p class="close-menu"></p>
|
|
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/6.png" alt="icon">
|
|
<span>Health & Beauty</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/8.png" alt="icon">
|
|
<span>Toys & Hobbies </span>
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/12.png" alt="icon">
|
|
<span>Jewelry & Watches</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/13.png" alt="icon">
|
|
<span>Bags, Holiday Supplies</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-vertical">
|
|
<p class="close-menu"></p>
|
|
|
|
<a href="#" class="clearfix">
|
|
<img src="image/theme/icons/13.png" alt="icon">
|
|
<span>More Car Accessories</span>
|
|
</a>
|
|
</li>
|
|
<li class="loadmore">
|
|
<i class="fa fa-plus-square-o"></i>
|
|
<span class="more-view">More Categories</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Main menu -->
|
|
<div class="megamenu-hori col-md-9 col-sm-6 col-xs-12 ">
|
|
<div class="responsive so-megamenu ">
|
|
<nav class="navbar-default">
|
|
<div class=" container-megamenu horizontal">
|
|
<div class="navbar-header">
|
|
<button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
Navigation
|
|
</div>
|
|
|
|
<div class="megamenu-wrapper">
|
|
<span id="remove-megamenu" class="fa fa-times"></span>
|
|
<div class="megamenu-pattern">
|
|
<div class="container">
|
|
<ul class="megamenu " data-transition="slide" data-animationtime="250">
|
|
<li class="home hover">
|
|
<a href="index.html">Home <b class="caret"></b></a>
|
|
<div class="sub-menu megamenu--container" >
|
|
<div class="content" >
|
|
<div class="row">
|
|
<div class="col-md-15">
|
|
<a href="index.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-1.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - (Default)</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="home2.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-2.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 2</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="home3.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-3.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 3</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="home4.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-4.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 4</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="home5.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-5.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 5</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="home6.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-6.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 6</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="home7.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-7.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 7</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="home8.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-8.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 8</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="html_width_RTL/index.html" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/home-rtl.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout RTL</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-15">
|
|
<a href="#" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="image/demo/feature/comming-soon.png" alt="">
|
|
|
|
</span>
|
|
<h3 class="figcaption">Comming soon</h3>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<strong>Features</strong>
|
|
<img class="label-hot" src="image/theme/icons/hot-icon.png" alt="icon items">
|
|
<b class="caret"></b>
|
|
</a>
|
|
<div class="sub-menu" style="width: 100%; right: auto;">
|
|
<div class="content" >
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="column">
|
|
<a href="#" class="title-submenu">Listing pages</a>
|
|
<div>
|
|
<ul class="row-list">
|
|
<li><a href="category.html">Category Page 1 </a></li>
|
|
<li><a href="category-v2.html">Category Page 2</a></li>
|
|
<li><a href="category-v3.html">Category Page 3</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="column">
|
|
<a href="#" class="title-submenu">Product pages</a>
|
|
<div>
|
|
<ul class="row-list">
|
|
<li><a href="product.html">Image size - big</a></li>
|
|
<li><a href="product-v2.html">Image size - medium</a></li>
|
|
<li><a href="product-v3.html">Image size - small</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="column">
|
|
<a href="#" class="title-submenu">Shopping pages</a>
|
|
<div>
|
|
<ul class="row-list">
|
|
<li><a href="cart.html">Shopping Cart Page</a></li>
|
|
<li><a href="checkout.html">Checkout Page</a></li>
|
|
<li><a href="compare.html">Compare Page</a></li>
|
|
<li><a href="wishlist.html">Wishlist Page</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="column">
|
|
<a href="#" class="title-submenu">My Account pages</a>
|
|
<div>
|
|
<ul class="row-list">
|
|
<li><a href="login.html">Login Page</a></li>
|
|
<li><a href="register.html">Register Page</a></li>
|
|
<li><a href="my-account.html">My Account</a></li>
|
|
<li><a href="order-history.html">Order History</a></li>
|
|
<li><a href="order-information.html">Order Information</a></li>
|
|
<li><a href="return.html">Product Returns</a></li>
|
|
<li><a href="gift-voucher.html">Gift Voucher</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<strong>Pages</strong>
|
|
<img class="label-hot" src="image/theme/icons/hot-icon.png" alt="icon items">
|
|
<b class="caret"></b>
|
|
</a>
|
|
<div class="sub-menu" style="width: 40%; ">
|
|
<div class="content" >
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<ul class="row-list">
|
|
<li><a class="subcategory_item" href="faq.html">FAQ</a></li>
|
|
|
|
<li><a class="subcategory_item" href="sitemap.html">Site Map</a></li>
|
|
<li><a class="subcategory_item" href="contact.html">Contact us</a></li>
|
|
<li><a class="subcategory_item" href="banner-effect.html">Banner Effect</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ul class="row-list">
|
|
<li><a class="subcategory_item" href="about-us.html">About Us 1</a></li>
|
|
<li><a class="subcategory_item" href="about-us-2.html">About Us 2</a></li>
|
|
<li><a class="subcategory_item" href="about-us-3.html">About Us 3</a></li>
|
|
<li><a class="subcategory_item" href="about-us-4.html">About Us 4</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<strong>Categories</strong>
|
|
<span class="label"></span>
|
|
<b class="caret"></b>
|
|
</a>
|
|
<div class="sub-menu" style="width: 100%; display: none;">
|
|
<div class="content">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="row">
|
|
<div class="col-md-3 img img1">
|
|
<a href="#"><img src="image/demo/cms/img1.jpg" alt="banner1"></a>
|
|
</div>
|
|
<div class="col-md-3 img img2">
|
|
<a href="#"><img src="image/demo/cms/img2.jpg" alt="banner2"></a>
|
|
</div>
|
|
<div class="col-md-3 img img3">
|
|
<a href="#"><img src="image/demo/cms/img3.jpg" alt="banner3"></a>
|
|
</div>
|
|
<div class="col-md-3 img img4">
|
|
<a href="#"><img src="image/demo/cms/img4.jpg" alt="banner4"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<a href="#" class="title-submenu">Automotive</a>
|
|
<div class="row">
|
|
<div class="col-md-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="#" class="main-menu">Car Alarms and Security</a></li>
|
|
<li><a href="#" class="main-menu">Car Audio & Speakers</a></li>
|
|
<li><a href="#" class="main-menu">Gadgets & Auto Parts</a></li>
|
|
<li><a href="#" class="main-menu">More Car Accessories</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="#" class="title-submenu">Electronics</a>
|
|
<div class="row">
|
|
<div class="col-md-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="#" class="main-menu">Battereries & Chargers</a></li>
|
|
<li><a href="#" class="main-menu">Headphones, Headsets</a></li>
|
|
<li><a href="#" class="main-menu">Home Audio</a></li>
|
|
<li><a href="#" class="main-menu">Mp3 Players & Accessories</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="#" class="title-submenu">Jewelry & Watches</a>
|
|
<div class="row">
|
|
<div class="col-md-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="#" class="main-menu">Earings</a></li>
|
|
<li><a href="#" class="main-menu">Wedding Rings</a></li>
|
|
<li><a href="#" class="main-menu">Men Watches</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="#" class="title-submenu">Bags, Holiday Supplies</a>
|
|
<div class="row">
|
|
<div class="col-md-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="#" class="main-menu">Gift & Lifestyle Gadgets</a></li>
|
|
<li><a href="#" class="main-menu">Gift for Man</a></li>
|
|
<li><a href="#" class="main-menu">Gift for Woman</a></li>
|
|
<li><a href="#" class="main-menu">Lighter & Cigar Supplies</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<strong>Accessories</strong>
|
|
|
|
<b class="caret"></b>
|
|
</a>
|
|
<div class="sub-menu" style="width: 100%; display: none;">
|
|
<div class="content" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div class="row">
|
|
<div class="col-md-6 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Automotive</a>
|
|
<ul>
|
|
<li><a href="#">Car Alarms and Security</a></li>
|
|
<li><a href="#" >Car Audio & Speakers</a></li>
|
|
<li><a href="3#" >Gadgets & Auto Parts</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Smartphone & Tablets</a>
|
|
<ul>
|
|
<li><a href="#" >Accessories for i Pad</a></li>
|
|
<li><a href="#" >Apparel</a></li>
|
|
<li><a href="#" >Accessories for iPhone</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Sports & Outdoors</a>
|
|
<ul>
|
|
<li><a href="#" >Camping & Hiking</a></li>
|
|
<li><a href="#" >Cameras & Photo</a></li>
|
|
<li><a href="#" >Cables & Connectors</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Electronics</a>
|
|
<ul>
|
|
<li><a href="#" >Battereries & Chargers</a></li>
|
|
<li><a href="#" >Bath & Body</a></li>
|
|
<li><a href="#" >Outdoor & Traveling</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<span class="title-submenu">Bestseller</span>
|
|
<div class="col-sm-12 list-product">
|
|
<div class="product-thumb">
|
|
<div class="image pull-left">
|
|
<a href="#"><img src="image/demo/shop/product/35.jpg" width="80" alt="Filet Mign" title="Filet Mign" class="img-responsive"></a>
|
|
</div>
|
|
<div class="caption">
|
|
<h4><a href="#">Filet Mign</a></h4>
|
|
<div class="rating-box">
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
</div>
|
|
<p class="price">$1,202.00</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 list-product">
|
|
<div class="product-thumb">
|
|
<div class="image pull-left">
|
|
<a href="#"><img src="image/demo/shop/product/W1.jpg" width="80" alt="Dail Lulpa" title="Dail Lulpa" class="img-responsive"></a>
|
|
</div>
|
|
<div class="caption">
|
|
<h4><a href="#">Dail Lulpa</a></h4>
|
|
<div class="rating-box">
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
</div>
|
|
<p class="price">$78.00</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 list-product">
|
|
<div class="product-thumb">
|
|
<div class="image pull-left">
|
|
<a href="#"><img src="image/demo/shop/product/141.jpg" width="80" alt="Canon EOS 5D" title="Canon EOS 5D" class="img-responsive"></a>
|
|
</div>
|
|
<div class="caption">
|
|
<h4><a href="#">Canon EOS 5D</a></h4>
|
|
|
|
<div class="rating-box">
|
|
<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
|
|
</div>
|
|
<p class="price">
|
|
<span class="price-new">$60.00</span>
|
|
<span class="price-old">$145.00</span>
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<p class="close-menu"></p>
|
|
<a href="blog-page.html" class="clearfix">
|
|
<strong>Blog</strong>
|
|
<span class="label"></span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="hidden-md">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix">
|
|
<strong>Buy Theme!</strong>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="pull-right"><a href="#" title="Special Offer!"><strong>Special Offer!</strong></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<!-- //end Main menu -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Navbar switcher -->
|
|
<!-- //end Navbar switcher -->
|
|
</header>
|
|
<!-- //Header Container -->
|
|
|