<!doctype html>
<!--[if IE 7 ]> <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]> <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]> <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>Home</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/da-slider.css" />
<!-- Owl Carousel Assets -->
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css" />
<!-- Font Awesome -->
<link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand scroll-top logo"><b>Traveller</b></a>
</div>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#home" class="scroll-link">Home</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#packages" class="scroll-link">Packages</a></li>
<li><a href="#priceTable" class="scroll-link">Price</a></li>
<li><a href="#portfolio" class="scroll-link">Gallery</a></li>
<li><a href="#contactUs" class="scroll-link">Contact Us</a></li>
</ul>
</div>
<!--/.navbar-collapse-->
</nav>
<!--/.navbar-->
</div>
<!--/.container-->
</header>
<!--/.header-->
<div id="#top"></div>
<section id="home">
<div class="banner-container">
<!-- <img src="images/banner-bg.jpg" alt="banner" />-->
<div class="container banner-content">
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>Travel Plans</h2>
<p>Get your plans right away.. enjoy!!!</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"></div>
</div>
<div class="da-slide">
<h2>Amazing Tours</h2>
<p>Travel you remember for life long!!</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"></div>
</div>
<div class="da-slide">
<h2>Best Travel Travel</h2>
<p>Get best deals at our place</p>
<a href="#" class="da-link">Read more</a>
<div class="da-img"></div>
</div>
<!-- <nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav> -->
</div>
</div>
</div>
</section>
<section id="introText">
<div class="container">
<div class="text-center">
<h1>My Travel Gives You a Great Holiday Package</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum erat et neque tincidunt volutpat. Cras eget augue id dui varius pretium. Cras posuere dolor risus. Pellentesque elementum ultricies quam, sit amet rhoncus nisl viverra in. Cras imperdiet nisi a euismod molestie. Ut a metus arcu. </p>
</div>
</div>
</section>
<section id="service" class="home-section page-section section appear clearfix secPad bg-gray">
<div class="text-center">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>What we Offer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="row animatedParent">
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="service-box">
<div class="service-icon">
<span class="fa fa-tag fa-2x"></span>
</div>
<div class="service-desc">
<h5>Tour Plan</h5>
<div class="divider-header"></div>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rquia.<br/>
</p>
<a href="#" class="btn btn-skin">Learn more</a>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="service-box">
<div class="service-icon">
<span class="fa fa-plane fa-2x"></span>
</div>
<div class="service-desc">
<h5>Travel Plan</h5>
<div class="divider-header"></div>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rquia.<br/>
</p>
<a href="#" class="btn btn-skin">Learn more</a>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="service-box">
<div class="service-icon">
<span class="fa fa-heart fa-2x"></span>
</div>
<div class="service-desc">
<h5>Stay Plan</h5>
<div class="divider-header"></div>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rquia.<br/>
</p>
<a href="#" class="btn btn-skin">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--About-->
<section id="aboutUs" class="secPad">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>About Us</h2>
<p>At lorem Ipsum available, but the majority have suffered alteration in some form by injected humour.</p>
</div>
<div class="row">
<div class="col-md-4">
<img src="images/1.jpg" alt="" class="img-responsive img-thumbnail">
</div>
<div class="col-md-8">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rquia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasiest, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasiest, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. </p>
</div>
</div>
</div>
</section>
<!--Package-->
<section id="packages" class="secPad">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>Most Popular Packages</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="cuadro_intro_hover " style="background-color:#cccccc;">
<p style="text-align:center;">
<img src="images/pic/pic-1.jpg" class="img-responsive" alt
蓝色天空旅游业网站模板是一款清爽大气好看的旅游相关网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适.rar
188 浏览量
2023-08-05
13:45:09
上传
评论
收藏 2.59MB RAR 举报
蓝色天空旅游业网站模板是一款清爽大气好看的旅游相关网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适.rar （72个子文件） 
蓝色天空旅游业网站模板是一款清爽大气好看的旅游相关网站模板下载。 moban1250 font css 
font-awesome.css 21KB font-awesome.min.css 17KB fonts FontAwesome.otf 61KB
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB js jquery.cslider.js 7KB bootstrap.min.js 27KB modernizr-latest.js 50KB owl-carousel 
grabbing.png 116B owl.carousel.css 1KB owl.transitions.css 4KB
AjaxLoader.gif 1KB owl.carousel.min.js 23KB owl.carousel.js 52KB owl.theme.css 2KB jquery-1.8.2.min.js 91KB jquery.isotope.min.js 16KB fancybox blank.gif 43B fancybox_loading.gif 6KB jquery.fancybox.pack.js 23KB fancybox_overlay.png 1003B fancybox_sprite.png 1KB Descr.WD3 863B fancybox_sprite_402x.png 6KB fancybox_loading_402x.gif 14KB jquery.fancybox.css 5KB jquery.nav.js 7KB custom.js 4KB css bootstrap.min.css 95KB isotope.css 4KB da-slider.css 19KB styles.css 26KB
index.html 26KB images person_1.png 48KB pic 
pic-8.jpg 135KB pic-4.jpg 80KB pic-2.jpg 92KB pic-5.jpg 120KB pic-3.jpg 76KB pic-1.jpg 123KB pic-6.jpg 116KB pic-7.jpg 81KB portfolio img6.jpg 42KB img2.jpg 56KB img5.jpg 55KB img4.jpg 49KB img1.jpg 28KB img7.jpg 60KB img3.jpg 46KB img8.jpg 33KB img9.jpg 51KB 1.jpg 49KB banner-bg.jpg 617KB arrows.png 15KB banner-bg2.jpg 49KB person_2.png 42KB person_3.png 55KB fonts FontAwesome.otf 61KB glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
