<!--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>Sport A Ecommerce Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</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 -->
<!--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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Sport 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>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
</head>
<body>
<!--header-->
<div class="line">
</div>
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" ></a>
</div>
<div class="header-top">
<div class="header-grid">
<ul class="header-in">
<li ><a href="account.html">My Account </a> </li>
<li>
<select class="in-drop">
<option value="Dollars" class="in-of">Dollars</option>
<option value="Euro" class="in-of">Euro</option>
<option value="Yen" class="in-of">Yen</option>
</select>
</li>
</ul>
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
<div class="online">
<a href="single.html" >SHOP ONLINE</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="header-bottom">
<div class="h_menu4"><!-- start h_menu4 -->
<a class="toggleMenu" href="#">Menu</a>
<ul class="nav">
<li class="active"><a href="product.html">Running</a></li>
<li><a href="product.html">Fitness</a></li>
<li><a href="product.html">Tennis</a>
</li>
<li><a href="product.html">Football</a></li>
<li><a href="product.html">Golf</a></li>
<li><a href="product.html">More <i> </i></a>
<ul>
<li><a href="contact.html">Contact</a></li>
<li><a href="account.html">Account</a></li>
<li><a href="register.html">Register</a></li>
</ul>
</li>
</ul>
<script type="text/javascript" src="js/nav.js"></script>
</div><!-- end h_menu4 -->
<ul class="header-bottom-in">
<li ><select class="drop">
<option value="Dollars" class="in-of">Get Active</option>
<option value="Euro" class="in-of">Get Active1</option>
<option value="Yen" class="in-of">Get Active2</option>
</select> </li>
<li ><select class="drop">
<option value="Dollars" class="in-of">Community</option>
<option value="Euro" class="in-of">Community1</option>
<option value="Yen" class="in-of">Community2</option>
</select></li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!---->
<div class="banner">
<div class="container">
<div class="banner-matter">
<h1>Get active get running<span>push your limits</h1>
<div class="out">
<a href="single.html" class="find">FIND OUT MORE </a>
<a href="single.html" class="shop">SHOP</a>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!---->
<div class="content">
<div class="sport-your">
<!-- requried-jsfiles-for owl -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 5,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : true,
pagination : false,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div class="line1">
</div>
<div id="example1">
<div id="owl-demo" class="owl-carousel text-center">
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic.jpg" alt="">
<div class="run">
<i> </i>
<p>RUNNING</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic1.jpg" alt="">
<div class="run">
<i class="foot-in"> </i>
<p>FOOTBALL</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic2.jpg" alt="">
<div class="run">
<i class="cycling"> </i>
<p>CYCLING</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic3.jpg" alt="">
<div class="run">
<i class="fitness"> </i>
<p>FITNESS</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic4.jpg" alt="">
<div class="run">
<i class="tennis"> </i>
<p>TENNIS</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic.jpg" alt="">
<div class="run">
<i> </i>
<p>RUNNING</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic1.jpg" alt="">
<div class="run">
<i class="foot-in"> </i>
<p>FOOTBALL</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic2.jpg" alt="">
<div class="run">
<i class="cycling"> </i>
<p>CYCLING</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic3.jpg" alt="">
<div class="run">
<i class="fitness"> </i>
<p>FITNESS</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic4.jpg" alt="">
<div class="run">
<i class="tennis"> </i>
<p>TENNIS</p>
</div>
</a>
</div>
<div class="item">
<a href="single.html" title="image" rel="title1">
<img class="img-responsive " src="images/pic.jpg" alt="">
<div class="run">
<i> </i>
<p>RUNNING</p>
</div>
基于HTML+CSS+JS开发的网站-运动电商网店响应式网页.7z
需积分: 5 2 浏览量
2024-06-28
18:10:07
上传
评论
收藏 2.02MB 7Z 举报
基于HTML+CSS+JS开发的网站-运动电商网店响应式网页.7z （50个子文件） 
【web课设】运动电商网店响应式网页-HTML源码 html 
register.html 7KB account.html 7KB js 
responsiveslides.min.js 3KB nav.js 1KB uisearch.js 6KB classie.js 2KB owl.carousel.js 37KB jquery.etalage.min.js 17KB jquery.min.js 94KB product.html 10KB css style.css 29KB owl.carousel.css 3KB bootstrap.css 118KB etalage.css 4KB index.html 14KB contact.html 8KB single.html 13KB images 
pi2.jpg 43KB pic.jpg 26KB
pr.png 57KB vi.jpg 226KB s1.jpg 108KB s2.jpg 135KB arrow.png 3KB banner.jpg 226KB pi1.jpg 26KB si1.jpg 23KB logo.png 4KB sh1.png 56KB zoom.png 5KB pic4.jpg 20KB pr4.png 53KB pic2.jpg 34KB pic3.jpg 33KB si.jpg 19KB si2.jpg 23KB pr2.png 43KB 11.png 3KB pic1.jpg 48KB pr1.png 47KB si3.jpg 32KB sh2.png 64KB v2.jpg 192KB img-sprite.png 19KB ac.png 35KB sh.png 65KB s3.jpg 134KB pr3.png 47KB pi.jpg 28KB s4.jpg 178KB资源评论
