<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<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="Walkabout Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 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/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"></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},1000);
});
});
</script>
<!--start-smoth-scrolling-->
<!--pop-up-box-->
<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!--pop-up-box-->
<!--script-->
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
<!--script-->
</script>
</head>
<body>
<!--header-starts-->
<div class="header" id="home">
<div class="container">
<div class="logo">
<a href="index.html"><h1>Walkabout</h1></a>
</div>
<div class="navigation">
<span class="menu"></span>
<ul class="navig">
<li><a href="index.html">Home</a><span> </span></li>
<li><a href="#about" class="scroll">About</a><span> </span></li>
<li><a href="#services" class="scroll">Services</a><span> </span></li>
<li><a href="#gallery" class="scroll">Gallery</a><span> </span></li>
<li><a href="#promotions" class="scroll">Promotions</a><span> </span></li>
<li><a href="#contact" class="scroll">Contact</a><span> </span></li>
</ul>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.navig").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
</div>
</div>
<!--header-end-->
<!--banner-starts-->
<div class="banner">
<div class="container">
<div class="banner-top">
<h2>Vivamus id orci mollis</h2>
<p>Donec porttitor viverra ligula, nec facilisis metus tristique eget. Nulla facilisi. Nulla porttitor eu massa quis pulvinar. Pellentesque lacinia, magna ut blandit hendrerit, lorem neque ornare diam, eu aliquet elit quam vel tellus.</p>
<div class="video">
<img src="images/b1.jpg" alt="" />
<a class="play-icon popup-with-zoom-anim" href="#small-dialog5"><span> </span></a><br />
</div>
</div>
</div>
</div>
<!--banner-end-->
<!--video-->
<div id="small-dialog5" class="mfp-hide">
<iframe src="https://player.vimeo.com/video/127205608" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<!--fea-video-->
<!--bnr-starts-->
<div class="bnr">
<div class="col-md-3 bnr-left">
<h3>Let's enjoy together!</h3>
</div>
<div class="col-md-3 bnr-left">
<h4>Cras vel vulputate nibh</h4>
<p>Nullam condimentum nisi sit amet dui finibus, id consectetur nunc tempus.</p>
</div>
<div class="col-md-3 bnr-left">
<h4>Cras vel vulputate nibh</h4>
<p>Nullam condimentum nisi sit amet dui finibus, id consectetur nunc tempus.</p>
</div>
<div class="col-md-3 bnr-left">
<h4>Cras vel vulputate nibh</h4>
<p>Nullam condimentum nisi sit amet dui finibus, id consectetur nunc tempus.</p>
</div>
<div class="clearfix"></div>
</div>
<!--bnr-end-->
<!--welcome-starts-->
<div class="welcome" id="about">
<div class="container">
<div class="welcome-top heading">
<h3>Welcome</h3>
<p>Quisque consectetur hendrerit purus, et pellentesque purus convallis efficitur. Nam sed condimentum nulla. Donec eros nunc, iaculis ac neque nec, bibendum interdum quam.</p>
</div>
<div class="welcome-bottom">
<div class="col-md-6 welcome-left">
<div class="col-md-6 w-left">
<img src="images/w1.jpg" alt=""/>
</div>
<div class="col-md-6 w-left">
<img src="images/w2.jpg" alt="" />
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 welcome-right">
<h4>Curabitur fringilla magna velit, sit amet rutrum urna maximus non malesuada.</h4>
<p>Morbi in commodo nisi. Vivamus ut nibh at ipsum mollis rhoncus id sed erat. Curabitur semper magna quis metus sodales ornare. Integer at dapibus magna, eu gravida quam.</p>
<p>Suspendisse eu tempor tortor, quis vulputate est. Vestibulum varius dictum elit, tristique ullamcorper quam convallis ut.Suspendisse dui erat, vestibulum et dui ut, sagittis pulvinar dui.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--welcome-end-->
<!--why-starts-->
<div class="why">
<div class="container">
<div class="why-top heading">
<h3>Why Choose Us</h3>
</div>
<div class="why-bottom">
<div class="col-md-4 why-left">
<div class="why-one">
<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
<h4>Sed ornare euismod</h4>
<p>Curabitur pretium metus feugiat elit condimentum lacinia. Etiam et quam dignissim, euismod sem eu, laoreet mauris.</p>
</div>
</div>
<div class="col-md-4 why-left">
<div class="why-one">
<span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>
<h4>Sed ornare euismod</h4>
<p>Curabitur pretium metus feugiat elit condimentum lacinia. Etiam et quam dignissim, euismod sem eu, laoreet mauris.</p>
</div>
</div>
<div class="col-md-4 why-left">
<div class="why-one">
<span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
<h4>Sed ornare euismod</h4>
<p>Curabitur pretium metus feugiat elit condimentum lacinia. Etiam et quam dignissim, euismod sem eu, laoreet mauris.</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--why-end-->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
<!--services-starts-->
<div class="services" id="services">
<div class="container">
<div class="services-top heading">
<h3>Our Services</h3>
</div>
<div class="services-bottom">
<div class="col-md-3 services-left">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
<h4>Morbi in commodo</h4>
<p>Suspendisse dui erat, vestibulum et dui ut, sagittis pulvinar dui.</p>
</div>
<div class="col-md-6 services-middle">
<img src="images/s1.jpg" alt="" />
自由行境外旅游线路网页模板_自由行 境外游 旅游 旅游线路 蓝色 穷游 博客 blog 图片均分 lightbox 滑.rar
100 浏览量
2023-08-05
16:11:35
上传
评论
收藏 836KB RAR 举报
自由行境外旅游线路网页模板_自由行 境外游 旅游 旅游线路 蓝色 穷游 博客 blog 图片均分 lightbox 滑.rar （55个子文件） 
自由行境外旅游线路网页模板_自由行 境外游 旅游 旅游线路 蓝色 穷游 博客 blog 图片均分 lightbox 滑雪 海 徒步 旅行 cpts_535_wa js 
jquery.magnific-popup.js 45KB jquery.chocolat.js 10KB easyResponsiveTabs.js 6KB modernizr.custom.53451.js 7KB easing.js 5KB move-top.js 1KB jquery.min.js 94KB css style.css 32KB popuo-box.css 4KB bootstrap.css 138KB chocolat.css 2KB
index.html 23KB images 
g3.jpg 23KB g2.jpg 20KB b1.jpg 4KB f2.jpg 3KB w2.jpg 14KB f-1.jpg 4KB s1.jpg 39KB f-7.jpg 3KB g8.jpg 23KB f1.jpg 4KB banner.jpg 100KB f-4.jpg 3KB
logo.png 8KB t3.jpg 24KB f-3.jpg 3KB g7.jpg 34KB left.png 3KB g6.jpg 21KB t1.jpg 11KB f-6.jpg 3KB t4.jpg 15KB g5.jpg 20KB close.png 295B f-8.jpg 3KB video.png 4KB t2.jpg 22KB arw.png 3KB right.png 3KB g4.jpg 20KB why-banner.jpg 70KB f-2.jpg 3KB top-arrow.png 4KB g1.jpg 17KB w1.jpg 16KB f-5.jpg 3KB nav-icon.png 3KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB SourceSansPro-Regular.ttf 146KB FaunaOne-Regular.ttf 30KB资源评论
