<!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</span></h1><span>
<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>
</span></div>
</div>
</div><span>
<!---->
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" title="网站模板">网站模板</a></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-gal