[web前端]&[课程设计]&[网站源码]-足球训练中心响应式网页模板.7z资源-CSDN文库

共59个文件

jpg：29个

png：12个

js：7个

web前端

网站源码

JavaScript

HTML5

需积分: 5 175 浏览量 2024-06-21 14:39:08 上传评论收藏 2.6MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

[web前端]&[课程设计]&[网站源码]-足球训练中心响应式网页模板.7z （59个子文件）

[web前端]&[课程设计]&[网站源码]-足球训练中心响应式网页模板

html

blogs.html 9KB

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

<!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>  <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>  </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>  <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>  </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>  <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>    <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

评论收藏

内容反馈