<!DOCTYPE HTML>
<html>
<head>
<title>Mens</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/form.css" rel="stylesheet" type="text/css" media="all" />
<link href='http//fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<script src="js/jquery1.min.js"></script>
<!-- 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 type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode">
$(function()
{
$('.scroll-pane').jScrollPane();
});
</script>
</head>
<body>
<div class="header-top">
<div class="wrap">
<div class="header-top-left">
<div class="box">
<select tabindex="4" class="dropdown">
<option value="" class="label" value="">Language :</option>
<option value="1">English</option>
<option value="2">French</option>
<option value="3">German</option>
</select>
</div>
<div class="box1">
<select tabindex="4" class="dropdown">
<option value="" class="label" value="">Currency :</option>
<option value="1">$ Dollar</option>
<option value="2">€ Euro</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="cssmenu">
<ul>
<li class="active"><a href="login.html">Account</a></li> |
<li><a href="checkout.html">Wishlist</a></li> |
<li><a href="checkout.html">Checkout</a></li> |
<li><a href="login.html">Log In</a></li> |
<li><a href="register.html">Sign Up</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="header-bottom">
<div class="wrap">
<div class="header-bottom-left">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="menu">
<ul class="megamenu skyblue">
<li class="active grid"><a href="index.html">Home</a></li>
<li><a class="color4" href="#">women</a>
<div class="megapanel">
<div class="row">
<div class="col1">
<div class="h_nav">
<h4>Contact Lenses</h4>
<ul>
<li><a href="womens.html">Daily-wear soft lenses</a></li>
<li><a href="womens.html">Extended-wear</a></li>
<li><a href="womens.html">Lorem ipsum </a></li>
<li><a href="womens.html">Planned replacement</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Sun Glasses</h4>
<ul>
<li><a href="womens.html">Heart-Shaped</a></li>
<li><a href="womens.html">Square-Shaped</a></li>
<li><a href="womens.html">Round-Shaped</a></li>
<li><a href="womens.html">Oval-Shaped</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Eye Glasses</h4>
<ul>
<li><a href="womens.html">Anti Reflective</a></li>
<li><a href="womens.html">Aspheric</a></li>
<li><a href="womens.html">Bifocal</a></li>
<li><a href="womens.html">Hi-index</a></li>
<li><a href="womens.html">Progressive</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li><a class="color5" href="#">Men</a>
<div class="megapanel">
<div class="col1">
<div class="h_nav">
<h4>Contact Lenses</h4>
<ul>
<li><a href="mens.html">Daily-wear soft lenses</a></li>
<li><a href="mens.html">Extended-wear</a></li>
<li><a href="mens.html">Lorem ipsum </a></li>
<li><a href="mens.html">Planned replacement</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Sun Glasses</h4>
<ul>
<li><a href="mens.html">Heart-Shaped</a></li>
<li><a href="mens.html">Square-Shaped</a></li>
<li><a href="mens.html">Round-Shaped</a></li>
<li><a href="mens.html">Oval-Shaped</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Eye Glasses</h4>
<ul>
<li><a href="mens.html">Anti Reflective</a></li>
<li><a href="mens.html">Aspheric</a></li>
<li><a href="mens.html">Bifocal</a></li>
<li><a href="mens.html">Hi-index</a></li>
<li><a href="mens.html">Progressive</a></li>
</ul>
</div>
</div>
</div>
</li>
<li><a class="color6" href="other.html">Other</a></li>
<li><a class="color7" href="other.html">Purchase</a></li>
</ul>
</div>
</div>
<div class="header-bottom-right">
<div class="search">
<input type="text" name="s" class="textbox" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
<input type="submit" value="Subscribe" id="submit" name="submit">
<div id="response"> </div>
</div>
<div class="tag-list">
<ul class="icon1 sub-icon1 profile_img">
<li><a class="active-icon c1" href="#"> </a>
<ul class="sub-icon1 list">
<li><h3>sed diam nonummy</h3><a href=""></a></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p></li>
</ul>
</li>
</ul>
<ul class="icon1 sub-icon1 profile_img">
<li><a class="active-icon c2" href="#"> </a>
<ul class="sub-icon1 list">
<li><h3>No Products</h3><a href=""></a></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p></li>
</ul>
</li>
</ul>
<ul class="last"><li><a href="#">Cart(0)</a></li></ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="mens">
<div class="main">
<div class="wrap">
<div class="cont span_2_of_3">
<h2 class="head">Men's</h2>
<div class="mens-toolbar">
<div class="sort">
<div class="sort-by">
<label>Sort By</label>
<select>
<option value="">
Position </option>
<option value="">
Name </option>
<option value="">
Price </option>
</select>
<a href=""><img src="images/arrow2.gif" alt="" class="v-middle"></a>
</div>
</div>
<div class="pager">
<div class="limiter visible-desktop">
<label>Show</label>
<select>
<option value="" selected="selected">
9 </option>
<option value="">
15 </option>
<option value="">
30 </option>
</select> per page
</div>
<ul class="dc_pagination dc_paginationA dc_paginationA06">
<li><a href="#" class="previous">Pages</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="top-box">
<div class="col_1_of_3 span_1_of_3">
<a
H5国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （87个子文件） 
H5 
register.html 23KB womens.html 30KB mens.html 30KB js 
jquery-ui.min.js 232KB login.js 525B jquery.magnific-popup.js 45KB jquery.easydropdown.js 12KB jquery.nivo.slider.js 28KB jquery.jscrollpane.min.js 14KB fwslider.js 9KB css3-mediaqueries.js 16KB megamenu.js 1KB jquery1.min.js 91KB slides.min.jquery.js 7KB jquery.flexisel.js 8KB zoome-e.js 8KB delivery.html 15KB css fwslider.css 3KB style.css 55KB zoome-min.css 1000B megamenu.css 7KB default.css 2KB magnific-popup.css 18KB form.css 9KB nivo-slider.css 2KB login.html 13KB 404.html 11KB other.html 30KB index.html 24KB contact.html 13KB about.html 16KB single.html 25KB images 
pic5.jpg 7KB pic6.jpg 7KB
list_marker.png 3KB pic.jpg 8KB s5.jpg 9KB a-img.jpg 24KB cart2.png 3KB a-img1.jpg 28KB t-img3.jpg 36KB s1.jpg 3KB header_arrow.png 3KB 3.png 4KB s2.jpg 3KB down-arrow.png 1KB arrow.png 3KB s6.jpg 8KB pic8.jpg 6KB left-banner1.jpg 35KB banner.jpg 179KB logo.png 4KB s7.jpg 8KB pic4.jpg 9KB s-img2.jpg 14KB pic2.jpg 10KB cart3.png 4KB t-img1.jpg 34KB cart.png 3KB t-img2.jpg 25KB search.png 3KB pic3.jpg 8KB s-img.jpg 12KB
arrow2.gif 115B arrows.png 655B plus.gif 1KB pic1.jpg 8KB s9.jpg 8KB quotes.png 3KB banner1.jpg 221KB a-img2.jpg 25KB img-sprite.png 15KB magnify-alt.png 516B s-img3.jpg 15KB f-tw.png 4KB tag.png 4KB b-arrow.png 3KB s3.jpg 3KB pic7.jpg 7KB minus.gif 2KB f-icon.png 3KB s4.jpg 3KB s8.jpg 7KB 2.png 4KB arrow1.png 3KB s-img1.jpg 13KB checkout.html 11KB资源评论
