<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Biruang an E-Commerce online Shopping Category Flat Bootstarp responsive Website Template| Home :: w3layouts</title>
<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="Biruang 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>
<!-- bootstarp-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstarp-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<script src="js/jquery.min.js"></script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!-- dropdown -->
<script src="js/jquery.easydropdown.js"></script>
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/scripts.js" type="text/javascript"></script>
<!--js-->
<!--/js-->
<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
});
});
</script>
<!-- start-smoth-scrolling -->
<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>
</head>
<body>
<!-- header -->
<div class="header">
<!-- container -->
<div class="container">
<!-- header-top -->
<div class="header-top">
<div class="header-logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="header-right">
<ul>
<li class="phone">+371 282 20 760</li>
<li class="mail"><a href="mailto:example@mail.com">eony321v@gmail.com</a></li>
<li class="checkout">
<a href="add-to-cart.html">
<span class="cart">$ 99.54</span>
<span class="check">Checkout</span>
</a>
<div class="shopping">
<h5>Your Shopping Cart is empty.</h5>
<p>Give it purpose—fill it with books, movies, mobiles, cameras, toys and fashion jewellery.</p>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!-- //header-top -->
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt=""></span>
<ul class="nav">
<li class="dropdown1"><a href="index.html">HOME</a>
<ul class="dropdown2">
<li><a href="single.html">lorem</a></li>
<li><a href="single.html">dorem sia</a></li>
<li><a href="single.html">erik</a></li>
<li><a href="single.html">ipsum padamans</a></li>
<li><a href="single.html">behance</a></li>
</ul>
</li>
<li class="dropdown1"><a href="men.html">MEN</a>
<ul class="dropdown2">
<li><a href="men.html">Clothing</a></li>
<li><a href="men.html">Footwear</a></li>
<li><a href="men.html">Watches</a></li>
<li><a href="men.html">Accessories</a></li>
</ul>
</li>
<li class="dropdown1"><a href="women.html">WOMEN</a>
<ul class="dropdown2">
<li><a href="women.html">Ethnic Wear</a></li>
<li><a href="women.html">Western Wear</a></li>
<li><a href="women.html">All Jewellery</a></li>
<li><a href="women.html">Beauty & Wellness</a></li>
</ul>
</li>
<li class="dropdown1"><a href="women.html">KIDS</a>
<ul class="dropdown2">
<li><a href="women.html">Clothing</a></li>
<li><a href="women.html">Footwear</a></li>
<li><a href="women.html">Accessories</a></li>
</ul>
</li>
<li class="dropdown1"><a href="men.html">SALE</a>
<ul class="dropdown2">
<li><a href="men.html">Clothing</a></li>
<li><a href="men.html">Footwear</a></li>
<li><a href="men.html">Watches</a></li>
<li><a href="men.html">Accessories</a></li>
</ul>
</li>
<li><a href="about.html">ABOUT US</a></li>
<li><a href="404.html">SUPPORT</a></li>
</ul>
</div>
<div class="search">
<form>
<input type="text" value="Search..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search...';}" required="">
</form>
</div>
<div class="clearfix"> </div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.nav").slideToggle("slow" , function(){
});
});
</script>
</div>
<!-- //container -->
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<!-- banner Slider starts Here -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").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>
<!--//End-slider-script -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-bg">
<div class="container">
<div class="banner-info">
<h2>RIGHT IS WHITE.<span>LEFT IS BLACK</span></h2>
<p>Inspired by Brasil’s bold colors and matching up to football’s on-pitch
playmakers, these kicks are ready to stand out.
</p>
<a href="#">SHOP BRASIL</a>
</div>
</div>
</div>
</li>
<li>
<div class="banner-bg banner-img2">
<div class="container">
<div class="banner-info">
<h2>RIGHT IS BLUE.<span>LEFT IS PINK</span></h2>
<p>Inspired by bold colors and matching up to football’s on-pitch
playmakers, these kicks are ready to stand out.
</p>
<a href="#">SHOP BRASIL</a>
</div>
</div>
</div>
</li>
<li>
<div class="banner-bg banner-img">
<div class="container">
<div class="banner-info">
<h2>RIGHT IS PINK.<span>LEFT IS BLUE</span></h2>
<p>Inspired by Brasil’s bold colors and matching up to football’s on-pitch
playmakers, these Brasil’s kicks are ready to stand out.
</p>
<a href
HTML网站源码-简洁个性商品网店响应式网页模板-适配移动端&PC端.zip
版权申诉
8 浏览量
2024-03-30
11:50:39
上传
评论
收藏 1.8MB ZIP 举报
HTML网站源码-简洁个性商品网店响应式网页模板-适配移动端&PC端.zip （79个子文件） 
HTML网站源码-简洁个性商品网店响应式网页模板-适配移动端&PC端 html 
men.html 16KB js 
jquery.magnific-popup.js 45KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB jquery.easydropdown.js 12KB easyResponsiveTabs.js 6KB easing.js 5KB move-top.js 1KB jquery.etalage.min.js 17KB jquery.min.js 92KB scripts.js 4KB add-to-cart.html 9KB css style.css 37KB popuo-box.css 9KB bootstrap.css 118KB nav.css 8KB etalage.css 5KB 404.html 9KB women.html 16KB index.html 20KB about.html 11KB single.html 17KB images 
t18.jpg 10KB t5.jpg 21KB t6.jpg 64KB
plus.png 3KB a2.jpg 53KB m8.jpg 9KB m4.jpg 6KB t14.jpg 5KB c1.jpg 12KB van.png 3KB menu-arrow.png 3KB t9.jpg 8KB m1.jpg 46KB droup.png 3KB c2.jpg 19KB m11.jpg 6KB d4.jpg 54KB m7.jpg 7KB menu.png 3KB 6.jpg 163KB logo.png 3KB 1.jpg 129KB d3.jpg 65KB t12.jpg 40KB t3.jpg 17KB phone.png 3KB m2.jpg 6KB t16.jpg 6KB social.png 4KB menu-arrow-hover.png 158B t11.jpg 10KB search.png 3KB t13.jpg 6KB m5.jpg 6KB m10.jpg 8KB t1.jpg 49KB 5.jpg 97KB add.png 3KB d1.jpg 69KB t4.jpg 21KB m12.jpg 7KB c3.jpg 14KB t7.jpg 5KB location.png 3KB m3.jpg 38KB t2.jpg 18KB like.png 3KB m6.jpg 6KB t10.jpg 8KB d2.jpg 59KB msg.png 3KB 3.jpg 23KB 7.jpg 21KB t15.jpg 6KB m9.jpg 6KB 4.jpg 537KB t8.jpg 5KB资源评论
