<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Fly High a Travel Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<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="Fly High 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>
<!-- //for-mobile-apps -->
<!-- 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},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner -->
<div id="home" class="banner">
<div class="navigation">
<div class="container">
<div class="navi">
<div class="head-logo">
<a href="index.html"><img src="images/logo.png" alt=" "></a>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt="" /></span>
<ul class="nav1">
<li><a href="#home" class="scroll">Home</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#about" class="scroll">About Us</a></li>
<li><a href="#price" class="scroll">Price</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
<div class="clearfix"> </div>
<!-- Slider-starts-Here -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").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 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-info">
<div class="banner-inf">
<div class="banner-info-left">
<h2>Europe Countries</h2>
<div class="skills">
<div class="skill1" style="width:35%"> </div>
</div>
<p>Pellentesque in ipsum id orci porta dapibus.
<span>Vivamus magna justo, lacinia eget consec</span>
etur sed, convallis at tellus.
<div class="us">
<a href="#">Contact Us</a>
</div>
</div>
<div class="banner-info-right">
<img src="images/1.jpg" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="banner-info">
<div class="banner-inf">
<div class="banner-info-left">
<h2>United States</h2>
<div class="skills">
<div class="skill1" style="width:55%"> </div>
</div>
<p>Pellentesque in ipsum id orci porta dapibus.
<span>Vivamus magna justo, lacinia eget consec</span>
etur sed, convallis at tellus.
<div class="us">
<a href="#">Contact Us</a>
</div>
</div>
<div class="banner-info-right">
<img src="images/2.jpg" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="banner-info">
<div class="banner-inf">
<div class="banner-info-left">
<h2>Asian Countries</h2>
<div class="skills">
<div class="skill1" style="width:85%"> </div>
</div>
<p>Pellentesque in ipsum id orci porta dapibus.
<span>Vivamus magna justo, lacinia eget consec</span>
etur sed, convallis at tellus.
<div class="us">
<a href="#">Contact Us</a>
</div>
</div>
<div class="banner-info-right">
<img src="images/3.jpg" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
</ul>
</div>
<!-- Slider-ends-Here -->
</div>
</div>
</div>
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<div class="banner-bottom-text">
<p>Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero mal suada
<span>feugiat. Curabitur aliquet quam uis lorem</span></p>
</div>
<!-- //banner -->
<!-- portfolio -->
<div id="portfolio" class="portfolio">
<div class="container">
<h3>Portfolio</h3>
<!-- Slider-starts-Here -->
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: false,
pager: true,
nav: false,
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 -->
<div id="top" class="callbacks_container3">
<ul class="rslides" id="slider4">
<li>
<div class="portfolio-grids">
<div class="portfolio-grid1">
<div class="portfolio-grid">
<a href="#small-dialog17" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/4.jpg" class="img-responsive" />
</a>
<div class="portfolio-grid-text">
<div class="portfolio-grid-text-left">
<h4>GREAT IMAGE</h4>
<p>Lorem ipsum sit d
HTML网站源码-航空旅行服务公司响应式网页模板-适配移动端&PC端.zip
版权申诉
89 浏览量
2024-03-30
11:50:30
上传
评论
收藏 2.27MB ZIP 举报
HTML网站源码-航空旅行服务公司响应式网页模板-适配移动端&PC端.zip （85个子文件） 
HTML网站源码-航空旅行服务公司响应式网页模板-适配移动端&PC端 html js 
jquery.magnific-popup.js 45KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB uisearch.js 6KB easing.js 5KB classie.js 2KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 64KB popuo-box.css 8KB bootstrap.css 118KB swipebox.css 4KB
index.html 50KB images 
round2.png 132KB
4-.jpg 43KB heart.png 1KB aa.png 5KB line-5.png 502B 2.jpg 22KB 10-.jpg 68KB search-1.png 1KB 10.jpg 28KB 6-.jpg 54KB Thumbs.db 237KB bb.png 5KB 3.png 6KB dots.png 412B 13.jpg 7KB arrow.png 544B refresh.png 623B menu.png 203B 6.jpg 21KB banner.jpg 555KB logo.png 6KB 1.jpg 23KB 9-.jpg 48KB 15.png 634B home.png 420B line.png 348B circle.png 3KB men.png 1KB line-6.png 370B 1.png 428B clock.png 2KB search.png 430B 12.jpg 8KB round.png 126KB m.png 616B line-3.png 243B 5.jpg 18KB twitter.png 1KB round3.png 129KB cross-5.jpg 206KB twitter-1.png 594B a.png 10KB line-4.png 273B 8.jpg 14KB dd.png 5KB cup.png 13KB 4.png 5KB 11.jpg 10KB circle-1.png 3KB camera.png 17KB cc.png 6KB 16.png 751B icons.png 885B twitter-2.png 4KB sp-1.png 4KB 5-.jpg 49KB line-2.png 265B 3.jpg 28KB 7.jpg 22KB img.png 2KB 7-.jpg 61KB 8-.jpg 50KB line-1.png 298B map.png 26KB 2.png 2KB o.png 13KB 9.jpg 21KB ee.png 4KB 4.jpg 16KB cross-3.jpg 182KB资源评论
DTcode7
- 粉丝: 9697
- 资源: 4699
最新资源
- 数据库管理工具:dbeaver-ce-23.0.1-amd64.deb
- 数据库管理工具:dbeaver-ce-24.1.0-x86-64-setup.exe
- 编程实战：基于ASP.NET架构的通用作业批改管理系统(完整源代码+毕设文档)
- 宁波大学每日学习nbuoj题目全解
- 数据库管理工具:dbeaver-ce-24.1.0-stable.x86-64.rpm
- 数据库管理工具:dbeaver-ce-24.1.0-macos-x86-64.dmg
- 指针实现单向链表初学c++者适用
- 毕设项目：通用作业批改管理系统(含源代码+毕设文档+ASP.NET)
- 数据库管理工具:dbeaver-ce-24.0.5-x86-64-setup.exe
- 数据库管理工具:dbeaver-ce-24.0.5-stable.x86-64.rpm
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
