自适应式国外足球俱乐部网站html源码模板资源-CSDN文库

共48个文件

png：31个

js：10个

css：5个

html

html5

需积分: 2 95 浏览量 2023-06-28 01:50:31 上传评论收藏 887KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

国外足球俱乐部网站.rar （48个子文件）

国外足球俱乐部网站

jquery.magnific-popup.js 45KB

responsiveslides.min.js 3KB

modernizr.custom.min.js 2KB

circles.js 7KB

easing.js 5KB

move-top.js 1KB

owl.carousel.js 37KB

jquery.mixitup.min.js 14KB

wow.min.js 5KB

jquery.min.js 92KB

css

style.css 34KB

owl.carousel.css 8KB

popuo-box.css 7KB

animate.css 67KB

bootstrap.css 118KB

index.html 27KB

images

small-icons.png 4KB

service-img.png 9KB

plus.png 619B

hokey.png 49KB

ball1.png 73KB

up-arrow.png 282B

icons1.png 657B

playhr.png 5KB

user1.png 7KB

Icc.png 43KB

team2.png 11KB

menu.png 138B

social-icons1.png 2KB

1.jpg 332KB

team1.png 16KB

social-icons.png 2KB

word.png 4KB

ball.png 51KB

team.png 10KB

skills-small.png 3KB

social-iconshr.png 2KB

skills-bottom.png 13KB

Football.png 48KB

play.png 4KB

user.png 23KB

tick.png 760B

envato.png 4KB

icons.png 5KB

Football1.png 46KB

user2.png 6KB

service-imghr.png 11KB

dribble.png 5KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">  <script src="js/jquery.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </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>   <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script>  </head> <body>  <div id="home" class="heder">  <div class="container"> <div class="header-top"> <div class="heder-logo"> <h1><a href="#">IDDO</a></h1> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""></span> <ul class="nav1"> <li><a class="scroll" href="#home">Home</a></li> <li><a class="scroll" href="#services">Services</a></li> <li><a class="scroll" href="#portfolio">Portfolio</a></li> <li><a class="scroll" href="#about">About</a></li> <li><a class="scroll" href="#contact">Contact</a></li> <li><a class="Signup play-icon popup-with-zoom-anim" href="#small-dialog2">Sign up</a></li> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> <div class="clearfix"> </div> </div> </div>  </div>   <div class="banner">  <div class="container"> <div class="banner-info wow bounceIn" data-wow-delay="0.4s"> <a class="play-icon popup-with-zoom-anim" href="#small-dialog"> <span> </span> </a> <div class="banner-text"> <h2>Let me show you a few things.</h2> <p><a class="play-icon popup-with-zoom-anim" href="#small-dialog">Click to play video</a></p> </div>  <script type="text/javascript" src="js/modernizr.custom.min.js"></script> <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/> <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>  <div id="small-dialog" class="mfp-hide"> <iframe src="//player.vimeo.com/video/38584262" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen> </iframe> </div> <div id="small-dialog2" class="mfp-hide"> <div class="signup"> <h3>Sign Up</h3> <h4>Please Enter Your Details</h4> <input type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}" /> <input type="text" value="Second Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Second Name';}" /> <input type="text" class="email"value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" /> <input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"/> <input type="submit" value="Sign Up"/> </div> </div> <script> $(document).ready(function() { $('.popup-with-zoom-anim').magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-zoom-in' }); }); </script> </div> </div>  </div>   <div id="services" class="services">  <div class="container"> <div class="col-md-4 services-hedding wow bounceIn" data-wow-delay="0.4s"> <h3>Our Services.</h3> </div> <div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s"> <div class="col-md-3 img-grid"> <span> </span> </div> <div class="col-md-9 img-grid-text"> <h4>Feature 1</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p> </div> </div> <div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s"> <div class="col-md-3 img-grid"> <span class="food"> </span> </div> <div class="col-md-9 img-grid-text"> <h4>Feature 2</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p> </div> </div> <div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s"> <div class="col-md-3 img-grid"> <span class="power"> </span> </div> <div class="col-md-9 img-grid-text"> <h4>Feature 3</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p> </div> </div> <div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s"> <div class="col-md-3 img-grid"> <span class="wood"> </span> </div> <div class="col-md-9 img-grid-text"> <h4>Feature 4</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p> </div> </div> <div class="clearfix"> </div> </div>  </div>   <div class="icons">  <div class="container"> <ul class="wow bounceIn" data-wow-delay="0.4s"> <li> <span class="light"> </span> </li> <li> <span class="glob"> </span> </li> <li> <span class="camra"> </span> </li> <li> <span class="setting"> </span> </li> <li> <span class="mike"> </span> </li> <li> <span class="money"> </span> </li> </ul> </div>  </div>   <div id="portfolio" class="works">  <div class="container"> <div class="works-hedding wow bounceIn" data-wow-delay="0.4s"> <h3>Our works.</h3> </div> <ul id="filters"> <li><span class="filter active wow bounceIn" data-wow-delay="0.4s"" data-filter="app card icon logo web">All</span></li> <li><span class="filter wow bounceIn" data-wow-delay="0.4s"" data-filter="app">Website</span></li> <li><span class="filter wow bounceIn" data-wow-delay="0.4s"" data-filter="card">Branding</span></li> </ul> <div id="portfoliolist"> <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s"> <a href="#small-dialog" class="b-link-stripe b-animate-go"> <img src="images/ball.png" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">NAME PREJECT</h2> <p class="b-animate b-from-left b-delay03 ">designed by Authour | May 23, 2014</p> </div></a> </div>

评论收藏

内容反馈