<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Shop underwear 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>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<!--//fonts-->
<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},1000);
});
});
</script>
<script>$(document).ready(function(c) {
$('.alert-close1').on('click', function(c){
$('.message1').fadeOut('slow', function(c){
$('.message1').remove();
});
});
});
</script>
<script>$(document).ready(function(c) {
$('.alert-close').on('click', function(c){
$('.message').fadeOut('slow', function(c){
$('.message').remove();
});
});
});
</script>
</head>
<body>
<!--header-->
<div class="container">
<div class="header">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" ></a>
</div>
<div class="header-top-on">
<ul class="icon1 sub-icon1">
<li><div class="cart1">
<a href="#" class="cart-in"> </a>
</div>
<ul class="sub-icon1 list">
<h3>Recently added items(2)</h3>
<div class="shopping_cart">
<div class="cart_box">
<div class="message">
<div class="alert-close"> </div>
<div class="list_img"><img src="images/10.jpg" class="img-responsive" alt=""></div>
<div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual">
$12.00</span></div>
<div class="clearfix"></div>
</div>
</div>
<div class="cart_box1">
<div class="message1">
<div class="alert-close1"> </div>
<div class="list_img"><img src="images/4.jpg" class="img-responsive" alt=""></div>
<div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual">
$12.00</span></div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="total">
<div class="total_left">CartSubtotal : </div>
<div class="total_right">$250.00</div>
<div class="clearfix"> </div>
</div>
<div class="login_buttons">
<div class="check_button"><a href="checkout.html">Check out</a></div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</ul>Cart : (empty)</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!---->
<div class="header-bottom">
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active" ><a href="index.html" >SWIMWEAR</a> </li>
<li><a href="men.html" data-hover="PANTIES" >PANTIES</a></li>
<li><a href="men.html" data-hover="BOXERS"> BOXERS </a></li>
<li><a href="men.html" data-hover="BRIEFS"> BRIEFS</a></li>
<li><a href="men.html" data-hover="SLEEP">SLEEP </a></li>
<li><a href="men.html" data-hover="THONGS">THONGS </a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="search">
<form>
<input type="text" value="Search.." onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '';}" >
<input type="submit" value="">
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" title="网站模板">网站模板</a></div>
<!---->
<div class="container">
<div class="banner">
<!--manage-->
<div class="banner-top">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-bottom">
<a href="single.html"><img class="img-responsive line-in" src="images/banner.jpg" alt="" /></a>
<div class="dummy-text">
<ul class="social-circle">
<li><a href="single.html"><i > </i></a></li>
<li><a href="single.html"><i class="break"> </i></a></li>
</ul>
<div class="doe">
<h6>the huntress</h6>
<span>By <b>Jane Doe</b></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at auctor orci. Nullasc arcu lorem, consectetur eu tristique idnui hendrerit at massa. Vivamus velit ante, blandit eget suscipit ut, volutpat ac erasti augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere .</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-bottom">
<a href="single.html"><img class="img-responsive line-in" src="images/banner1.jpg" alt="" /></a>
<div class="dummy-text">
<ul class="social-circle">
<li><a href="single.html"><i > </i></a></li>
<li><a href="single.html"><i class="break"> </i></a></li>
</ul>
<div class="doe">
<h6>the huntress</h6>
<span>By <b>Jane Doe</b></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at auctor orci. Nullasc arcu lorem, consectetur eu tristique idnui hendrerit at massa. Vivamus velit ante, blandit eget suscipit ut, volutpat ac erasti augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere .</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-bottom">
<a href="single.html"><img class="img-responsive line-in" src="images/banner.jpg" alt="" /></a>
<div class="dummy-text">
<ul class="social-circle">
<li><a href="single.html"><i > </i></a></li>
<li><a href="single.html"><i class="break"> </i></a></li>
</ul>
<div class="doe">
<h6>the huntress</h6>
<span>By <b>Jane Doe</b></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at auctor orci. Nullasc arcu lorem, consectetur eu tristique idnui hendrerit at massa. Vivamus velit ant