<!--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>The Club Soccer flat Responsive Sports Category Bootstrap Website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Bootstrap Responsive Templates, Iphone Compatible Templates, Smartphone Compatible Templates, Ipad Compatible Templates, Flat Responsive Templates"/>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.11.0.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!---- start-smoth-scrolling---->
</head>
<body>
<div class="head" id="home">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="header">
<div class="menu">
<a class="toggleMenu" href="#"><img src="images/menu-icon.png" alt="" /> </a>
<ul class="nav" id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blogs.html">Blogs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!----start-top-nav-script---->
<script type="text/javascript" src="js/responsive-nav.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!----//End-top-nav-script---->
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="banner">
<div class="container">
<div class="banner-text">
<h1>SEARCHING ABOUT Soccer..??</h1>
<P>HERE WE GOT SAME NEWS HERE</P>
<span>
<input type="text" value="Search here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search here...';}">
<input type="submit" value="Find">
</span>
</div>
</div>
</div>
</li>
<li>
<div class="banner1">
<div class="container">
<div class="banner-text">
<h1>SEARCHING ABOUT Soccer..??</h1>
<P>HERE WE GOT SAME NEWS HERE</P>
<span>
<input type="text" value="Search here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search here...';}">
<input type="submit" value="Find">
</span>
</div>
</div>
</div>
</li>
<li>
<div class="banner2">
<div class="container">
<div class="banner-text">
<h1>SEARCHING ABOUT Soccer..??</h1>
<P>HERE WE GOT SAME NEWS HERE</P>
<span>
<input type="text" value="Search here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search here...';}">
<input type="submit" value="Find">
</span>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"></div>
<!--- banner Slider starts Here --->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--End-slider-script-->
<!--start-website-->
<!--Responsive-tabs-Starts-Here-->
<div class="website">
<div class="container">
<div class="website-top">
<h3>ABOUT OUR WEBSITE</h3>
</div>
<div class="sap_tabs">
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<ul class="resp-tabs-list">
<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>What we do</span></li>
<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>History</span></li>
<li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span>News</span></li>
<li class="resp-tab-item" aria-controls="tab_item-3" role="tab"><span>Clients</span></li>
<div class="clear"></div>
</ul>
<div class="resp-tabs-container">
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
<div class="facts">
<img src="images/abt-img.png" src="">
<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
</div>
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
<div class="facts">
<img src="images/abt-4.png" src="">
<p>Printer took a galley of when an unknown type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
</div>
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-2">
<div class="facts">
<img src="images/abt-2.png" src="">
<p>Took a galley of type and scrambled it to make awhen an unknown printer type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
</div>
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-3">
<div class="facts">
<img src="images/abt-3.png" src="">
<p>Galley of type and scrambled when an unknown printer took a it to make a type s
[web前端]&[课程设计]&[网站源码]-足球训练中心响应式网页模板.7z （59个子文件） 
[web前端]&[课程设计]&[网站源码]-足球训练中心响应式网页模板 html 
blogs.html 9KB js 
jquery.fancybox.js 48KB responsiveslides.min.js 3KB easyResponsiveTabs.js 6KB responsive-nav.js 1KB easing.js 5KB jquery-1.11.0.min.js 94KB move-top.js 1KB css style.css 53KB common.css 310B bootstrap.css 118KB jquery.fancybox.css 5KB index.html 13KB contact.html 5KB about.html 9KB single.html 10KB images 
g3.jpg 141KB t5.jpg 32KB t6.jpg 31KB g2.jpg 155KB one-3.jpg 118KB
abt-2.png 5KB banner-2.jpg 235KB one-4.jpg 95KB one-1.jpg 91KB up-arrow.png 1KB banner-1.jpg 269KB spl-img.png 5KB Thumbs.db 26KB news-3.jpg 35KB banner.jpg 172KB logo.png 5KB t3.jpg 43KB men.png 2KB blog3.jpg 88KB abt-3.png 7KB recent-2.jpg 19KB fancybox_sprite.png 1KB t1.jpg 34KB footer-banner.jpg 241KB news-2.jpg 28KB t4.jpg 29KB menu-icon.png 4KB blog2.jpg 51KB news-1.jpg 30KB strength-1.jpg 78KB recent-1.jpg 20KB recent-3.jpg 16KB t2.jpg 41KB marker.png 3KB abt-4.png 6KB g4.jpg 184KB abt-img.PNG 6KB approach.jpg 39KB one-2.jpg 115KB msg.png 5KB g1.jpg 123KB blog1.jpg 99KB gallery.html 9KB资源评论
