<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Luxury Resorts 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="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider1").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<!----->
<!---- start-smoth-scrolling---->
<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},1200);
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!---End-smoth-scrolling---->
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
</head>
<body>
<div class="header" id="home">
<div class="header-top">
<div class="container">
<div class="logo">
<a href="index.html">Luxury <span>resorts</span></a>
</div>
<div class="top-menu">
<span class="menu"><img src="images/nav.png" alt=""/> </span>
<ul>
<nav class="cl-effect-3">
<li><a href="#home" class="active scroll">home</a></li>
<li><a href="#aboutus" class="scroll">about us</a></li>
<li><a href="#services" class="scroll">services</a></li>
<li><a href="#gallery" class="scroll">gallery</a></li>
<li><a href="#reviews" class="scroll">reviews</a></li>
<li><a href="#pricing" class="scroll">pricing</a></li>
<li><a href="#blog" class="scroll">blog</a></li>
<li><a href="#contact" class="scroll">contact</a></li>
</nav>
</ul>
</div>
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<div class="clearfix"></div>
</div>
</div>
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="slider-info">
<img src="images/banner.jpg" class="img-responsive" alt="">
</div>
</li>
<li>
<div class="slider-info">
<img src="images/banner1.jpg" class="img-responsive" alt="">
</div>
</li>
<li>
<div class="slider-info">
<img src="images/banner2.jpg" class="img-responsive" alt="">
</div>
</li>
<li>
<div class="slider-info">
<img src="images/banner3.jpg" class="img-responsive" alt="">
</div>
</li>
<li>
<div class="slider-info">
<img src="images/banner4.jpg" class="img-responsive" alt="">
</div>
</li>
</ul>
</div>
</section>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- FlexSlider -->
<!-- slider -->
</div>
<div class="content">
<div class="about-section" id="aboutus">
<div class="container">
<h3>about <span>us<span></h3>
<div class="about-grids">
<div class="col-md-3 about-grid">
<img src="images/page1_img1.jpg">
<h4>Wellness& <span>Spa</span></h4>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
<div class="col-md-3 about-grid">
<img src="images/page1_img2.jpg">
<h4>Room& <span>Rates</span></h4>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
<div class="col-md-3 about-grid">
<img src="images/page1_img3.jpg">
<h4>Spa& <span>Repair</span></h4>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
<div class="col-md-3 about-grid">
<img src="images/page1_img4.jpg">
<h4>Environmental&<span>Restaurant</span></h4>
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
<div class="clearfix"></div>
</div>
<a class="button hvr-shutter-in-vertical" href="#">read more</a>
</div>
</div>
<div class="services-section" id="services">
<div class="container">
<h3>our <span>services</span></h3>
<div class="services-grids">
<div class="col-md-6 service-leftgrid">
<div class="service1">
<div class="left-grid1">
<h4>01</h4>
</div>
<div class="left-grid2">
<h4>Regal and Baquacil Chemicals </h4>
<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="service2">
<div class="left-grid1">
<h4>02</h4>
</div>
<div class="left-grid2">
<h4>Repairs and Equipment Upgrades</h4>
<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="service1">
<div class="left-grid1">
<h4>03</h4>
</div>
<div class="left-grid2">
<h4>Complete Service & Parts Department </h4>
<p>How wonderful it is that nobody
蓝色响应式度假村旅游单页推广模板_蓝色 响应式 手机 bootstrap 度假 度假村 旅游 单页 景点 物业 服务 .rar
116 浏览量
2023-08-05
15:10:42
上传
评论
收藏 1.59MB RAR 举报
蓝色响应式度假村旅游单页推广模板_蓝色 响应式 手机 bootstrap 度假 度假村 旅游 单页 景点 物业 服务 .rar （42个子文件） 
蓝色响应式度假村旅游单页推广模板_蓝色 响应式 手机 bootstrap 度假 度假村 旅游 单页 景点 物业 服务 responsive cpts_561_xw js 
jquery.swipebox.min.js 7KB jquery-1.8.3.min.js 91KB responsiveslides.min.js 3KB jquery.flexslider.js 39KB easing.js 5KB move-top.js 1KB css style.css 34KB flexslider.css 4KB bootstrap.css 124KB swipebox.css 4KB
index.html 20KB single.html 9KB images 
pic5.jpg 90KB page1_img1.jpg 13KB img6.jpg 68KB page1_img4.jpg 12KB
side-1.png 22KB banner.jpg 179KB banner4.jpg 108KB img2.jpg 35KB to-top2.png 3KB img5.jpg 39KB page1_img3.jpg 12KB banner3.jpg 113KB pic4.jpg 43KB pic2.jpg 46KB pic3.jpg 36KB nav.png 3KB img4.jpg 54KB side-3.png 26KB pic1.jpg 44KB img1.jpg 53KB
icons.svg 1KB banner1.jpg 162KB img7.jpg 27KB page1_img2.jpg 7KB img-sprite.png 9KB img3.jpg 40KB img8.jpg 39KB side-2.png 25KB banner2.jpg 176KB img9.jpg 51KB资源评论
