<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Big shope A Ecommerce Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="js/jquery.min.js"></script>
<!--script-->
</head>
<body>
<!--header-->
<div class="header">
<div class="top-header">
<div class="container">
<div class="top-header-left">
<ul class="support">
<li><a href="#"><label> </label></a></li>
<li><a href="#">24x7 live<span class="live"> support</span></a></li>
</ul>
<ul class="support">
<li class="van"><a href="#"><label> </label></a></li>
<li><a href="#">Free shipping <span class="live">on order over 500</span></a></li>
</ul>
<div class="clearfix"> </div>
</div>
<div class="top-header-right">
<div class="down-top">
<select class="in-drop">
<option value="English" class="in-of">English</option>
<option value="Japanese" class="in-of">Japanese</option>
<option value="French" class="in-of">French</option>
<option value="German" class="in-of">German</option>
</select>
</div>
<div class="down-top top-down">
<select class="in-drop">
<option value="Dollar" class="in-of">Dollar</option>
<option value="Yen" class="in-of">Yen</option>
<option value="Euro" class="in-of">Euro</option>
</select>
</div>
<!---->
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="bottom-header">
<div class="container">
<div class="header-bottom-left">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=" " /></a>
</div>
<div class="search">
<input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
<input type="submit" value="SEARCH">
</div>
<div class="clearfix"> </div>
</div>
<div class="header-bottom-right">
<div class="account"><a href="login.html"><span> </span>YOUR ACCOUNT</a></div>
<ul class="login">
<li><a href="login.html"><span> </span>LOGIN</a></li> |
<li ><a href="register.html">SIGNUP</a></li>
</ul>
<div class="cart"><a href="#"><span> </span>CART</a></div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---->
<div class="container">
<div class="shoes-grid">
<a href="single.html">
<div class="wrap-in">
<div class="wmuSlider example1 slide-grid">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-matter">
<div class="col-md-5 banner-bag">
<img class="img-responsive " src="images/bag.jpg" alt=" " />
</div>
<div class="col-md-7 banner-off">
<h2>FLAT 50% 0FF</h2>
<label>FOR ALL PURCHASE <b>VALUE</b></label>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
<span class="on-get">GET NOW</span>
</div>
<div class="clearfix"> </div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-matter">
<div class="col-md-5 banner-bag">
<img class="img-responsive " src="images/bag1.jpg" alt=" " />
</div>
<div class="col-md-7 banner-off">
<h2>FLAT 50% 0FF</h2>
<label>FOR ALL PURCHASE <b>VALUE</b></label>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
<span class="on-get">GET NOW</span>
</div>
<div class="clearfix"> </div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-matter">
<div class="col-md-5 banner-bag">
<img class="img-responsive " src="images/bag.jpg" alt=" " />
</div>
<div class="col-md-7 banner-off">
<h2>FLAT 50% 0FF</h2>
<label>FOR ALL PURCHASE <b>VALUE</b></label>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
<span class="on-get">GET NOW</span>
</div>
<div class="clearfix"> </div>
</div>
</article>
</div>
</a>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="">2</a></li>
</ul>
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
</div>
</div>
</a>
<!---->
<div class="shoes-grid-left">
<a href="single.html">
<div class="col-md-6 con-sed-grid">
<div class=" elit-grid">
<h4>consectetur elit</h4>
<label>FOR ALL PURCHASE VALUE</label>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
<span class="on-get">GET NOW</span>
</div>
<img class="img-responsive shoe-left" src="images/sh.jpg" alt=" " />
<div class="clearfix"> </div>
</div>
</a>
<a href="single.html">
<div class="col-md-6 con-sed-grid sed-left-top">
<div class=" elit-grid">
<h4>consectetur elit</h4>
<label>FOR ALL PURCHASE VALUE</label>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
<span class="on-get">GET NOW</span>
</div>
<img class="img-responsive shoe-left" src="images/wa.jpg" alt=" " />
<div class="clearfix"> </div>
</div>
</a>
</div>
<div class="products">
<h5 class="latest-product">LATEST PRODUCTS</h5>
<a class="view-all" href="product.html">VIEW ALL<span> </span></a>
</div>
<div class="product-left">
<div class="col-md-4 chain-grid">
<a href="single.html"><img class="img-responsive chain" src="images/ch.jpg" alt=" " /></a>
<span class="star"> </span>
<div class="grid-chain-bottom">
<h6><a href="single.html">Lorem ipsum dolor</a></h6>
<div class="star-price">
<div class="dolor-grid">
<span class="actual">300$</span>
<span class="reducedfrom">400$</span>
<span class="rating">
<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
<label for="rating-input-1-5" class="rating-star1"> </label>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
完成期末项目,提升开发效率——【web课设】响应式网页-HTML源码 在校大学生们,期末大作业的截止日期迫在眉睫,是否还在寻找能让你的项目脱颖而出的秘密武器?【web课设】响应式网页-HTML源码,是你提升开发效率、轻松完成期末项目的关键所在。 这份资源专为你们设计,知晓你们面临的压力和挑战,提供了快速构建响应式网页的完美解决方案。想在期末项目中展示出卓越的前端能力吗?这份源码将帮助你轻松实现。 通过学习和应用这些精心编写的HTML源码,你不仅能节省大量的编写时间,还能确保你的网页在不同设备上自动适应显示,无论是在手机、平板还是电脑上,都能达到最佳展示效果。 【web课设】响应式网页-HTML源码,让你的项目正中教授的心意,也让你在同学中脱颖而出。别再犹豫,立即查看这份资源,解锁你的前端开发潜力,迅速提高你的开发效率,让期末大作业成为你学术生涯中的一次亮点。 记住,成功的秘诀不仅在于努力,更在于选择正确的工具。【web课设】响应式网页-HTML源码,就是你成功路上的得力伙伴。立即行动,让自己在这个期末,与众不同!
资源推荐
资源详情
资源评论
收起资源包目录
【web课设】简洁综合网店响应式网页-HTML源码.7z (68个子文件)
【web课设】简洁综合网店响应式网页-HTML源码
html
register.html 11KB
js
jquery.wmuSlider.js 12KB
jquery.etalage.min.js 17KB
jquery.flexisel.js 8KB
jquery.min.js 92KB
product.html 15KB
css
style.css 28KB
bootstrap.css 118KB
form.css 3KB
etalage.css 4KB
login.html 11KB
index.html 24KB
contact.html 11KB
single.html 15KB
images
pic12.jpg 27KB
pic5.jpg 26KB
pic6.jpg 28KB
pi2.jpg 12KB
pic.jpg 42KB
gpluse.png 668B
tick1.png 3KB
bott.jpg 15KB
pic10.jpg 23KB
Thumbs.db 105KB
bottle.jpg 21KB
s1.jpg 20KB
s2.jpg 17KB
pic8.jpg 16KB
sh.jpg 4KB
pi1.jpg 18KB
si1.jpg 154KB
logo.png 5KB
zoom.png 5KB
pic4.jpg 41KB
review.png 174B
pic2.jpg 57KB
pic3.jpg 25KB
pi4.jpg 11KB
si2.jpg 121KB
pic1.jpg 16KB
twitter.png 527B
wat.jpg 23KB
ba.jpg 23KB
pi3.jpg 7KB
avatar.png 2KB
ch.jpg 11KB
baa.jpg 28KB
si3.jpg 142KB
bag.jpg 58KB
img-sprite.png 30KB
bag1.jpg 76KB
facebook.png 407B
bo.jpg 26KB
si4.jpg 147KB
label_new.png 4KB
pic11.jpg 45KB
rss.png 657B
a-star.png 660B
b-arrow.png 3KB
s3.jpg 23KB
pic7.jpg 30KB
pi.jpg 11KB
pic13.jpg 53KB
star.png 659B
s4.jpg 23KB
arrow1.png 291B
arrow2.png 326B
wa.jpg 5KB
共 68 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Cocos2d-x教程视频彩虹糖粒子特效
- Cocos2d-x教程视频Windows平台下在VS2013中为Cocos2d-x3工程添加Box2D物理引擎支持库
- rpi4b基于uboot通过nfs挂载最新主线Linux内核的注意事项
- Cocos2d-x教程视频TMX地图解析
- Cocos2d-x教程视频CocosStudio 2.0 文件格式解析
- 基于 Van.js 的简单前端路由组件(支持字符串和正则表达式匹配等).zip
- Cocos2d-x教程视频CocosStudio 2.0 容器控件
- 学习资源-07~11,备份
- (源码)基于Flink和Kafka的实时用户行为日志分析系统.zip
- (源码)基于Arduino的机器人避障系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功