<!DOCTYPE HTML>
<html>
<head>
<title>Prosucts</title>
<link href="css/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<!----start-alert-scroller---->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easy-ticker.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#demo').hide();
$('.vticker').easyTicker();
});
</script>
<!----start-alert-scroller---->
<!-- start menu -->
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<script src="js/menu_jquery.js"></script>
<!-- //End menu -->
<!---slider---->
<link rel="stylesheet" href="css/slippry.css">
<script src="js/jquery-ui.js" type="text/javascript"></script>
<script src="js/scripts-f0e4e0c2.js" type="text/javascript"></script>
<script>
jQuery('#jquery-demo').slippry({
// general elements & wrapper
slippryWrapper: '<div class="sy-box jquery-demo" />', // wrapper to wrap everything, including pager
// options
adaptiveHeight: false, // height of the sliders adapts to current slide
useCSS: false, // true, false -> fallback to js if no browser support
autoHover: false,
transition: 'fade'
});
</script>
<!---move-top-top---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!---//move-top-top---->
</head>
<body>
<!---start-wrap---->
<!---start-header---->
<div class="header">
<div class="top-header">
<div class="wrap">
<div class="top-header-left">
<ul>
<!---cart-tonggle-script---->
<script type="text/javascript">
$(function(){
var $cart = $('#cart');
$('#clickme').click(function(e) {
e.stopPropagation();
if ($cart.is(":hidden")) {
$cart.slideDown("slow");
} else {
$cart.slideUp("slow");
}
});
$(document.body).click(function () {
if ($cart.not(":hidden")) {
$cart.slideUp("slow");
}
});
});
</script>
<!---//cart-tonggle-script---->
<li><a class="cart" href="#"><span id="clickme"> </span></a></li>
<!---start-cart-bag---->
<div id="cart">Your Cart is Empty <span>(0)</span></div>
<!---start-cart-bag---->
<li><a class="info" href="#"><span> </span></a></li>
</ul>
</div>
<div class="top-header-center">
<div class="top-header-center-alert-left">
<h3>FREE DELIVERY</h3>
</div>
<div class="top-header-center-alert-right">
<div class="vticker">
<ul>
<li>Applies to orders of $50 or more. <label>Returns are always free.</label></li>
</ul>
</div>
</div>
<div class="clear"> </div>
</div>
<div class="top-header-right">
<ul>
<li><a href="login.html">Login</a><span> </span></li>
<li><a href="register.html">Join</a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<!----start-mid-head---->
<div class="mid-header">
<div class="wrap">
<div class="mid-grid-left">
<form>
<input type="text" placeholder="What Are You Looking for?" />
</form>
</div>
<div class="mid-grid-right">
<a class="logo" href="index.html"><span> </span></a>
</div>
<div class="clear"> </div>
</div>
</div>
<!----//End-mid-head---->
<!----start-bottom-header---->
<div class="header-bottom">
<div class="wrap">
<!-- start header menu -->
<ul class="megamenu skyblue">
<li class="grid"><a class="color2" href="#">MEN</a>
<div class="megapanel">
<div class="row">
<div class="col1">
<div class="h_nav">
<h4>popular</h4>
<ul>
<li><a href="products.html">new arrivals</a></li>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="products.html">accessories</a></li>
<li><a href="products.html">kids</a></li>
<li><a href="products.html">login</a></li>
</ul>
</div>
<div class="h_nav">
<h4 class="top">man</h4>
<ul>
<li><a href="products.html">new arrivals</a></li>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="#">accessories</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">style videos</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>style zone</h4>
<ul>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="products.html">accessories</a></li>
<li><a href="products.html">kids</a></li>
<li><a href="products.html">brands</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>style zone</h4>
<ul>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="products.html">accessories</a></li>
<li><a href="products.html">kids</a></li>
<li><a href="products.html">brands</a></li>
</ul>
</div>
</div>
<div class="col1 men">
<div class="men-pic">
<img src="images/men.png" title="" />
</div>
</div>
</div>
</div>
</li>
<li class="active grid"><a class="color4" href="#">women</a>
<div class="megapanel">
<div class="row">
<div class="col1">
<div class="h_nav">
<h4>shop</h4>
<ul>
<li><a href="products.html">new arrivals</a></li>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="products.html">accessories</a></li>
<li><a href="products.html">kids</a></li>
<li><a href="products.html">brands</a></li>
</ul>
</div>
<div class="h_nav">
<h4>help</h4>
<ul>
<li><a href="products.html">trends</a></li>
<li><a href="products.html">sale</a></li>
<li><a href="products.html">style videos</a></li>
<li><a href="products.html">accessories</
H716_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （86个子文件） 
H716 
details.html 37KB register.html 24KB js 
menu_jquery.js 1KB jquery-ui.min.js 197KB easyResponsiveTabs.js 9KB jquery.easy-ticker.js 4KB modal.js 8KB jstarbox.js 5KB easing.js 5KB move-top.js 1KB megamenu.js 1KB scripts-f0e4e0c2.js 19KB owl.carousel.js 37KB jquery.etalage.min.js 17KB jquery.min.js 91KB jquery-ui.js 426KB css style.css 55KB slippry.css 17KB jstarbox.css 1KB owl.carousel.css 8KB megamenu.css 10KB jquery-ui.css 30KB etalage.css 4KB login.html 24KB index.html 36KB contact.html 26KB images 
nike.png 48KB
image2_thumb.jpg 18KB image6_large.jpg 22KB down_arrow.png 338B mark.png 337B product5.jpg 20KB image4_thumb.jpg 6KB image3_thumb.jpg 14KB product6.jpg 20KB up_arrow.png 333B women.png 40KB border.png 196B fax.png 3KB image5_thumb.jpg 22KB foot-ball.jpg 12KB social-share.png 4KB slide-1.jpg 191KB home.png 3KB phone.png 3KB men.png 45KB image3_large.jpg 14KB sport.png 65KB image5_large.jpg 22KB image4_large.jpg 6KB product4.jpg 17KB image1_large.jpg 14KB slide-4.jpg 157KB product-pic.jpg 11KB start-rate.png 842B email.png 3KB special.png 78KB move-top.png 1KB image-sprit.png 16KB product-slide image2_thumb.jpg 23KB image6_large.jpg 27KB image4_thumb.jpg 8KB image7_large.jpg 24KB image3_thumb.jpg 17KB image6_thumb.jpg 27KB image5_thumb.jpg 27KB image3_large.jpg 17KB image5_large.jpg 27KB image4_large.jpg 8KB image1_large.jpg 18KB image7_thumb.jpg 24KB image1_thumb.jpg 18KB image2_large.jpg 23KB jarse.jpg 15KB selection.png 10KB product3.jpg 22KB sborder.png 239B price-border.png 338B image1_thumb.jpg 14KB product1.jpg 21KB add.jpg 125KB move-toph.png 1KB kids1.png 139KB image2_large.jpg 18KB product2.jpg 22KB products.html 38KB资源评论
