<!DOCTYPE HTML>
<html>
<head>
<title>Single</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="Suity Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 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>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script>$(document).ready(function(c) {
$('.alert-close').on('click', function(c){
$('.message').fadeOut('slow', function(c){
$('.message').remove();
});
});
});
</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-close2').on('click', function(c){
$('.message2').fadeOut('slow', function(c){
$('.message2').remove();
});
});
});
</script>
<!----details-product-slider--->
<!-- Include the Etalage files -->
<!----//details-product-slider--->
<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>
</head>
<body>
<div class="sales">
<div class="container">
<div class="header_top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="header-bottom-right">
<ul class="icon1 sub-icon1 profile_img">
<li><a class="active-icon c1" href="#">My Cart </a><div class="rate">3</div>
<ul class="sub-icon1 list">
<h3>Recently added items(3)</h3>
<div class="shopping_cart">
<div class="cart_box">
<div class="message">
<div class="alert-close"> </div>
<div class="list_img"><img src="images/1.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_box">
<div class="message1">
<div class="alert-close1"> </div>
<div class="list_img"><img src="images/2.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="message2">
<div class="alert-close2"> </div>
<div class="list_img"><img src="images/3.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="login_button"><a href="login.html">Login</a></div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</ul>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="menu">
<a href="#" class="right_bt" id="activator"><img src="images/menu.png" alt=""/></a>
<div class="box" id="box">
<div class="box_content_center">
<div class="menu_box_list">
<ul>
<li><a href="index.html">New Arrivals</a></li>
<li class="active"><a href="sales.html">Sales</a></li>
<li><a href="sales.html">Collection</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a>
</div>
</div>
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'left':'0px'},500);
});
$('#boxclose').click(function(){
$('#box').animate({'left':'-2300px'},500);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="about_top">
<div class="container">
<div class="col-md-3">
<ul class="menu1">
<li class="item1"><a href="#" class="">What To Buy ?<img class="arrow-img" src="images/arrow.png" alt=""/> </a>
<ul class="cute" style="display: none; overflow: hidden;">
<li class="subitem1"><a href="single.html">Cute Kittens </a></li>
<li class="subitem2"><a href="single.html">Strange Stuff </a></li>
<li class="subitem3"><a href="single.html">Automatic Fails </a></li>
</ul>
</li>
</ul>
<!--initiate accordion-->
<script type="text/javascript">
$(function() {
var menu1_ul = $('.menu1> li > ul'),
menu1_a = $('.menu1 > li > a');
menu1_ul.hide();
menu1_a.click(function(e) {
e.preventDefault();
if(!$(this).hasClass('active')) {
menu1_a.removeClass('active');
menu1_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true,true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true,true).slideUp('normal');
}
});
});
</script>
<div class="box1">
<ul class="box1_list">
<li><a
自适应式国外超炫个性购物网站html源码模板
需积分: 1 101 浏览量
2023-06-05
11:42:00
上传
评论
收藏 1.06MB RAR 举报
超炫个性购物站.rar （62个子文件） 
超炫个性购物站 
register.html 11KB sales.html 19KB js 
imagezoom.js 4KB jquery.wmuSlider.js 12KB cbpViewModeSwitch.js 1004B easyResponsiveTabs.js 6KB jquery.flexslider.js 54KB jquery-1.11.1.min.js 94KB classie1.js 2KB jquery.flexisel.js 8KB css style.css 35KB flexslider.css 7KB component.css 4KB bootstrap.css 118KB login.html 10KB index.html 14KB contact.html 11KB about.html 13KB single.html 21KB images 
pic5.jpg 23KB pic6.jpg 17KB 2.jpg 19KB s5.jpg 30KB
banner.png 491KB tick1.png 3KB pic10.jpg 16KB c3.png 6KB s1.jpg 27KB s2.jpg 15KB c1.png 5KB arrow.png 3KB s6.jpg 21KB pic8.jpg 14KB menu.png 3KB s12.jpg 76KB pic9.jpg 22KB logo.png 3KB 1.jpg 18KB zoom.png 5KB grid_view.png 3KB list_view.png 3KB s7.jpg 26KB pic4.jpg 20KB social.png 4KB pic2.jpg 46KB s13.jpg 114KB pic3.jpg 14KB s11.jpg 80KB c4.png 6KB
arrow2.gif 115B arrows.png 4KB c2.png 5KB pic1.jpg 20KB close.png 3KB f_logo.png 3KB s3.jpg 18KB pic7.jpg 17KB 3.jpg 19KB s4.jpg 20KB s8.jpg 15KB close1.png 3KB checkout.html 10KB资源评论
