<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<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="Yacht Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="applijegleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"></script>
<!--webfonts-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800,300italic,400italic|Lato:400,700,400italic' rel='stylesheet' type='text/css'>
<!--//webfonts-->
<script src="js/modernizr.custom.js"></script>
<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>
</head>
<body>
<!--start-home-->
<div class="banner" id="home">
<div class="header-top">
<div class="container">
<!--top-nav-->
<div class="logo">
<a href="index.html"><h1>Yacht</h1></a>
</div>
<span class="menu"> </span>
<div class="top-menu">
<nav>
<ul class="cl-effect-16">
<li><a class="active scroll" href="#home" data-hover="Home">Home</a></li>
<li><a class="scroll" href="#about" data-hover="About">About</a></li>
<li><a class="scroll" href="#service" data-hover="Services">Services</a></li>
<li><a class="scroll" href="#team" data-hover="Team">Team</a></li>
<li><a class="scroll" href="#gallery" data-hover="Gallery">Gallery</a></li>
<li><a class="scroll" href="#test" data-hover="Testimonials">Testimonials</a></li>
<li><a class="scroll" href="#contact" data-hover="Contact">Contact</a></li>
<div class="clearfix"></div>
</ul>
</nav>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="clearfix"></div>
</div>
</div>
<!-- script-for-menu -->
<div class="container">
<div class="banner-info">
<div class="col-md-6 banner-slider">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="banner-info two">
<h3>Enjoy a New Yacht</h3>
<h4>Discover New Places ...!</h4>
</div>
</li>
<div class="banner-info two">
<h3>Enjoy a New Trip</h3>
<h4>Memorable Experience ...!</h4>
</div>
<li>
<div class="banner-info two">
<h3>Enjoy a New Yacht</h3>
<h4>Discover New Places ...!</h4>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-6 banner-pic">
<img class="img-responsive " src="images/ship.png" alt="" />
</div>
<div class="clearfix"></div>
</div>
<!--banner-slide-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
destination: 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>
<!--//banner-slide-->
</div>
</div>
<!--//banner-->
<!--welcome-->
<div class="welcome" id="about">
<div class="container">
<div class="wel-top">
<h2>Welcome to our Yacht</h2>
<img src="images/wel.jpg" alt="" />
<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>
</div>
</div>
</div>
<!--//welcome-->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<!--//services-->
<div class="services" id="service">
<div class="container">
<h3 class="tittle">Our Services</h3>
<div class="banner-bottom-info two">
<div class="col-md-3 b-grids">
<div class="icon">
<i class="glyphicon glyphicon-time"> </i>
</div>
<div class="album-box">
<h4>Amet Dolor</h4>
<p>We are glad to welcome you in our store.We are glad to welcome you in our store.choosing our store.</p>
</div>
</div>
<div class="col-md-3 b-grids">
<div class="icon">
<i class="glyphicon glyphicon-cog"> </i>
</div>
<div class="album-box">
<h4>Amet Dolor</h4>
<p>We are glad to welcome you in our store.We are glad to welcome you in our store.choosing our store.</p>
</div>
</div>
<div class="col-md-3 b-grids">
<div class="icon">
<i class="glyphicon glyphicon-user"> </i>
</div>
<div class="album-box">
<h4>Amet Dolor</h4>
<p>We are glad to welcome you in our store.We are glad to welcome you in our store.choosing our store.</p>
</div>
</div>
<div class="col-md-3 b-grids lost">
<div class="icon">
<i class="glyphicon glyphicon-gift"> </i>
</div>
<div class="album-box">
<h4>Amet Dolor</h4>
<p>We are glad to welcome you in our store.We are glad to welcome you in our store.choosing our store.</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--destination-starts-->
<div class="destination" id="destination">
<h3 class="tittle two">Destinations</h3>
<div class="destination-1">
<div class="col-md-4 destination-left">
<img src="images/d1.jpg" alt="">
<div class="tool">
<a class="tooltips" href="#">
<span></span></a>
</div>
</div>
<div class="col-md-4 destination-left destination-middle">
<h4>Destination1</h4>
<p>Aliquam Erat Volutpat</p>
</div>
<div class="col-md-4 destination-left destination-right">
<img src="images/d3.jpg" alt="">
<div class="tool-1">
<a class="tooltips-1" href="#">
<span></span></a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="destination-1">
<div class="col-md-4 destination-left destination-middle">
<h4>Destination2</h4>
<p>Aliquam Erat Volutpat</p>
</div>
<div class="col-md-4 destination-left">
<img src="images/d2.jpg" alt="">
<div class="tool">
<a class="tooltips" href="#">
<span></span></a>
</div>
</div>
<div class="col-md-4 destination-left destination-middle">
<h4>Destination3</h4>
<p>Aliquam Erat Volutpat</p>
</div>
<div class="clearfix"></div>
</div>
大气帆船俱乐部响应式html5模板_大气 帆 html5 cs适应响应式源码.rar
47 浏览量
2023-08-05
15:53:09
上传
评论
收藏 1.01MB RAR 举报
大气帆船俱乐部响应式html5模板_大气 帆船 俱乐部 响应式 旅游 游轮 蓝色 bootstrap html5 cs适应响应式源码.rar （39个子文件） 
大气帆船俱乐部响应式html5模板_大气 帆船 俱乐部 响应式 旅游 游轮 蓝色 bootstrap html5 css3 响应式 手机 运动 斜线 个性 黄色 单页 cpts_413_rv js 
jquery.wmuSlider.js 12KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB modernizr.custom.js 9KB jquery-1.11.1.min.js 94KB css style.css 39KB bootstrap.css 118KB swipebox.css 4KB
index.html 18KB images 
g3.jpg 57KB g2.jpg 41KB
bg2.png 8KB c1.jpg 18KB wel.jpg 45KB ship.png 317KB c2.jpg 14KB d3.jpg 37KB t3.jpg 15KB g6.jpg 32KB t1.jpg 13KB nav.png 3KB arrows.png 4KB d1.jpg 30KB
icons.svg 1KB move-top.png 3KB quotes.png 3KB t4.jpg 18KB g5.jpg 32KB bg.png 33KB quote_down.png 4KB t2.jpg 20KB g4.jpg 39KB d2.jpg 22KB g1.jpg 142KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
