<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--js-->
<script src="js/jquery.min.js"></script>
<!--/js-->
<!--animated-css-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--/animated-css-->
</head>
<body>
<!--header-->
<!--sticky-->
<div class="header-top">
<!--container-->
<div class="container">
<div class="top-nav">
<div class="logo">
<a href="#"><img src="images/logo.png" id="section-1" class="img-responsive" alt=""/></a>
</div>
<div class="menu">
<ul id="nav">
<li><a href="#section-1">Home</a></li>
<li><a href="#section-2">About</a></li>
<li><a href="#section-3">Top tours</a></li>
<li><a href="#section-4">Guides</a></li>
<li><a href="#section-5">Contact</a></li>
<div class="clearfix"></div>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!--/container-->
</div>
<!--/sticky-->
<!---banner--->
<!----start-slider-script---->
<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: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="section-1" class="section">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="images/banner.png" alt="">
<div class="caption">
<div class="header-info">
<h2><a href="#">Get Away On This Weekend</a></h2>
<lable></lable>
<h1><a href="#">HEAVEN BEACH RESORT</a></h1>
</div>
</div>
</li>
<li>
<img src="images/beach2.jpg" alt="">
<div class="caption">
<div class="header-info">
<h2><a href="#">Get Away On This Weekend</a></h2>
<lable></lable>
<h1><a href="#">HEAVEN BEACH RESORT</a></h1>
</div>
</div>
</li>
<li>
<img src="images/beach3.jpg" alt="">
<div class="caption">
<div class="header-info">
<h2><a href="#">Get Away On This Weekend</a></h2>
<lable></lable>
<h1><a href="#">HEAVEN BEACH RESORT</a></h1>
</div>
</div>
</li>
<li>
<img src="images/beach4.jpg" alt="">
<div class="caption">
<div class="header-info">
<h2><a href="#">Get Away On This Weekend</a></h2>
<lable></lable>
<h1><a href="#">HEAVEN BEACH RESORT</a></h1>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!----- //End-slider---->
<!---banner--->
<!--About-->
<div class="about section" id="section-2">
<div class="about-head text-center">
<h3>ABOUT US</h3>
<span></span><img src="images/about-img.png" alt=""><span></span>
</div>
<div class="container">
<div class="col-md-4 about-grids">
<h4><span class="icon1"></span>Best Destinations</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
</div>
<div class="col-md-4 about-grids grid2">
<h4><span class="icon2"></span>Trust & Safety</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
</div>
<div class="col-md-4 about-grids">
<h4><span class="icon3"></span>Combine & Save</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
</div>
</div>
</div>
<!--/About-->
<!--top-tours-->
<div class="section" id="section-3">
<div id="portfolio" class="portfolio">
<div class="top-tours-head text-center">
<h3>TOP TOURS</h3>
<span></span><img src="images/star.png" alt=""><span></span>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<ul id="filters" class="clearfix wow bounceIn" data-wow-delay="0.4s">
<li><span class="filter active" data-filter="app card icon logo fun">ALL</span></li>
<li><span class="filter" data-filter="app">Domestic Travel</span></li>
<li><span class="filter" data-filter="card">Foreign Travel</span></li>
<li><span class="filter" data-filter="icon">Short Date Tour</span></li>
<li><span class="filter" data-filter="fun">Long Date Tour</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/t1.jpg" class="img-responsive" alt=""/></a>
<div class="tour-caption">
<span> </span>
<p>Phu Quoc Resort & Spa</p>
</div>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/t2.jpg" class="img-responsive" alt=""/></a>
<div class="tour-caption">
<span> </span>
<p>Phu Quoc Resort & Spa</p>
</div>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/t3.jpg" class="img-responsive" alt=""/></a>
<div class="tour-caption">
<span> </span>
<p>Phu Quoc Resort & Spa</p>
</div>
</div>
</div>
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/t4.jpg" class="img-responsive" alt=""/></a>
<div class="tour-caption">
<span> </span>
<p>Phu Quoc Resort & Spa</p>
</div>
</div
蓝色海边旅游休闲网站模板是一款适合旅游公司官网CSS3网站模板。_html网站模板_网页源码移动端前端_H5模板_自适.rar
3 浏览量
2023-08-05
10:45:39
上传
评论
收藏 4.84MB RAR 举报
蓝色海边旅游休闲网站模板是一款适合旅游公司官网CSS3网站模板。_html网站模板_网页源码移动端前端_H5模板_自适.rar （59个子文件） 
蓝色海边旅游休闲网站模板是一款适合旅游公司官网CSS3网站模板。 moban1013 js 
responsiveslides.min.js 3KB main.js 3KB jquery.scrollTo.js 2KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB wow.min.js 5KB jquery.nav.js 5KB jquery.min.js 91KB css style.css 26KB owl.carousel.css 8KB animate.css 67KB bootstrap.css 124KB
index.html 26KB images 
g3.jpg 16KB beach4.jpg 744KB t5.jpg 16KB t6.jpg 23KB
plus.png 430B g2.jpg 8KB guide.png 543B banner.png 1.41MB locater.png 2KB client-bg.jpg 1.07MB g8.jpg 11KB mail.png 402B dots2.png 480B logo.png 2KB beach3.jpg 750KB social-icons.png 3KB t3.jpg 22KB about-icons.png 5KB about-img.png 626B g7.jpg 9KB face.png 664B beach2.jpg 562KB g6.jpg 11KB t1.jpg 17KB g11.jpg 8KB submit.jpg 10KB g12.jpg 9KB t4.jpg 23KB g10.jpg 6KB g5.jpg 10KB t7.jpg 22KB arow.png 220B t2.jpg 16KB guide-icons2.png 4KB g4.jpg 10KB contact-img.png 1KB fotter-logo.png 2KB dots1.png 518B star.png 668B guide-icons.png 2KB g1.jpg 8KB g9.jpg 11KB submit2.png 395B t8.jpg 19KB资源评论
supeerzdj
- 粉丝: 11
- 资源: 6184
