<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='#css?family=Raleway' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/calendar-eightysix-default.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/calendar-eightysix-vista.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/calendar-eightysix-osx-dashboard.css" media="screen" />
<script type="text/javascript" src="js/mootools-1.2.4-core.js"></script>
<script type="text/javascript" src="js/mootools-1.2.4.2-more.js"></script>
<script type="text/javascript" src="js/calendar-eightysix-v1.0.1.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
new CalendarEightysix('exampleI', { 'offsetY': -4 });
new CalendarEightysix('exampleII', { 'startMonday': true, 'format': '%m.%d.%Y', 'slideTransition': Fx.Transitions.Back.easeOut, 'draggable': true, 'offsetY': -4 });
});
</script>
<!--slider-->
<link href="css/camera.css" rel="stylesheet" type="text/css" media="all" />
<script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='js/camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: true
});
jQuery('#camera_wrap_2').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});
</script>
<!--slider-->
<link type="text/css" rel="stylesheet" href="css/JFGrid.css" />
<link type="text/css" rel="stylesheet" href="css/JFFormStyle-1.css" />
<script type="text/javascript" src="js/JFCore.js"></script>
<script type="text/javascript" src="js/JFForms.js"></script>
<!-- Set here the key for your domain in order to hide the watermark on the web server -->
<script type="text/javascript">
(function() {
JC.init({
domainKey: ''
});
})();
</script>
</head>
<body>
<div class="header-bg">
<div class="wrap">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" title="logo" alt=""> </a>
</div>
<div class="header-right">
<ul id="nav">
<li class="current"><a href="index.html" title="Home" >Home</a></li>
<li><a href="about.html" >About</a></li>
<li><a href="service.html" >Services</a></li>
<li><a href="contact.html" >Contact</a></li>
</ul>
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="index.html">Home</option>
<option value="about.html">About</option>
<option value="service.html">Service</option>
<option value="contact.html">Contact</option>
</select>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="slider-bg">
<div class="wrap">
<div class="slider">
<div class="fluid_container">
<div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
<div data-thumb="images/slides/thumbs/slider1.jpg" data-src="images/slides/slider1.jpg">
<div class="camera_caption fadeFromBottom">
Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
</div>
</div>
<div data-thumb="images/slides/thumbs/slider2.jpg" data-src="images/slides/slider2.jpg">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-thumb="images/slides/thumbs/slider3.jpg" data-src="images/slides/slider3.jpg">
<div class="camera_caption fadeFromBottom">
<em>It's completely free</em> (even if a donation is appreciated)
</div>
</div>
<div data-thumb="images/slides/thumbs/slider4.jpg" data-src="images/slides/slider4.jpg">
<div class="camera_caption fadeFromBottom">
Camera slideshow provides many options <em>to customize your project</em> as more as possible
</div>
</div>
<div data-thumb="images/slides/thumbs/slider5.jpg" data-src="images/slides/slider5.jpg">
<div class="camera_caption fadeFromBottom">
It supports captions, HTML elements and videos and <em>it's validated in HTML5</em>
</div>
</div>
<div data-thumb="images/slides/thumbs/slider6.jpg" data-src="images/slides/slider6.jpg">
<div class="camera_caption fadeFromBottom">
Different color skins and layouts available, <em>fullscreen ready too</em>
</div>
</div>
</div><!-- #camera_wrap_1 -->
<div style="clear:both; display:block; height:100px"></div>
</div>
</div>
</div>
</div>
<div class="res-form-bg">
<div class="wrap">
<div class="res-form">
<h3>Welcome To our travel on</h3>
<div class="reservation">
<span><input type="text" class="textbox" value="Name:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}"></span>
<div class="row">
<div class="columns grid_12">
<form class="style-1">
<div class="row">
<div class="grid_3 columns">
<select class="custom-select" id="select-1">
<option selected="selected">From</option>
<option>USA</option>
<option>MAXICO</option>
<option>LONDON</option>
<option>INDIA</option>
</select>
</div>
<div class="grid_9 columns">
<select class="custom-select" id="select-2">
<option selected="selected">To</option>
<option>INDIA</option>
<option>JAPAN</option>
<option>USA</option>
<option>LONDON</option>
<option>CHINA</option>
</select>
</div>
</div>
</form>
</div>
</div>
<form>
<h2><input id="exampleI" name="dateI" value="name" type="text" maxlength="10" style="width: 280px;"></h2>
<h2><input id="exampleII" name="dateI" type="text" maxlength="10" style="width: 280px;"></h2>
<input type="submit" value="submit" style="width: 280px;">
</form>
</div>
</div>
</div>
</div>
<div class="content-bg">
<div class="wrap">
<div class="main">
<div class="section group">
<div class="col_1_of_3 span_1_of_3">
<h3><img src="images/service.png" alt="">services</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud </p>
</div>
<div class="col_1_of_3 span_1_of_3">
<h3><img src="images/support.png" alt="">online support</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</p>
</div>
<div class="col_1_of_3 span_1_of_3">
<h3><img src="images/call.png" alt="">call us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</p>
</div>
</div>
<div class="grid-list-main">
<div class="grid-list">
<div class="grid-list-pic">
<h4>Recent tour packages</h4>
<ul>
<li><img src="images/pic1.jpg" alt=""></li>
<li><img src="images/pic2.
橙色登山户外运动网站模板是一款大气简洁的旅游爱好者网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适.rar
151 浏览量
2023-08-05
14:26:46
上传
评论
收藏 2.12MB RAR 举报
橙色登山户外运动网站模板是一款大气简洁的旅游爱好者网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适.rar （67个子文件） 
橙色登山户外运动网站模板是一款大气简洁的旅游爱好者网站模板下载。 moban220 
details.html 5KB js 
JFCore.js 137KB JFForms.js 4KB camera.min.js 38KB modernizr.custom.72111.js 7KB calendar-eightysix-v1.0.1.js 10KB jquery.easing.1.3.js 8KB jquery.min.js 92KB jquery.mobile.customized.min.js 17KB mootools-1.2.4-core.js 86KB mootools-1.2.4.2-more.js 24KB service.html 6KB css style.css 29KB JFFormStyle-1.css 17KB camera.css 26KB calendar-eightysix-osx-dashboard.css 5KB calendar-eightysix-vista.css 7KB calendar-eightysix-default.css 9KB JFGrid.css 12KB 404.html 3KB index.html 11KB contact.html 6KB about.html 5KB images 
pic5.jpg 5KB pic6.jpg 8KB
large-button-overlay.png 289B service.png 803B support.png 987B arrow.png 291B logo.png 10KB icon-2.png 2KB ser-pic3.jpg 18KB pic4.jpg 5KB slides slider3.jpg 94KB slider5.jpg 138KB slider6.jpg 76KB slider4.jpg 89KB slider2.jpg 468KB thumbs slider3.jpg 2KB slider5.jpg 4KB slider6.jpg 3KB slider4.jpg 4KB slider2.jpg 3KB slider1.jpg 4KB slider1.jpg 526KB arrow-right.png 3KB pic2.jpg 5KB icon-1.png 2KB logo.psd 159KB pic3.jpg 8KB abt-pic.jpg 24KB pic1.jpg 6KB det-pic.jpg 110KB
camera-loader.gif 9KB btm-bg.png 26KB bg1.png 514B bg_arrow_white.png 215B ser-pic1.jpg 28KB ser-pic2.jpg 16KB call.png 880B arrow-left.png 3KB bg2.jpg 57KB slider1.jpg 193KB camera_skins.png 24KB icon-4.png 2KB icon-3.png 3KB fonts Amble-Light-webfont.ttf 29KB资源评论
