<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/hover.css" rel="stylesheet" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- 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="Shopper Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<!---- tabs---->
<link type="text/css" rel="stylesheet" href="css/easy-responsive-tabs.css" />
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
$('#verticalTab').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true
});
});
</script>
<!---- tabs---->
</head>
<body>
<!---->
<div class="header">
<div class="container">
<div class="header-left">
<div class="top-menu">
<ul>
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="woman.html">WOMAN</a></li>
<li><a href="man.html">MAN</a></li>
</ul>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
</div>
</div>
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="header-right">
<div class="currency">
<a href="#"><i class="c1"></i></a>
<a class="active" href="#"><i class="c2"></i></a>
<a href="#"><i class="c3"></i></a>
<a href="#"><i class="c4"></i></a>
</div>
<div class="signin">
<div class="cart-sec">
<a href="cart.html"><img href="cart.html" src="images/cart.png" alt=""/>(0)</a></div>
<ul>
<li><a href="registration.html">REGISTRATION</a> <span>/<span> </li>
<li><a href="login.html"> LOGIN</a></li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!---->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
speed: 500,
manualControls: '#slider3-pager',
});
});
</script>
</head>
<body>
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/bnr.jpg" alt="">
<div class="banner-info">
<h3>FASHIONS</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.</p>
</div>
</li>
<li>
<img src="images/bnr2.jpg" alt="">
<div class="banner-info">
<h3>MODELING</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.</p>
</div>
</li>
<li>
<img src="images/bnr3.jpg" alt="">
<div class="banner-info">
<h3>FASHIONS</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.</p>
</div>
</li>
</ul>
</div>
</div>
<!---->
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >手机网站模板</a></div>
<div class="tab-section">
<div class="wrap">
<div id="horizontalTab">
<ul class="resp-tabs-list">
<li><a href="#">FEATURED</a></li>
<li class="active"><a href="#">JUST ARRIVED</a></li>
<li><a href="#">SALE</a></li>
<div class="clearfix"></div>
</ul>
<div class="resp-tabs-container">
<!---tab1----->
<div>
<div class="course_demo1">
<ul id="flexiselDemo1">
<li class="g1">
<img src="images/c1.jpg" alt="" />
<a href="single.html"><div class="caption">
<span></span>
<h3>PRODUCT NAME</h3>
<h5>180.00 €</h5>
</div></a>
<div class="clearfix"></div>
</li>
<li class="g1">
<img src="images/c2.jpg" alt="" />
<a href="single.html"><div class="caption">
<span></span>
<h3>PRODUCT NAME</h3>
<h5>180.00 €</h5>
</div></a>
<div class="clearfix"></div>
</li>
<li class="g1">
<img src="images/c3.jpg" alt="" />
<a href="single.html"><div class="caption">
<span></span>
<h3>PRODUCT NAME</h3>
<h5>180.00 €</h5>
</div></a>
<div class="clearfix"></div>
</li>
<li class="g1">
<img src="images/c4.jpg" alt="" />
<a href="single.html"><div class="caption">
<span></span>
<h3>PRODUCT NAME</h3>
<h5>180.00 €</h5>
</div></a>
<div class="clearfix"></div>
</li>
<li class="g1">
<img src="images/c1.jpg" alt="" />
<a href="single.html"><div class="caption">
<span></span>
<h3>PRODUCT NAME</h3>
<h5>180.00 €</h5>
</div></a>
<div class="clearfix"></div>
</li>
<li class="g1">
<img src="images/c3.jpg" alt="" />
<a href="single.html"><div class="caption">
<span></span>
<h3>PRODUCT NAME</h3>
<h5>180.00 €</h5>
</div></a>
<div class="clearfix"></div>
</li>
</ul>
</div>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo1").flexisel({
visibleItems: 4,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed: 3000,
pauseOnHover: true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1
},
landscape: {
changePoint:640,
visibleItems: 2
},
tablet: {
changePoint:768,
visibleItems: 3
}
}
});
});
</script>
<script type="text/javascript" src="js/jquery.flexisel.js"></script>
</div>
854web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （60个子文件） 
854 
terms.html 7KB woman.html 7KB js 
jquery.wmuSlider.js 12KB responsiveslides.min.js 3KB easyResponsiveTabs.js 9KB jquery.flexisel.js 8KB jquery.min.js 82KB man.html 7KB
1.jpg 105KB registration.html 6KB css style.css 33KB flexslider.css 4KB bootstrap.css 118KB easy-responsive-tabs.css 5KB login.html 5KB index.html 15KB contact.html 6KB about.html 9KB single.html 4KB images g3.jpg 75KB
plus.png 3KB g2.jpg 106KB m4.jpg 12KB LR.png 3KB w2.jpg 55KB c1.jpg 9KB s1.jpg 25KB m1.jpg 90KB s2.jpg 23KB c2.jpg 8KB about.jpg 11KB logo.png 4KB w4.jpg 65KB tralle.png 3KB bnr2.jpg 23KB m2.jpg 63KB social.png 5KB currency.png 3KB bnr.jpg 19KB cart.png 3KB m5.jpg 12KB g6.jpg 86KB s11.jpg 21KB w3.jpg 58KB m2.jpeg 63KB g5.jpg 71KB c3.jpg 7KB m3.jpg 65KB plus2.png 3KB g4.jpg 39KB m6.jpg 64KB s3.jpg 31KB bnr3.jpg 22KB c4.jpg 9KB s4.jpg 25KB g1.jpg 65KB w1.jpg 47KB nav-icon.png 346B icon2.png 3KB cart.html 5KB资源评论
