代码拉取完成，页面将自动刷新
<!DOCTYPE HTML>
<html>
<head>
<title>The Aditii Website Template | Sale </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.min.js"></script>
<!-- start gallery_sale -->
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<script type="text/javascript">
$(function () {
var filterList = {
init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixitup({
targetSelector: '.portfolio',
filterSelector: '.filter',
effects: ['fade'],
easing: 'snap',
// call the hover effect
onMixEnd: filterList.hoverEffect()
});
},
hoverEffect: function () {
// Simple parallax effect
$('#portfoliolist .portfolio').hover(
function () {
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
},
function () {
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
}
);
}
};
// Run the show!
filterList.init();
});
</script>
<!-- start top_js_button -->
<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},1200);
});
});
</script>
</head>
<body>
<!-- start header -->
<div class="header_bg">
<div class="wrap">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/> </a>
</div>
<div class="h_icon">
<ul class="icon1 sub-icon1">
<li><a class="active-icon c1" href="#"><i>$300</i></a>
<ul class="sub-icon1 list">
<li><h3>shopping cart empty</h3><a href=""></a></li>
<li><p>if items in your wishlit are missing, <a href="contact.html">contact us</a> to view them</p></li>
</ul>
</li>
</ul>
</div>
<div class="h_search">
<form>
<input type="text" value="">
<input type="submit" value="">
</form>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="header_btm">
<div class="wrap">
<div class="header_sub">
<div class="h_menu">
<ul>
<li><a href="index.html">Home</a></li> |
<li class="active"><a href="sale.html">sale</a></li> |
<li><a href="handbags.html">handbags</a></li> |
<li><a href="accessories.html">accessories</a></li> |
<li><a href="wallets.html">wallets</a></li> |
<li><a href="sale.html">sale</a></li> |
<li><a href="index.html">mens store</a></li> |
<li><a href="shoes.html">shoes</a></li> |
<li><a href="sale.html">vintage</a></li> |
<li><a href="service.html">services</a></li> |
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
<div class="top-nav">
<nav class="nav">
<a href="#" id="w3-menu-trigger"> </a>
<ul class="nav-list" style="">
<li class="nav-item"><a class="active" href="index.html">Home</a></li>
<li class="nav-item"><a href="sale.html">Sale</a></li>
<li class="nav-item"><a href="handbags.html">Handbags</a></li>
<li class="nav-item"><a href="accessories.html">Accessories</a></li>
<li class="nav-item"><a href="shoes.html">Shoes</a></li>
<li class="nav-item"><a href="service.html">Services</a></li>
<li class="nav-item"><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="search_box">
<form>
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}"><input type="submit" value="">
</form>
</div>
<div class="clear"> </div>
<script src="js/responsive.menu.js"></script>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- start main -->
<div class="main_bg">
<div class="wrap">
<div class="main">
<!-- start gallery_sale -->
<div class="gallery1">
<div class="container">
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon logo web">All</span></li>
<li><span class="filter" data-filter="app card web">men</span></li>
<li><span class="filter" data-filter="icon web card">women</span></li>
<li><span class="filter" data-filter="web app icon card">Watches</span></li>
<li><span class="filter" data-filter="icon app web logo">Accessories</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio logo1" data-cat="logo">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic1.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">ethnic fashion guide: sarees</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic2.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">fasttrack: watches</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio web" data-cat="web">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic3.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">ethnic fashion guide: dresses</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic4.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">ethnic fashion guide: tees</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic5.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">ethnic fashion guide: tees</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic6.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">fasttrack: watches</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio web" data-cat="web">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic7.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Sonor's Design</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic8.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Typography Company</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic9.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Weatherette</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic10.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">BMF</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic11.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Techlion</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio logo1" data-cat="logo">
<div class="portfolio-wrapper">
<a href="details.html">
<img src="images/sale_pic12.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">KittyPic</a>
<span class="text-category">indulge</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
</div>
</div><!-- container -->
<script type="text/javascript" src="js/fliplightbox.min.js"></script>
<script type="text/javascript">$('body').flipLightBox()</script>
<div class="clear"> </div>
</div>
<!---End-gallery----->
</div>
</div>
</div>
<!-- start footer -->
<div class="footer_bg">
<div class="wrap">
<div class="footer">
<!-- start grids_of_4 -->
<div class="grids_of_4">
<div class="grid1_of_4">
<h4>featured sale</h4>
<ul class="f_nav">
<li><a href="">alexis Hudson</a></li>
<li><a href="">american apparel</a></li>
<li><a href="">ben sherman</a></li>
<li><a href="">big buddha</a></li>
<li><a href="">channel</a></li>
<li><a href="">christian audigier</a></li>
<li><a href="">coach</a></li>
<li><a href="">cole haan</a></li>
</ul>
</div>
<div class="grid1_of_4">
<h4>mens store</h4>
<ul class="f_nav">
<li><a href="">alexis Hudson</a></li>
<li><a href="">american apparel</a></li>
<li><a href="">ben sherman</a></li>
<li><a href="">big buddha</a></li>
<li><a href="">channel</a></li>
<li><a href="">christian audigier</a></li>
<li><a href="">coach</a></li>
<li><a href="">cole haan</a></li>
</ul>
</div>
<div class="grid1_of_4">
<h4>women store</h4>
<ul class="f_nav">
<li><a href="">alexis Hudson</a></li>
<li><a href="">american apparel</a></li>
<li><a href="">ben sherman</a></li>
<li><a href="">big buddha</a></li>
<li><a href="">channel</a></li>
<li><a href="">christian audigier</a></li>
<li><a href="">coach</a></li>
<li><a href="">cole haan</a></li>
</ul>
</div>
<div class="grid1_of_4">
<h4>quick links</h4>
<ul class="f_nav">
<li><a href="">alexis Hudson</a></li>
<li><a href="">american apparel</a></li>
<li><a href="">ben sherman</a></li>
<li><a href="">big buddha</a></li>
<li><a href="">channel</a></li>
<li><a href="">christian audigier</a></li>
<li><a href="">coach</a></li>
<li><a href="">cole haan</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- start footer -->
<div class="footer_bg1">
<div class="wrap">
<div class="footer">
<!-- scroll_top_btn -->
<script type="text/javascript">
$(document).ready(function() {
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
<!--end scroll_top_btn -->
<div class="copy">
<p class="link">Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
