<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<!-- Custom Theme files -->
<script src="js/jquery.min.js"></script>
<!-- cart -->
<script src="js/imagezoom.js"></script>
<script src="js/jquery.flexslider.js"></script>
<!-- cart -->
<!-- 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="Big Store Ecommerce Ui Kit Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, 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='#css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!-- script for close -->
<script>
$(document).ready(function(c) {
$('.alert-close').on('click', function(c){
$('.vlcone').fadeOut('slow', function(c){
$('.vlcone').remove();
});
});
});
</script>
<script>$(document).ready(function(c) {
$('.alert-close1').on('click', function(c){
$('.vlctwo').fadeOut('slow', function(c){
$('.vlctwo').remove();
});
});
});
</script>
<!-- //script for close -->
<script src="js/simpleCart.min.js"> </script>
</head>
<body>
<div class="content">
<div class="container">
<h1>BIG STORE E-COMMERCE UI KIT</h1>
<div class="header">
<div class="header-top">
<div class="col-sm-4 world">
<ul>
<li><select class="in-drop">
<option>ENGLISH</option>
<option>JAPANESE</option>
<option>FRENCH</option>
</select></li>
<li><select class="in-drop1">
<option>USD</option>
<option>EURO</option>
<option>YEN</option>
</select>
</li>
</ul>
</div>
<div class="col-sm-4 logo text-center">
<a href="index.html">BIG STORE</a>
</div>
<div class="col-sm-4 header-left">
<p class="log"><a href="#">Signup</a><span>or</span><a href="#">Login</a></p>
<div class="cart box_1">
<a href="#">
<h3> <span class="simpleCart_total"> $0.00 </span> (<span id="simpleCart_quantity" class="simpleCart_quantity"> 0 </span> items)<img src="images/cart.png" alt=""></h3>
</a>
<p><a href="javascript:;" class="simpleCart_empty">Empty Cart</a></p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="head-top">
<div class="col-sm-2 number">
<span><i class="glyphicon glyphicon-headphones"></i>879-57-23</span>
</div>
<div class="col-sm-8 navigation">
<span class="menu"><img src="images/menu.png" alt=""/></span>
<ul class="nav1">
<li><a href="#">Man</a></li>
<li><a href="#">Woman</a></li>
<li><a href="#">Kids</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Sale</a>
<li><a href="#">Brands</a></li>
<li><a href="#">SS 2015</a></li>
</ul>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</div>
<div class="col-sm-2 search">
<form>
<input type="search" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}" required="">
<input type="submit" value=" ">
</form>
</div>
<div class="clearfix"> </div>
<!---->
</div>
</div>
<div class="men-banner">
<!-- responsiveslides -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3,#slider4").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!-- responsiveslides -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-text">
<h3>Every summer</h3>
<p>has a story</p>
</div>
</li>
<li>
<div class="banner-text">
<h3>Shop now for</h3>
<p>new offers</p>
</div>
</li>
</ul>
</div>
</div>
<div class="women-banner">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="banner-text-two">
<h3>When in doubt, wear <span>RED</span></h3>
</div>
</li>
<li>
<div class="banner-text-two">
<h3>Woman dresses are in <span>RED</span></h3>
</div>
</li>
</ul>
</div>
</div>
<div class="banner-bottom">
<div class="col-md-3 bottom-grid">
<div class="bottom-pad">
<h3 class="cart-text">New</h3>
<a class="cart-image" href="#"><img src="images/cart.png" alt="" /></a>
<div class="clearfix"></div>
<div class="btm-img">
<img src="images/pic2.jpg" alt="" />
</div>
<h4>kaftan with hand-knit detail</h4>
<p>$250</p>
</div>
</div>
<div class="col-md-3 bottom-grid">
<div class="bottom-pad">
<h3>Brooklyn Shorts</h3>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider5").responsiveSlides({
auto: true,
pager: true,
nav: false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider5">
<li>
<div class="btm-slid">
<img src="images/pic1.jpg" alt="" />
</div>
</li>
<li>
<div class="btm-slid">
<img src="images/pic11.jpg" alt="" />
</div>
</li>
</ul>
</div>
<h5>Hot <span>$75</span></h5>
</div>
</div>
<div class="col-md-3 bottom-grid">
<div class="bottom-pad four">
<h6>SALE</h6>
<div class="shirt-img">
<a href="#"><img src="images/pic4.jpg" alt="" /></a>
</div>
<h3><a href="#">STRIPED <span>POLO SHIRT</span></a></h3>
<p><span>$26 </span>$20</p>
</div>
</div>
<div class="col-md-3 bottom-grid">
<div class="bottom-padd">
<h6>SALE</h6>
<div class="boy-img">
<img src="images/pic5.jpg" alt="" />
</div>
</div>
<div class="favourites">
<ul>
<li><a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom
服装服饰购物电商网站模板是一款网上服装服饰销售电子商务网站模板下载。.rar
版权申诉
72 浏览量
2023-04-28
07:12:46
上传
评论
收藏 915KB RAR 举报
紫微前端
- 粉丝: 4306
- 资源: 869