You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
422 lines
16 KiB
HTML
422 lines
16 KiB
HTML
2 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Product</title>
|
||
|
|
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
|
||
|
|
<!--theme-style-->
|
||
|
|
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
|
||
|
|
<!--//theme-style-->
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
|
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
|
||
|
|
<!--fonts-->
|
||
|
|
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
|
||
|
|
<!--//fonts-->
|
||
|
|
<script src="js/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<script src="js/jquery.easydropdown.js"></script>
|
||
|
|
<!--script-->
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!--header-->
|
||
|
|
<div class="header">
|
||
|
|
<div class="top-header">
|
||
|
|
<div class="container">
|
||
|
|
<div class="top-header-left">
|
||
|
|
<ul class="support">
|
||
|
|
<li><a href="#"><label> </label></a></li>
|
||
|
|
<li><a href="#">24x7 live<span class="live"> support</span></a></li>
|
||
|
|
</ul>
|
||
|
|
<ul class="support">
|
||
|
|
<li class="van"><a href="#"><label> </label></a></li>
|
||
|
|
<li><a href="#">Free shipping <span class="live">on order over 500</span></a></li>
|
||
|
|
</ul>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
<div class="top-header-right">
|
||
|
|
<div class="down-top">
|
||
|
|
|
||
|
|
<select tabindex="4" class="dropdown">
|
||
|
|
<option value="" class="label" value="">English</option>
|
||
|
|
<option value="1">Japanese</option>
|
||
|
|
<option value="2">French</option>
|
||
|
|
<option value="3">German</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="down-top top-down">
|
||
|
|
|
||
|
|
<select tabindex="4" class="dropdown ">
|
||
|
|
<option value="" class="label" value="">Currency :USD</option>
|
||
|
|
<option value="1">Dollar</option>
|
||
|
|
<option value="2">Euro</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="bottom-header">
|
||
|
|
<div class="container">
|
||
|
|
<div class="header-bottom-left">
|
||
|
|
<div class="logo">
|
||
|
|
<a href="index.html"><img src="images/logo.png" alt=" " /></a>
|
||
|
|
</div>
|
||
|
|
<div class="search">
|
||
|
|
<input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
|
||
|
|
<input type="submit" value="SEARCH">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
<div class="header-bottom-right">
|
||
|
|
<ul class="men-grid">
|
||
|
|
<li><a href="login.html"><span> </span>YOUR ACCOUNT</a></li>
|
||
|
|
<li class="login"><a href="login.html"><span> </span>LOGIN</a>|</li>
|
||
|
|
<li class="cart"><a href="#"><span> </span>CART</a></li>
|
||
|
|
</ul>
|
||
|
|
<div class="sign-up-right">
|
||
|
|
<a href="register.html">SIGNUP</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!---->
|
||
|
|
<!-- start content -->
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<div class="women-product">
|
||
|
|
<div class=" w_content">
|
||
|
|
<div class="women">
|
||
|
|
<a href="#"><h4>Enthecwear - <span>4449 itemms</span> </h4></a>
|
||
|
|
<ul class="w_nav">
|
||
|
|
<li>Sort : </li>
|
||
|
|
<li><a class="active" href="#">popular</a></li> |
|
||
|
|
<li><a href="#">new </a></li> |
|
||
|
|
<li><a href="#">discount</a></li> |
|
||
|
|
<li><a href="#">price: Low High </a></li>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</ul>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- grids_of_4 -->
|
||
|
|
<div class="grid-product">
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box"><a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic13.jpg" class="img-responsive watch-right" alt=""/>
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box">
|
||
|
|
<a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic2.jpg" class="img-responsive watch-right" alt="" />
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box"><a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic3.jpg" class="img-responsive watch-right" alt="" />
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box"><a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic4.jpg" class="img-responsive watch-right" alt="" />
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box"><a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic6.jpg" class="img-responsive watch-right" alt="" />
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box"><a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic7.jpg" class="img-responsive watch-right" alt="" />
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box"><a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic8.jpg" class="img-responsive watch-right" alt="" />
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box">
|
||
|
|
<a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic11.jpg" class="img-responsive watch-right" alt="" />
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" product-grid">
|
||
|
|
<div class="content_box"><a href="single.html">
|
||
|
|
<div class="left-grid-view grid-view-left">
|
||
|
|
<img src="images/pic12.jpg" class="img-responsive watch-right" alt="" />
|
||
|
|
<div class="mask">
|
||
|
|
<div class="info">Quick View</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<h4><a href="#"> Duis autem</a></h4>
|
||
|
|
<p>It is a long established fact that a reader</p>
|
||
|
|
Rs. 499
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sub-cate">
|
||
|
|
<div class=" top-nav rsidebar span_1_of_left">
|
||
|
|
<h3 class="cate">CATEGORIES</h3>
|
||
|
|
<ul class="menu">
|
||
|
|
<li class="item1"><a href="#">Curabitur sapien<img class="arrow-img" src="images/arrow1.png" alt=""/> </a>
|
||
|
|
<ul class="cute">
|
||
|
|
<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
|
||
|
|
<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
|
||
|
|
<li class="subitem3"><a href="product.html">Automatic Fails </a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="item2"><a href="#">Dignissim purus <img class="arrow-img " src="images/arrow1.png" alt=""/></a>
|
||
|
|
<ul class="cute">
|
||
|
|
<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
|
||
|
|
<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
|
||
|
|
<li class="subitem3"><a href="product.html">Automatic Fails </a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="item3"><a href="#">Ultrices id du<img class="arrow-img img-arrow" src="images/arrow1.png" alt=""/> </a>
|
||
|
|
<ul class="cute">
|
||
|
|
<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
|
||
|
|
<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
|
||
|
|
<li class="subitem3"><a href="product.html">Automatic Fails</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="item4"><a href="#">Cras iacaus rhone <img class="arrow-img img-left-arrow" src="images/arrow1.png" alt=""/></a>
|
||
|
|
<ul class="cute">
|
||
|
|
<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
|
||
|
|
<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
|
||
|
|
<li class="subitem3"><a href="product.html">Automatic Fails </a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<ul class="kid-menu">
|
||
|
|
<li><a href="product.html">Tempus pretium</a></li>
|
||
|
|
<li ><a href="product.html">Dignissim neque</a></li>
|
||
|
|
<li ><a href="product.html">Ornared id aliquet</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<ul class="kid-menu ">
|
||
|
|
<li><a href="product.html">Commodo sit</a></li>
|
||
|
|
<li ><a href="product.html">Urna ac tortor sc</a></li>
|
||
|
|
<li><a href="product.html">Ornared id aliquet</a></li>
|
||
|
|
<li><a href="product.html">Urna ac tortor sc</a></li>
|
||
|
|
<li ><a href="product.html">Eget nisi laoreet</a></li>
|
||
|
|
<li><a href="product.html">Faciisis ornare</a></li>
|
||
|
|
<li class="menu-kid-left"><a href="contact.html">Contact us</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!--initiate accordion-->
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(function() {
|
||
|
|
var menu_ul = $('.menu > li > ul'),
|
||
|
|
menu_a = $('.menu > li > a');
|
||
|
|
menu_ul.hide();
|
||
|
|
menu_a.click(function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
if(!$(this).hasClass('active')) {
|
||
|
|
menu_a.removeClass('active');
|
||
|
|
menu_ul.filter(':visible').slideUp('normal');
|
||
|
|
$(this).addClass('active').next().stop(true,true).slideDown('normal');
|
||
|
|
} else {
|
||
|
|
$(this).removeClass('active');
|
||
|
|
$(this).next().stop(true,true).slideUp('normal');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<div class=" chain-grid menu-chain">
|
||
|
|
<a href="single.html"><img class="img-responsive chain" src="images/wat.jpg" alt=" " /></a>
|
||
|
|
<div class="grid-chain-bottom chain-watch">
|
||
|
|
<span class="actual dolor-left-grid">300$</span>
|
||
|
|
<span class="reducedfrom">500$</span>
|
||
|
|
<h6>Lorem ipsum dolor</h6>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a class="view-all all-product" href="product.html">VIEW ALL PRODUCTS<span> </span></a>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
|
||
|
|
<!---->
|
||
|
|
<div class="footer">
|
||
|
|
<div class="footer-top">
|
||
|
|
<div class="container">
|
||
|
|
<div class="latter">
|
||
|
|
<h6>NEWS-LATTER</h6>
|
||
|
|
<div class="sub-left-right">
|
||
|
|
<form>
|
||
|
|
<input type="text" value="Enter email here"onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter email here';}" />
|
||
|
|
<input type="submit" value="SUBSCRIBE" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
<div class="latter-right">
|
||
|
|
<p>FOLLOW US</p>
|
||
|
|
<ul class="face-in-to">
|
||
|
|
<li><a href="#"><span> </span></a></li>
|
||
|
|
<li><a href="#"><span class="facebook-in"> </span></a></li>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</ul>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="footer-bottom">
|
||
|
|
<div class="container">
|
||
|
|
<div class="footer-bottom-cate">
|
||
|
|
<h6>CATEGORIES</h6>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#">Curabitur sapien</a></li>
|
||
|
|
<li><a href="#">Dignissim purus</a></li>
|
||
|
|
<li><a href="#">Tempus pretium</a></li>
|
||
|
|
<li ><a href="#">Dignissim neque</a></li>
|
||
|
|
<li ><a href="#">Ornared id aliquet</a></li>
|
||
|
|
<li><a href="#">Ultrices id du</a></li>
|
||
|
|
<li><a href="#">Commodo sit</a></li>
|
||
|
|
<li ><a href="#">Urna ac tortor sc</a></li>
|
||
|
|
<li><a href="#">Ornared id aliquet</a></li>
|
||
|
|
<li><a href="#">Urna ac tortor sc</a></li>
|
||
|
|
<li ><a href="#">Eget nisi laoreet</a></li>
|
||
|
|
<li ><a href="#">Faciisis ornare</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="footer-bottom-cate bottom-grid-cat">
|
||
|
|
<h6>FEATURE PROJECTS</h6>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#">Curabitur sapien</a></li>
|
||
|
|
<li><a href="#">Dignissim purus</a></li>
|
||
|
|
<li><a href="#">Tempus pretium</a></li>
|
||
|
|
<li ><a href="#">Dignissim neque</a></li>
|
||
|
|
<li ><a href="#">Ornared id aliquet</a></li>
|
||
|
|
<li><a href="#">Ultrices id du</a></li>
|
||
|
|
<li><a href="#">Commodo sit</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="footer-bottom-cate">
|
||
|
|
<h6>TOP BRANDS</h6>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#">Curabitur sapien</a></li>
|
||
|
|
<li><a href="#">Dignissim purus</a></li>
|
||
|
|
<li><a href="#">Tempus pretium</a></li>
|
||
|
|
<li ><a href="#">Dignissim neque</a></li>
|
||
|
|
<li ><a href="#">Ornared id aliquet</a></li>
|
||
|
|
<li><a href="#">Ultrices id du</a></li>
|
||
|
|
<li><a href="#">Commodo sit</a></li>
|
||
|
|
<li ><a href="#">Urna ac tortor sc</a></li>
|
||
|
|
<li><a href="#">Ornared id aliquet</a></li>
|
||
|
|
<li><a href="#">Urna ac tortor sc</a></li>
|
||
|
|
<li ><a href="#">Eget nisi laoreet</a></li>
|
||
|
|
<li ><a href="#">Faciisis ornare</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="footer-bottom-cate cate-bottom">
|
||
|
|
<h6>OUR ADDERSS</h6>
|
||
|
|
<ul>
|
||
|
|
<li>Aliquam metus dui. </li>
|
||
|
|
<li>orci, ornareidquet</li>
|
||
|
|
<li> ut,DUI.</li>
|
||
|
|
<li >nisi, dignissim</li>
|
||
|
|
<li >gravida at.</li>
|
||
|
|
<li class="phone">PH : 6985792466</li>
|
||
|
|
<li class="temp"> <p class="footer-class">Copyright © 2015.Company name All rights reserved.<a target="_blank" href="http://www.freemoban.com/">www.freemoban.com</a></p></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|