<!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手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
194 浏览量
2023-08-03
10:55:12
上传
评论
收藏 2.03MB ZIP 举报
083国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.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资源评论
