<!DOCTYPE HTML>
<html>
<head>
<title>Single</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="Kick flips Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='http://fonts.useso.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.useso.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
<!-- 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>
<!-- //end-smoth-scrolling -->
</head>
<body>
<!--banner start here-->
<div class="banner-stripes">
<div class="banner-strip-lft">
<div class="container">
<div class="bann-head">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
<ul class="bann-list">
<li><a href="store.html">STORE</a></li>
<li><a href="magazine.html">MAGAZINE</a></li>
</ul>
</div>
</div>
</div>
<div class="banner-strip-rit">
<div class="bann-contact">
<div class="search">
<input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}"/>
<input type="submit" value=""/>
</div>
<ul>
<li><a href="signup.html">SIGN UP</a></li>
<li><a href="login.html">LOG IN</a></li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!--banner end here-->
<!--single start here-->
<div class="product">
<div class="container">
<div class="col-md-9">
<div class="content-bar">
<div class="single-page">
<ul class="product-head">
<li><a href="index.html">Home</a> <span>::</span></li>
<li><a href="product.html">Products</a> <span>::</span></li>
<li class="active-page">Accessories</li>
<div class="clear"> </div>
</ul>
<!-- 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,
source_image_width: 600,
source_image_height: 1000,
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--->
<div class="details-left-slider">
<ul id="etalage">
<li>
<a href="optionallink.html">
<img class="etalage_thumb_image" src="images/r1.jpg" />
<img class="etalage_source_image" src="images/r1.jpg" />
</a>
</li>
<li>
<img class="etalage_thumb_image" src="images/r2.jpg" />
<img class="etalage_source_image" src="images/r2.jpg">
</li>
<li>
<img class="etalage_thumb_image" src="images/r3.jpg" />
<img class="etalage_source_image" src="images/r3.jpg" />
</li>
<li>
<img class="etalage_thumb_image" src="images/r4.jpg" />
<img class="etalage_source_image" src="images/r4.jpg" />
</li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="details-left-info">
<h3>Accessories Latest</h3>
<p class="availability">Availability: <span class="color">In stock</span></p>
<div class="price_single">
<span class="reducedfrom">$140.00</span>
<span class="actual">$120.00</span><a href="#">click for offer</a>
</div>
<h2 class="quick">Quick Overview:</h2>
<p class="quick_desc"> Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; es</p>
<ul class="product-colors">
<h3>available Colors ::</h3>
<li><a class="color1" href="#"><span> </span></a></li>
<li><a class="color2" href="#"><span> </span></a></li>
<li><a class="color3" href="#"><span> </span></a></li>
<li><a class="color4" href="#"><span> </span></a></li>
<li><a class="color5" href="#"><span> </span></a></li>
<li><a class="color6" href="#"><span> </span></a></li>
<li><a class="color7" href="#"><span> </span></a></li>
<li><a class="color8" href="#"><span> </span></a></li>
<div class="clear"> </div>
</ul>
<ul class="size">
<h3>Length</h3>
<li><a href="#">32</a></li>
<li><a href="#">34</a></li>
</ul>
<div class="quantity_box">
<ul class="product-qty">
<span>Quantity:</span>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</ul>
</div>
<div class="clearfix"> </div>
<div class="single-but">
<input type="submit" value="add to cart"/>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="products-row contact-prod">
<h3>Latest Productss</h3>
<a href="single.html"><div class="product-grid">
<div class="more-product-info">
<span> </span>
</div>
<div class="product-img">
<img src="images/s12.jpg" alt="">
</div>
<div class="product-info">
<div class="product-info-cust">
<a href="details.html">Details</a>
</div>
<div class="product-info-price">
<a href="details.html">₤380</a>
</div>
<div class="clearfix"> </div>
</div>
</div></a>
<a href="single.html"><div class="product-grid">
<div class="more-product-info">
<span> </span>
</div>
<div class="product-img">
<img src="images/s13.jpg" alt="">
</div>
<div class="product-info">
<div class="product-info-cust">
<a href="details.html">Details</a>
</div>
<div class="product-info-price">
<a href="details.html">₤380</a>
</div>
<div class="clearfix"> </div>
</div>
</div></a>
<a href="single.html"><div class="product-grid product-gridy">
<div class="more-product-info">
<span> </span>
</div>
<div class="product-img">
<img src="images/s14.jpg" alt="">
</div>
<div class="product-info">
<div class="product-info-cust">
<a href="details.html">Details</a>
</div>
<div class="product-info-price">
<a href="details.html">₤380</a>
</div>
<div class="clearfix"> </div>
</div>
</div></a>
<a href="single.h
888web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
134 浏览量
2023-08-03
10:45:06
上传
评论
收藏 2.35MB ZIP 举报
888web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （73个子文件） 
888 
store.html 11KB press.html 5KB js 
jquery.magnific-popup.js 45KB modernizr.custom.53451.js 7KB easing.js 5KB move-top.js 1KB jquery.etalage.min.js 17KB wow.min.js 5KB jquery.min.js 92KB
1.jpg 141KB magazine.html 8KB css style.css 59KB popuo-box.css 4KB animate.css 67KB bootstrap.css 118KB etalage.css 5KB login.html 5KB index.html 11KB contact.html 6KB about.html 7KB single.html 14KB magsingle1.html 8KB images 
video-img.png 418KB ftr-spates.png 57KB video-bg.jpg 32KB r1.jpg 62KB lock.png 399B a2.jpg 27KB s5.jpg 9KB lad.jpg 9KB s18.jpg 8KB m4.png 76KB m2.png 73KB s1.jpg 18KB r2.jpg 68KB s2.jpg 11KB s6.jpg 14KB banner.jpg 404KB s12.jpg 6KB logo.png 2KB s10.jpg 7KB a1.jpg 23KB m1.png 96KB a.jpg 17KB s16.jpg 17KB s7.jpg 13KB add-p.png 3KB glass.png 56KB search.png 480B s13.jpg 9KB s11.jpg 11KB s9.jpg 4KB ftr-banner.jpg 22KB s15.jpg 13KB r3.jpg 46KB m3.png 87KB man.jpg 8KB play.png 6KB user.png 4KB img-sprite.png 4KB r4.jpg 14KB skateboard.jpg 107KB cam.png 164KB s3.jpg 6KB s.jpg 16KB s14.jpg 10KB clk.png 85KB s4.jpg 16KB s8.jpg 7KB sun.png 31KB s17.jpg 13KB newsletter.html 5KB signup.html 6KB资源评论
