HTML网站源码-时尚平面电子商务响应式网页模板-适配移动端&PC端.zip资源-CSDN文库

共53个文件

jpg：24个

png：9个

html：9个

版权申诉

html

源码

JavaScript

170 浏览量 2024-03-30 11:51:59 上传评论收藏 897KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-时尚平面电子商务响应式网页模板-适配移动端&PC端.zip （53个子文件）

HTML网站源码-时尚平面电子商务响应式网页模板-适配移动端&PC端

html

responsiveslides.min.js 3KB

easyResponsiveTabs.js 6KB

nav.js 1KB

hover_pack.js 12KB

jquery-1.11.1.min.js 94KB

jquery.etalage.min.js 17KB

css

style.css 37KB

bootstrap.css 118KB

etalage.css 4KB

404.html 5KB

wishlist.html 5KB

index.html 22KB

contact.html 7KB

about.html 9KB

single.html 23KB

images

tick1.png 3KB

img-sprite.psd 53KB

compare.png 16KB

Thumbs.db 275KB

s1.jpg 69KB

p9.jpg 6KB

s2.jpg 66KB

logo.png 4KB

wishlist.png 16KB

banner3.jpg 82KB

p8.jpg 4KB

p4.jpg 4KB

p6.jpg 5KB

footer_bg.jpg 1KB

search.png 3KB

arrows.png 5KB

bg.jpg 4KB

p13.jpg 4KB

p12.jpg 5KB

banner1.jpg 112KB

img-sprite.png 8KB

f_menu.png 3KB

p11.jpg 6KB

bag.png 3KB

p7.jpg 8KB

p2.jpg 22KB

p3.jpg 6KB

s3.jpg 60KB

p5.jpg 4KB

banner2.jpg 107KB

p10.jpg 4KB

delivery.jpg 2KB

s4.jpg 47KB

p14.jpg 5KB

p1.jpg 9KB

careers.html 9KB

<!DOCTYPE HTML> <html> <head> <title>Fashionpress an E-Commerce online Shopping Category Flat Bootstarp responsive Website Template| Single :: w3layouts</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="Fashionpress 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="css/bootstrap.css" rel='stylesheet' type='text/css' />   <link href="css/style.css" rel='stylesheet' type='text/css' />   <link href='http://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/hover_pack.js"></script> <link rel="stylesheet" href="css/etalage.css"> <script src="js/jquery.etalage.min.js"></script> <script> jQuery(document).ready(function($){ $('#etalage').etalage({ thumb_image_width: 300, thumb_image_height: 400, source_image_width: 900, source_image_height: 1200, 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+'")'); } }); }); </script> <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="header"> <div class="header_top"> <div class="container"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""/></a> </div> <ul class="shopping_grid"> <a href="#"><li>Join</li></a> <a href="login.html"><li>Sign In</li></a> <a href="#"><li><span class="m_1">Shopping Bag</span>  (0)  <img src="images/bag.png" alt=""/></li></a> <div class="clearfix"> </div> </ul> <div class="clearfix"> </div> </div> </div> <div class="h_menu4"> <div class="container"> <a class="toggleMenu" href="#">Menu</a> <ul class="nav"> <li class="active"><a href="index.html" data-hover="Home">Home</a></li> <li><a href="about.html" data-hover="About Us">About Us</a></li> <li><a href="careers.html" data-hover="Careers">Careers</a></li> <li><a href="contact.html" data-hover="Contact Us">Contact Us</a></li> <li><a href="404.html" data-hover="Company Profile">Company Profile</a></li> <li><a href="register.html" data-hover="Company Registration">Company Registration</a></li> <li><a href="wishlist.html" data-hover="Wish List">Wish List</a></li> </ul> <script type="text/javascript" src="js/nav.js"></script> </div> </div> </div> <div class="column_center"> <div class="container"> <div class="search"> <div class="stay">Search Product</div> <div class="stay_right"> <input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}"> <input type="submit" value=""> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="main"> <div class="content_top"> <div class="container"> <div class="col-md-3 sidebar_box"> <div class="sidebar"> <div class="menu_box"> <h3 class="menu_head">Products Menu</h3> <ul class="menu"> <li class="item1"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/> Man</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails </a></li> </ul> </li> <li class="item2"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/>Women</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails </a></li> </ul> </li> <li class="item3"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/>Fashion 2015</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails</a></li> </ul> </li> <li class="item4"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/>Kids</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails </a></li> </ul> </li> <li class="item5"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/>Jeans</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails </a></li> </ul> </li> <li class="item6"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/>Tshirt</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails </a></li> </ul> </li> <li class="item7"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/>Top Fashion</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails </a></li> </ul> </li> <li class="item8"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/>Summer Collection</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails </a></li> </ul> </li> <li class="item9"><a href="#"><img class="arrow-img" src="images/f_menu.png" alt=""/>Special Offer</a> <ul class="cute"> <li class="subitem1"><a href="#">Cute Kittens </a></li> <li class="subitem2"><a href="#">Strange Stuff </a></li> <li class="subitem3"><a href="#">Automatic Fails </a></li> </ul> </li> </ul> </div>  <script type="text/javascript"> $(function() { var menu_ul = $('.menu > li > ul'), menu_a = $('.menu > li > a'); menu_ul.hide(); menu_a.click(function(e) { e.preventDefault(); if(!$(this).hasClass('active')) { menu_a.removeClass('active');

评论收藏

内容反馈

版权申诉