<!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" />
<!-- Custom Theme files -->
<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>
<!--web-fonts-->
<link href='https://fonts.googleapis.com/css?family=PT+Serif:400,700' rel='stylesheet' type='text/css'>
<!--js-->
<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' />
<!--//js-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/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>
<!--start-home-->
<body class="cbp-spmenu-push">
<!--top-header-->
<!--bottom-->
<section class="button">
<button id="showLeftPush"><img src="images/menu-icon.png" alt=""></button>
</section>
<!-- start-search-->
<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>
<!--search-scripts-->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!--//search-scripts-->
<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>
<!--banner-Slider-->
<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="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
<!--start-about-->
<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>
<!--//about-->
<!--start-services-->
<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. Su
绿色摩托摩托车机车导航菜单menu侧栏wap手机产品展示宽屏w3响应式bootstrap幻灯单页漂亮.rar
需积分: 0 50 浏览量
2023-09-10
10:37:42
上传
评论
收藏 1.22MB RAR 举报
绿色摩托车产品展示页面html5模板_绿色摩托摩托车机车导航菜单menu侧栏wap手机产品展示宽屏w3响应式bootstrap幻灯单页漂亮.rar （40个子文件） 
g3.jpg 31KB
style.css 32KB g2.jpg 45KB FugazOne-Regular.ttf 27KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB n1.jpg 48KB
quote.png 3KB component.css 4KB top-p1.jpg 36KB t3.jpg 13KB search.png 3KB demo.jpg 38KB t1.jpg 10KB bg.jpg 608KB uisearch.js 6KB bootstrap.css 138KB
icons.svg 1KB move-top.png 3KB t4.jpg 14KB menu-icon.png 3KB easing.js 5KB swipebox.css 4KB classie.js 2KB move-top.js 1KB
index.html 23KB modernizr.custom.js 8KB jquery-1.11.1.min.js 94KB 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资源评论
