白色大气风格的摩托车爱好者网站模板下载.zip资源-CSDN文库

共40个文件

jpg：16个

js：8个

png：6个

版权申诉

HTML5

100 浏览量 2024-12-25 18:38:16 上传评论收藏 1.24MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色大气风格的摩托车爱好者网站模板下载.zip （40个子文件）

8649

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

uisearch.js 6KB

easing.js 5KB

classie.js 2KB

move-top.js 1KB

modernizr.custom.js 8KB

jquery-1.11.1.min.js 94KB

css

style.css 32KB

component.css 4KB

bootstrap.css 138KB

swipebox.css 4KB

index.html 23KB

images

g3.jpg 31KB

g2.jpg 45KB

n1.jpg 48KB

quote.png 3KB

top-p1.jpg 36KB

t3.jpg 13KB

search.png 3KB

demo.jpg 38KB

t1.jpg 10KB

bg.jpg 608KB

icons.svg 1KB

move-top.png 3KB

t4.jpg 14KB

menu-icon.png 3KB

t2.jpg 14KB

top-p.jpg 27KB

g4.jpg 41KB

icons.png 4KB

ab.jpg 47KB

g1.jpg 42KB

n2.jpg 48KB

top-p2.jpg 44KB

search (1).png 4KB

fonts

FugazOne-Regular.ttf 27KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all"> <link href="css/style.css" type="text/css" rel="stylesheet" media="all"> <link href="css/component.css" rel="stylesheet" type="text/css" />  <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="Scootio Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola Welcome" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='http://fonts.useso.com/css?family=PT+Serif:400,700' rel='stylesheet' type='text/css'>  <script src="js/jquery-1.11.1.min.js"></script> <script src="js/modernizr.custom.js"></script> <link href="css/swipebox.css" rel='stylesheet' type='text/css' />  <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},900); }); }); </script> <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".work-grid-middle a").swipebox(); }); </script> </head>  <body class="cbp-spmenu-push">   <section class="button"> <button id="showLeftPush"><img src="images/menu-icon.png" alt=""></button> </section>  <div class="search"> <div id="sb-search" class="sb-search"> <form> <input class="sb-search-input" placeholder="Enter your search term..." type="search" id="search"> <input class="sb-search-submit" type="submit" value=""> <span class="sb-icon-search"> </span> </form> </div> </div>  <script src="js/classie.js"></script> <script src="js/uisearch.js"></script> <script> new UISearch( document.getElementById( 'sb-search' ) ); </script>  <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1"> <h3>Menu</h3> <a class="active scroll" href="#house">Home</a> <a class="scroll" href="#about">About</a> <a class="scroll" href="#service">Services</a> <a class="scroll" href="#team">Team</a> <a class="scroll" href="#news">News</a> <a class="scroll" href="#demo">Demo</a> <a class="scroll" href="#test">Testimonials</a> <a class="scroll" href="#gallery">Gallery</a> <a class="scroll" href="#contact">Contact</a> <ul class=" side-icons"> <li><a class="fb" href="#"></a></li> <li><a class="twitt" href="#"></a></li> <li><a class="goog" href="#"></a></li> <li><a class="drib" href="#"></a></li> </ul> </nav> <div class="banner" id="house"> <div class="container"> <div class="callbacks_container"> <ul class="rslides callbacks callbacks1" id="slider4"> <li class="callbacks1_on" style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 500ms ease-in-out;"> <div class="banner-info"> <h3>The New Vespa Trade it</h3> <a href="#" class="con"><i class="glyphicon glyphicon-cog"></i>Configure</a> </div> </li> <li class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;"> <div class="banner-info"> <h3>The New Scootio</h3> <a href="#" class="con"><i class="glyphicon glyphicon-cog"></i>Configure</a> </div> </li> <li class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;"> <div class="banner-info"> <h3>The New Vespa Trade it</h3> <a href="#" class="con"><i class="glyphicon glyphicon-cog"></i>Configure</a> </div> </li> <li class="callbacks1_on" style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 500ms ease-in-out;"> <div class="banner-info"> <h3>The New Scootio</h3> <a href="#" class="con"><i class="glyphicon glyphicon-cog"></i>Configure</a> </div> </li> </ul> </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:false, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> </div> </div> <script> var menuLeft = document.getElementById( 'cbp-spmenu-s1' ), showLeftPush = document.getElementById( 'showLeftPush' ), showRightPush = document.getElementById( 'showRightPush' ), body = document.body; showLeftPush.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( body, 'cbp-spmenu-push-toright' ); classie.toggle( menuLeft, 'cbp-spmenu-open' ); disableOther( 'showLeftPush' ); }; function disableOther( button ) { if( button !== 'showLeftPush' ) { classie.toggle( showLeftPush, 'disabled' ); } if( button !== 'showRightPush' ) { classie.toggle( showRightPush, 'disabled' ); } } </script>  <div class="about-section" id="about"> <div class="container"> <h3 class="tittle">About</h3> <div class="about-top"> <div class="col-md-6 about-text"> <h2>Welcome to Our New Scootio</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since,Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p> <p>Dolor amet At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia anim</p> <a href="#" class="con two"><i class="glyphicon glyphicon-menu-right"></i>Read More</a> </div> <div class="col-md-6 about-pic"> <img src="images/ab.jpg" alt=""/> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="service-section" id="service"> <div class="container"> <h3 class="tittle">Service</h3> <div class="service-bottom"> <div class="col-md-6 about-left"> <div class="srv-one"> <div class="srv-left"> <h4>Pellentesque mollis malesuada</h4> <p>Nulla et finibus libero. Suspendisse vitae ex facilisis, ultricies est sed, porta ante. Vivamus tristique luctus lorem, eget dignissim lacus s

评论收藏

内容反馈

版权申诉