<!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="" />
<script type="applisalonion/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' />
<!-- Custom Theme files -->
<link href="css/iconeffects.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/web-font-->
<link href='#css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Merriweather+Sans:400,300,700' rel='stylesheet' type='text/css'>
<!--/script-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
<!-- swipe box js -->
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!-- //swipe box js -->
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</head>
<body>
<!--start-home-->
<div class="banner" id="home">
<div class="header-bottom">
<div class="container">
<div class="fixed-header">
<!--logo-->
<div class="logo">
<a href="index.html"><h1>Outdoors</h1></a>
</div>
<!--//logo-->
<div class="top-menu">
<span class="menu"> </span>
<nav class="link-effect-4" id="link-effect-4">
<ul>
<li class="active"><a data-hover="Home" href="index.html">Home</a></li>
<li><a data-hover="About" href="#about" class="scroll">About</a></li>
<li><a data-hover="Gallery" href="#gallery" class="scroll">Gallery</a></li>
<li><a data-hover="Blogs" href="#blogs" class="scroll">Blogs</a></li>
<li><a data-hover="Services" href="#services" class="scroll">Services</a></li>
<li><a data-hover="Contact" href="#contact" class="scroll">Contact</a></li>
</ul>
</nav>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="clearfix"></div>
<script>
$(document).ready(function() {
var navoffeset=$(".header-bottom").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header-bottom").addClass("fixed");
}else{
$(".header-bottom").removeClass("fixed");
}
});
});
</script>
</div>
</div>
</div>
<div class="banner-slider">
<div class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="banner-info">
<h2 class="wow slideInUp" data-wow-duration="1s" data-wow-delay=".3s">There are many variations of passages.</h2>
<p class="wow slideInDown" data-wow-duration="1s" data-wow-delay=".3s">Pellentesque habitant morbi tristique senetus.</p>
<a href="single.html" class="hvr-bounce-to-bottom">READ MORE</a>
</div>
</li>
<li>
<div class="banner-info">
<h3 class="wow slideInUp" data-wow-duration="1s" data-wow-delay=".3s">Lorem ipsum dolor amet, consectetur.</h3>
<p class="wow slideInDown" data-wow-duration="1s" data-wow-delay=".3s">Praesent quis libero or, consectetur lacus .</p>
<a href="single.html" class="hvr-bounce-to-bottom">READ MORE</a>
</div>
</li>
<li>
<div class="banner-info">
<h3 class="wow slideInUp" data-wow-duration="1s" data-wow-delay=".3s">Nunc egestas leo ligula, in vehicula.</h3>
<p class="wow slideInDown" data-wow-duration="1s" data-wow-delay=".3s">Vestibul ante ipsum primis in faucibus luctus.</p>
<a href="single.html" class="hvr-bounce-to-bottom">READ MORE</a>
</div>
</li>
</ul>
</div>
<!--banner Slider starts Here-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
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>
<!--banner Slider starts Here-->
</div>
<div class="down"><a class="scroll" href="#touch"><img src="images/down.png" alt=""></a></div>
</div>
<!-- about-->
<div class="about" id="about">
<div class="container">
<div class="col-md-7 about-left">
<h3 class="tittle">Nunc egestas leo ligula</h3>
<p class="agile">Duis eleifend, quam hendrerit luctus malesuada, erat odio eleifend urna, sed iaculis risus mauris at dui. Proin porttitor nibh sit amet lacinia ullamcorper. Quisque tortor metus, pulvinar iaculis gravida vel, iaculis nec nunc. In eget ligula pharetra, pretium dui vitae, porttitor tellus.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec at pharetra dolor. Proin commodo neque eu nunc lacinia pharetra. Suspendisse potenti. Nam tristique sollicitudin urna sed interdum. Integer eu dui quis purus mattis maximus</p>
<ul class="social wow slideInDown" data-wow-duration="1s" data-wow-delay=".3s">
<li><a href="#" class="tw"></a></li>
<li><a href="#" class="fb"> </a></li>
<li><a href="#" class="in"> </a></li>
<li><a href="#" class="dott"></a></li>
<div class="clearfix"></div>
</ul>
</div>
<div class="col-md-5 about-right">
<div class="about-right-part1">
<div class="col-md-1 num">
<h5>01</h5>
</div>
<div class="col-md-11 about-right-text">
<h4>Praesent quis libero</h4>
<p>Duis eleifend, quam hendrerit luctus malesuada, erat odio eleifend urna, sed iaculis risus mauris at dui. Proin porttitor nibh sit amet lacinia ullamcorper</p>
</div>
<div class="clearfix"></div>
</div>
<div class="about-right-part2">
<div class="col-md-1 num">
<h5>02</h5>
</div>
<div class="col-md-11 about-right-text">
<h4>Hendrerit luctus malesua</h4>
<p>Duis eleifend, quam hendrerit luctus malesuada, erat odio eleifend urna, sed iaculis risus mauris at dui. Proin porttitor nibh sit amet lacinia ullamcorper</p>
</div>
<div class="clearfix"></div>
</div>
<div class="about-right-part3">
<div class="col-md-1 num">
<h5>03</h5>
</div>
<div class="col-md-11 about-right-text">
<h4>Proin commodo neque</h4>
<p>Duis eleifend, quam hendrerit luctus malesuada, erat odio eleifend urna, sed iaculis risus mauris at dui. Proin porttitor nibh sit amet lacinia ullamcorper</p>
</div>
<div class="clearfix"></div>
户外房车旅游网站模板是一款房车自驾露营泛户外单页网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
185 浏览量
2023-08-05
14:43:11
上传
评论
收藏 1.88MB RAR 举报
户外房车旅游网站模板是一款房车自驾露营泛户外单页网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （53个子文件） 
户外房车旅游网站模板是一款房车自驾露营泛户外单页网站模板下载。 moban1500 js 
modernizr.custom.97074.js 8KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB bootstrap.min.js 31KB easing.js 5KB move-top.js 1KB modernizr.custom.js 8KB jquery-1.11.1.min.js 94KB owl.carousel.js 37KB wow.min.js 5KB css style.css 40KB owl.carousel.css 8KB animate.css 71KB iconeffects.css 15KB bootstrap.css 118KB swipebox.css 4KB
index.html 25KB single.html 10KB images 
co.png 2KB
b1.jpg 51KB db.png 8KB down.png 5KB tw.png 7KB right-quotes.png 4KB b2.jpg 24KB serve2.png 3KB my2.jpg 30KB serve3.png 4KB banner.jpg 1.15MB
closew.gif 70B serve1.png 3KB social-icons.png 26KB b3.jpg 52KB my3.jpg 45KB icons-1.png 6KB fb.png 7KB nav.png 3KB my6.jpg 19KB videobg.jpg 123KB
icons.svg 1KB serve4.png 2KB move-top.png 3KB my4.jpg 23KB left-quotes.png 4KB gg.png 7KB my7.jpg 32KB my5.jpg 22KB rightw.gif 67B my1.jpg 48KB fonts glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
