<!DOCTYPE html>
<html>
<head>
<title>Home</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.useso.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>
</a>
</div>
</div>
</div>
<h6 class="your-in">Your sport</h6>
<div class="line2">
</div>
</div>
<!--//sreen-gallery-cursual---->
<div class="content-grids">
<div class="col-md-4 content-grid">
<a href="single.html" class="lot"><img class="img-resp
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
083_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip (50个子文件)
083
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 7KB
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
共 50 条
- 1
资源评论
woisking2
- 粉丝: 12
- 资源: 6722
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功