<!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='#css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900' rel='stylesheet' type='text/css'>
<link href='#css?family=Rochester' rel='stylesheet' type='text/css'>
<link href='#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 need wait a singlemoment before starting to improve the world.</p>
</div>
蓝色桑拿会所网站模板是一款高端大气休闲会所响应式网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （42个子文件） 
蓝色桑拿会所网站模板是一款高端大气休闲会所响应式网站模板下载。 moban918 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 19KB 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资源评论
2301_76429513
- 粉丝: 15
- 资源: 6728
最新资源
- 基于机器学习的锂离子电池容量估计使用多通道充电配置程序，利用神经网络学习容量与充电性能之间的关系 使用前馈神经网络，卷积神经网络和长短时记忆来准确地估计健康状态 电池寿命预测，有相关资料数据
- centos 7 chrome浏览器及所有依赖包
- 基于遗传算法优化极限学习机（GA-ELM）的数据回归预测 matlab代码
- STM32L0系列微控制器的设备支持包
- 医疗问诊平台会员续费分析活动数据.zip
- 遗传算法微网优化 考虑风光柴油机等设备，程序注释详细，适合初学者学习
- 区间综合柜零层端子配线表.dwg-2019-03-03-17-14-05-703.bak
- 永磁同步电机矢量控制foc simulink仿真 转速电流双闭环，pi控制器
- BP神经网络的数据分类预测和故障信号诊断分类matlab代码 ，直接运行出数据分类结果和误差分布，注释详细易读懂，可直接套数据运行 PS：基于遗传算法的BP神经网络数据分类预测，基于PNN概率神经
- 2024国家公务员招录职位信息.zip
- springboot集成常用开发中间件，分库分表，缓存，消息队列，定时器，权限管理等组件
- 欧姆龙cp1h-xa40dt-d与台达变频器modbus rtu通讯程序 控制启停、写入频率和读取频率，plc型号cp1h-xa40dt-d，触摸屏型号是威纶通mt6103ip和mt8071ie，变
- 台达eh3与台达温控器modbus rtu通讯程序 程序有注释 plc为台达eh3，触摸屏为dop-107bv，温控器为台达dta4848系列
- 西门子PLC通用库 S7.Net.dll
- 基于Python Tkinter的图像处理工具：实现与应用
- VB6.0股票实时交易数据采集源代码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
