<!--
Author: W3layouts
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>The Yolk Website Template :: w3layouts</title>
<link href="./css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="./css/theme.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<!-- jquery plguin -->
<script type="text/javascript" src="./js/jquery.min.js"></script>
<!-- start details -->
<!----details-product-slider--->
<!-- Include the Etalage files -->
<link rel="stylesheet" href="./css/etalage.css">
<script src="./js/jquery.etalage.min.js"></script>
<!-- Include the Etalage files -->
<script>
jQuery(document).ready(function($){
$('#etalage').etalage({
thumb_image_width: 300,
thumb_image_height: 400,
show_hint: true,
click_callback: function(image_anchor, instance_id){
alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
}
});
// This is for the dropdown list example:
$('.dropdownlist').change(function(){
etalage_show( $(this).find('option:selected').attr('class') );
});
});
</script>
<!----//details-product-slider--->
</head>
<body>
<!----start-container----->
<div class="header-bg">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="logo"><a href="index.html"><img src="./images/logo.png" alt=""/></a></div>
</div>
<div class="col-md-8">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"><span class="text-left"><a href="#">MENU</a></span>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<div class="btn-group show-on-hover">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Categories<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">New arrivals</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</div>
</li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="right">
<ul class="list-unstyled">
<li class="a text-left"><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a> $2,534,5435</li>
<li><a href="#">Checkout</a></li>
</ul>
</div>
</div>
<!----start-images-slider---->
<!-- Single button -->
</div>
</div>
</div>
<div class="single">
<div class="container">
<div class="rsidebar span_1_of_left">
<section class="sky-form">
<h4>Occasion</h4>
<div class="row row1 scroll-pane" style="overflow: hidden; padding: 0px; width: 283px;">
<div class="./jspContainer" style="width: 283px; height: 200px;"><div class="./jspPane" style="padding: 20px; top: 0px; left: 0px; width: 243px;"><div class="col col-4">
<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Athletic (20)</label>
</div><div class="col col-4">
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Athletic Shoes (48)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Casual (45)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Casual (45)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other (1)</label>
</div></div></div></div>
<h4>Category</h4>
<div class="row row1 scroll-pane" style="overflow: hidden; padding: 0px; width: 283px;">
<div class="./jspContainer" style="width: 283px; height: 200px;"><div class="./jspPane" style="padding: 20px; top: 0px; left: 0px; width: 243px;"><div class="col col-4">
<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Flats (70)</label>
</div><div class="col col-4">
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Athletic Shoes (48)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Athletic Shoes (48)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Heels (38)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other (1)</label>
</div></div></div></div>
<h4>Styles</h4>
<div class="row row1 scroll-pane" style="overflow: hidden; padding: 0px; width: 283px;">
<div class="./jspContainer" style="width: 283px; height: 200px;"><div class="./jspPane" style="padding: 20px; top: 0px; left: 0px; width: 243px;"><div class="col col-4">
<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Athletic (20)</label>
</div><div class="col col-4">
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Ballerina (5)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Pumps (7)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>High Tops (2)</label>
<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other (1)</label>
</div></div></div></div>
</section>
</div>
<div class="cont span_2_of_3">
<div class="labout span_1_of_a1">
<!-- start product_slider -->
<ul id="etalage">
<li>
<a href="optionallink.html">
<img class="etalage_thumb_image" src="./images/t1.jpg" />
<img class="etalage_source_image" src="./images/t2.jpg" />
</a>
</li>
<li>
<img class="etalage_thumb_im
HTML网站源码-时尚鞋包品牌商城网页模板-适配移动端&PC端.zip
版权申诉
17 浏览量
2024-03-30
11:52:01
上传
评论
收藏 1.53MB ZIP 举报
HTML网站源码-时尚鞋包品牌商城网页模板-适配移动端&PC端.zip （151个子文件） 
bootstrap.css 118KB bootstrap.min.css 98KB theme.css 30KB jquery-ui.css 30KB jquery-ui.css 30KB theme.css 26KB theme.css 13KB fwslider.css 5KB etalage.css 4KB etalage.css 4KB form.css 3KB form.css 3KB fwslider.css 3KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.eot 20KB
details.html 16KB index.html 13KB details.html 13KB blog.html 12KB index.html 10KB about.html 7KB contact.html 7KB contact.html 5KB blog.html 5KB index.html 5KB blog.html 4KB details.html 4KB about.html 4KB contact.html 4KB about.html 3KB
img.jpg 167KB blog-pic1.jpg 52KB blog-pic2.jpg 37KB blog-pic.jpg 31KB img.jpg 27KB img.jpg 27KB blog-pic1.jpg 25KB blog-pic1.jpg 25KB pic9.jpg 23KB pic9.jpg 23KB pic7.jpg 22KB pic7.jpg 22KB t2.jpg 22KB t2.jpg 22KB pic11.jpg 20KB pic11.jpg 20KB pic10.jpg 16KB pic10.jpg 16KB blog-pic.jpg 16KB blog-pic.jpg 16KB t5.jpg 15KB t5.jpg 15KB about.jpg 15KB about.jpg 15KB pic8.jpg 15KB pic8.jpg 15KB t1.jpg 11KB t1.jpg 11KB t6.jpg 10KB t6.jpg 10KB t4.jpg 9KB t4.jpg 9KB t3.jpg 8KB t3.jpg 8KB t3.jpg 8KB about.jpg 6KB cont3.jpg 3KB cont3.jpg 3KB cont4.jpg 3KB cont4.jpg 3KB cont1.jpg 3KB cont1.jpg 3KB cont2.jpg 3KB cont2.jpg 3KB admin-pic4.jpg 2KB admin-pic3.jpg 2KB admin-pic1.jpg 2KB admin-pic1.jpg 2KB admin-pic1.jpg 2KB cont2.jpg 2KB admin-pic2.jpg 2KB admin-pic2.jpg 2KB admin-pic2.jpg 2KB cont4.jpg 2KB cont3.jpg 2KB cont1.jpg 2KB jquery-ui.min.js 232KB jquery-ui.min.js 232KB jquery.min.js 91KB jquery.min.js 91KB bootstrap.js 54KB bootstrap.js 54KB bootstrap.min.js 28KB bootstrap.min.js 28KB jquery.etalage.min.js 17KB jquery.etalage.min.js 17KB css3-mediaqueries.js 16KB css3-mediaqueries.js 16KB fwslider.js 9KB共 151 条
- 1
- 2
资源评论
