<!DOCTYPE html>
<html lang="en">
<!-- Head -->
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/simpleLightbox.css" rel="stylesheet" type="text/css" />
<!--fonts-->
<link href="http://fonts.googleapis.com/css?family=Comfortaa:300,400,700&subset=cyrillic,cyrillic-ext,greek,latin-ext,vietnamese" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<!--//fonts-->
</head>
<!-- //Head -->
<body>
<!-- TOP HEADER -->
<div class="top">
<div class="container-fluid">
<div class="col-md-6 top-left">
<ul>
<li><i class="fa fa-mobile" aria-hidden="true"></i> +021 365 777</li>
<li><i class="fa fa-map-marker" aria-hidden="true"></i> 3rd Block,Magestic Residency,korea</li>
</ul>
</div>
<div class="col-md-6 top-middle">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //TOP HEADER -->
<!--Header-->
<div class="header" id="home">
<!--Top-Bar-->
<div class="top-bar">
<div class="container-fluid">
<div class="header-nav">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html">Travel <span> Zone</span></a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav class="cl-effect-15" id="cl-effect-15">
<ul>
<li><a href="#home" class="active" data-hover="Home">Home</a></li>
<li><a href="#about" class="scroll" data-hover="About">About</a></li>
<li><a href="#services" class="scroll" data-hover="Services">Services</a></li>
<li><a href="#team" class="scroll" data-hover="Team">Team</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-hover="Dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#gallery" class="scroll" data-hover="Gallery">Gallery</a></li>
<li><a href="#testimonials" class="scroll" data-hover="Testimonials">Testimonials</a></li>
</ul>
</li>
<li><a href="#contact" class="scroll" data-hover="Contact">Contact</a></li>
</ul>
</nav>
</div>
</nav>
<div class="w3ls_search">
<div class="cd-main-header">
<ul class="cd-header-buttons">
<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
</ul> <!-- cd-header-buttons -->
</div>
<div id="cd-search" class="cd-search">
<form action="#" method="post">
<input name="Search" type="search" placeholder="Type Text And Press Enter...">
</form>
</div>
</div>
</div>
</div>
</div>
<!--//Top-Bar-->
<!--Slider-->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<div class="slider-info">
<h3>To travel is to take journey.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lectus orci, volutpat at diam et, tincidunt malesuada turpis. In viverra diam turpis, nec porttitor turpis feugiat in. Pellentesque.</p>
<div class="readmore-w3">
<a class="readmore" href="#" data-toggle="modal" data-target="#myModal1">Read More</a>
</div>
</div>
</li>
<li>
<div class="slider-info1">
<h3>I travel not to escape life.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lectus orci, volutpat at diam et, tincidunt malesuada turpis. In viverra diam turpis, nec porttitor turpis feugiat in. Pellentesque.</p>
<div class="readmore-w3">
<a class="readmore" href="#" data-toggle="modal" data-target="#myModal1">Read More</a>
</div>
</div>
</li>
<li>
<div class="slider-info2">
<h3>Travel makes one modest.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lectus orci, volutpat at diam et, tincidunt malesuada turpis. In viverra diam turpis, nec porttitor turpis feugiat in. Pellentesque.</p>
<div class="readmore-w3">
<a class="readmore" href="#" data-toggle="modal" data-target="#myModal1">Read More</a>
</div>
</div>
</li>
</ul>
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
<!-- Modal1 -->
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>Travel Zone</h4>
<img src="images/b1.jpg" alt=" " class="img-responsive">
<h5>Lorem Ipsum</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
</div>
</div>
</div>
</div>
<!-- //Modal1 -->
</div>
<div class="clearfix"></div>
</div>
<!--//Slider-->
</div>
<!--//Header-->
<!-- About -->
<div class="about" id="about">
<div class="container">
<h2 class="heading">About</h2>
<div class="col-md-6 about-left">
<span class="col-md-2">A</span><p class="col-md-10">lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lectus orci, volutpat at diam et,
tincidunt malesuada turpis. In viverra diam turpis, nec porttitor turpis feugiat in. Pellentesque.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lectus orci, volutpat at diam et,
tincidunt malesuada turpis. In viverra diam turpis, nec porttitor turpis feugiat in. Pellentesque.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lectus orci, volutpat at diam et,
tincidunt malesuada turpis. In viverra diam turpis, nec porttitor turpis feugiat in. Pellentesque.</p>
</div>
<div class="col-md-6 about-right">
<img src="images/b1.jpg" alt="">
<div class="about-right1">
<img src="images/b.jpg" alt="">
</div>
<div class="about-right2">
<img src="images/bb.jpg" alt="">
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //About -->
<!-- video starts here -->
<div data-vide-bg="
白色宽屏风格的自游行线路拼团企业网站模板.rar （51个子文件） 
moban2297 js 
responsiveslides.min.js 3KB SmoothScroll.min.js 13KB simpleLightbox.js 9KB bootstrap-3.1.1.min.js 28KB jquery.flexslider.js 40KB jquery.vide.min.js 4KB main.js 3KB easing.js 5KB move-top.js 1KB jquery-2.1.4.min.js 82KB css style.css 47KB flexslider.css 5KB bootstrap.css 138KB font-awesome.min.css 28KB simpleLightbox.css 4KB
index.html 33KB images 
b1.jpg 28KB b.jpg 58KB s1.jpg 93KB 13.jpg 31KB s2.jpg 110KB
arrow.png 3KB 14.jpg 46KB team4.jpg 19KB 15.jpg 50KB 16.jpg 34KB 1.jpg 31KB team3.jpg 24KB bb.jpg 20KB dott.png 3KB team2.jpg 34KB 12.jpg 50KB t1.jpg 11KB arrows.png 4KB t4.jpg 10KB 18.jpg 28KB 11.jpg 29KB t2.jpg 15KB s3.jpg 96KB team1.jpg 20KB contact.jpg 76KB video Ipad.png 486KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB fontawesome-webfont.ttf 149KB资源评论
