HTML网站源码-时尚购物者平台响应式网页模板-适配移动端&PC端.zip资源-CSDN文库

共59个文件

jpg：29个

png：10个

html：10个

版权申诉

html

源码

JavaScript

103 浏览量 2024-03-30 11:51:57 上传评论收藏 1.24MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-时尚购物者平台响应式网页模板-适配移动端&PC端.zip （59个子文件）

HTML网站源码-时尚购物者平台响应式网页模板-适配移动端&PC端

html

terms.html 8KB

woman.html 7KB

jquery.wmuSlider.js 12KB

responsiveslides.min.js 3KB

easyResponsiveTabs.js 9KB

jquery.flexisel.js 8KB

jquery.min.js 82KB

man.html 7KB

registration.html 7KB

css

style.css 33KB

flexslider.css 4KB

bootstrap.css 118KB

easy-responsive-tabs.css 5KB

index.html 15KB

contact.html 6KB

about.html 9KB

single.html 5KB

images

g3.jpg 75KB

plus.png 3KB

g2.jpg 106KB

m4.jpg 12KB

LR.png 3KB

w2.jpg 55KB

c1.jpg 9KB

s1.jpg 25KB

m1.jpg 90KB

s2.jpg 23KB

c2.jpg 8KB

about.jpg 11KB

logo.png 4KB

w4.jpg 65KB

tralle.png 3KB

bnr2.jpg 23KB

m2.jpg 63KB

social.png 5KB

currency.png 3KB

bnr.jpg 19KB

cart.png 3KB

m5.jpg 12KB

g6.jpg 86KB

s11.jpg 21KB

w3.jpg 58KB

m2.jpeg 63KB

g5.jpg 71KB

c3.jpg 7KB

m3.jpg 65KB

plus2.png 3KB

g4.jpg 39KB

m6.jpg 64KB

s3.jpg 31KB

bnr3.jpg 22KB

c4.jpg 9KB

s4.jpg 25KB

g1.jpg 65KB

w1.jpg 47KB

nav-icon.png 346B

icon2.png 3KB

cart.html 5KB

<!DOCTYPE html> <html> <head> <title>Shopper an E-Commerce online Shopping Category Flat Bootstarp responsive Website Template| Home :: w3layouts</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></script>  <link href="css/hover.css" rel="stylesheet" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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="Shopper 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>  <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>  <link type="text/css" rel="stylesheet" href="css/easy-responsive-tabs.css" /> <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 closed: 'accordion', // Start closed if in accordion view activate: function(event) { // Callback function if tab is switched var $tab = $(this); var $info = $('#tabInfo'); var $name = $('span', $info); $name.text($tab.text()); $info.show(); } }); $('#verticalTab').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true }); }); </script>  </head> <body>  <div class="header"> <div class="container"> <div class="header-left"> <div class="top-menu"> <ul> <li class="active"><a href="index.html">HOME</a></li> <li><a href="woman.html">WOMAN</a></li> <li><a href="man.html">MAN</a></li> </ul>  <script> $("span.menu").click(function(){ $(".top-menu ul").slideToggle("slow" , function(){ }); }); </script>  </div> </div> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""/></a> </div> <div class="header-right"> <div class="currency"> <a href="#"><i class="c1"></i></a> <a class="active" href="#"><i class="c2"></i></a> <a href="#"><i class="c3"></i></a> <a href="#"><i class="c4"></i></a> </div> <div class="signin"> <div class="cart-sec"> <a href="cart.html"><img href="cart.html" src="images/cart.png" alt=""/>(0)</a></div> <ul> <li><a href="registration.html">REGISTRATION</a> <span>/<span>  </li> <li><a href="login.html"> LOGIN</a></li> </ul> </div> </div> <div class="clearfix"></div> </div> </div>  <script src="js/responsiveslides.min.js"></script> <script> $(function () { $("#slider").responsiveSlides({ auto: true, speed: 500, manualControls: '#slider3-pager', }); }); </script> </head> <body> <div class="slider"> <div class="callbacks_container"> <ul class="rslides" id="slider"> <li> <img src="images/bnr.jpg" alt=""> <div class="banner-info"> <h3>FASHIONS</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.</p> </div> </li> <li> <img src="images/bnr2.jpg" alt=""> <div class="banner-info"> <h3>MODELING</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.</p> </div> </li> <li> <img src="images/bnr3.jpg" alt=""> <div class="banner-info"> <h3>FASHIONS</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.</p> </div> </li> </ul> </div> </div>  <div class="tab-section"> <div class="wrap"> <div id="horizontalTab"> <ul class="resp-tabs-list"> <li><a href="#">FEATURED</a></li> <li class="active"><a href="#">JUST ARRIVED</a></li> <li><a href="#">SALE</a></li> <div class="clearfix"></div> </ul> <div class="resp-tabs-container">  <div> <div class="course_demo1"> <ul id="flexiselDemo1"> <li class="g1"> <img src="images/c1.jpg" alt="" /> <a href="single.html"><div class="caption"> <span></span> <h3>PRODUCT NAME</h3> <h5>180.00 €</h5> </div></a> <div class="clearfix"></div> </li> <li class="g1"> <img src="images/c2.jpg" alt="" /> <a href="single.html"><div class="caption"> <span></span> <h3>PRODUCT NAME</h3> <h5>180.00 €</h5> </div></a> <div class="clearfix"></div> </li> <li class="g1"> <img src="images/c3.jpg" alt="" /> <a href="single.html"><div class="caption"> <span></span> <h3>PRODUCT NAME</h3> <h5>180.00 €</h5> </div></a> <div class="clearfix"></div> </li> <li class="g1"> <img src="images/c4.jpg" alt="" /> <a href="single.html"><div class="caption"> <span></span> <h3>PRODUCT NAME</h3> <h5>180.00 €</h5> </div></a> <div class="clearfix"></div> </li> <li class="g1"> <img src="images/c1.jpg" alt="" /> <a href="single.html"><div class="caption"> <span></span> <h3>PRODUCT NAME</h3> <h5>180.00 €</h5> </div></a> <div class="clearfix"></div> </li> <li class="g1"> <img src="images/c3.jpg" alt="" /> <a href="single.html"><div class="caption"> <span></span> <h3>PRODUCT NAME</h3> <h5>180.00 €</h5> </div></a> <div class="clearfix"></div> </li> </ul> </div> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <script type="text/javascript"> $(window).load(function() { $("#flexiselDemo1").flexisel({ visibleItems: 4, animationSpeed: 1000, autoPlay: true, autoPlaySpeed: 3000, pauseOnHover: true, enableResponsiveBreakpoints: true, responsiveBreakpoints: { portrait: { changePoint:480, visibleItems: 1 }, landscape: { changePoint:640, visibleItems: 2 }, tablet: { changePoint:768, vi

评论收藏

内容反馈

版权申诉