<!DOCTYPE html>
<html lang="en">
<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="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- gallery -->
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<!-- //gallery -->
<!-- font -->
<link href="http://fonts.googleapis.com/css?family=Kaushan+Script&subset=latin-ext" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/jarallax.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>
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
<div class="banner-dot">
<div class="header-top">
<div class="container banner-drop">
<div class="agile-logo">
<h1><a href="index.html">Go Hiking</a></h1>
</div>
<div class="header-right">
<nav>
<ul>
<li class="active">
<a href="index.html"><span>Home</span></a>
</li>
<li>
<a href="#about" class="scroll"><span>About</span></a>
</li>
<li>
<a href="#services" class="scroll"><span>Services</span></a>
</li>
<li>
<a href="#gallery" class="scroll"><span>Gallery</span></a>
</li>
<li>
<a href="#blog" class="scroll"><span>Blog</span></a>
</li>
<li>
<a href="#team" class="scroll"><span>Team</span></a>
</li>
<li>
<a href="#contact" class="scroll"><span>Contact Us</span></a>
</li>
</ul>
</nav>
<div class="menu-icon"><span></span></div>
</div>
<div class="clearfix"> </div>
<script>
(function($){
$(".menu-icon").on("click", function(){
$(this).toggleClass("open");
$(".container").toggleClass("nav-open");
$("nav ul li").toggleClass("animate");
});
})(jQuery);
</script>
</div>
</div>
<div class="w3layouts-slider">
<div class="container">
<div class="slider">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li>
<div class="wthree-banner-grids">
<div class="col-md-6 agileits-banner-left">
<h3>Lorem ipsum</h3>
<h4>consectetur</h4>
</div>
<div class="col-md-6 agileinfo-banner-right">
<p>Quisque sed lacinia diam. In nibh dui, congue a lacinia quis, egestas a erat. Nam commodo, leo vitae aliquet luctus</p>
<div class="banner-border"> </div>
<div class="w3-button">
<a href="#" data-toggle="modal" data-target="#myModal">Read More</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</li>
<li>
<div class="wthree-banner-grids">
<div class="col-md-6 agileits-banner-left">
<h3>Quisque sed</h3>
<h4>adipiscing </h4>
</div>
<div class="col-md-6 agileinfo-banner-right">
<p>Integer sit amet sapien arcu. Nam luctus sagittis dignissim. Phasellus venenatis vehicula mollis. Aliquam id neque et sem</p>
<div class="banner-border"> </div>
<div class="w3-button">
<a href="#" data-toggle="modal" data-target="#myModal">Read More</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</li>
</ul>
</div>
<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:true,
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>
</div>
</div>
</div>
<!-- //banner -->
<!-- modal -->
<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Go Hiking</h4>
</div>
<div class="modal-body">
<div class="agileits-w3layouts-info">
<img src="images/1.jpg" alt="" />
<p>Duis venenatis, turpis eu bibendum porttitor, sapien quam ultricies tellus, ac rhoncus risus odio eget nunc. Pellentesque ac fermentum diam. Integer eu facilisis nunc, a iaculis felis. Pellentesque pellentesque tempor enim, in dapibus turpis porttitor quis. Suspendisse ultrices hendrerit massa. Nam id metus id tellus ultrices ullamcorper. Cras tempor massa luctus, varius lacus sit amet, blandit lorem. Duis auctor in tortor sed tristique. Proin sed finibus sem.</p>
</div>
</div>
</div>
</div>
</div>
<!-- //modal -->
<!-- about -->
<div class="about" id="about">
<div class="col-md-6 w3-agileits-about-left">
</div>
<div class="col-md-6 agile-about-right">
<h2>ABout Us</h2>
<h5>Nam id sem ut sem tristique egestas. Vivamus vitae felis commodo, placerat lacus in, mattis urna.</h5>
<p>Nulla consectetur mi non lectus tempus, sit amet posuere quam dignissim. Donec varius augue quis convallis tincidunt. Nullam turpis nisi, commodo eu viverra et, tempus cursus diam. Donec blandit eu erat et molestie. Ut vel lorem fringilla, tempus libero in, aliquet urna. Etiam vehicula tempus risus. <span>Fusce facilisis quam tortor, sed finibus enim imperdiet sit amet. Pellentesque ullamcorper vel enim nec vestibulum. Nam egestas id lorem in pharetra. Morbi congue elit sit amet urna varius viverra. In accumsan pulvinar nisi, id placerat lacus malesuada at. Nullam finibus dui id tortor efficitur scelerisque.</span></p>
</div>
<div class="clearfix"> </div>
</div>
<!-- //about -->
<!-- services -->
<div class="services" id="services">
<div class="container">
<div class="services-top">
<div class="col-md-6 services-top-left">
<h3>Services</h3>
<h5>Some of our services</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-md-6 services-top-right">
<div class="services-icons">
<div class="col-sm-6 services-grid">
<div class="services-grid-icon">
<i class="fa fa-cogs" aria-hidden="true"></i>
<p>Phasellus venenatis</p>
</div>
</div>
<div class="col-sm-6 services-grid">
<div class="services-grid-ico
远足运动旅游网站模板是一款大气HTML5体育运动网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
154 浏览量
2023-08-05
15:10:08
上传
评论
收藏 1.69MB RAR 举报
远足运动旅游网站模板是一款大气HTML5体育运动网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （45个子文件） 
远足运动旅游网站模板是一款大气HTML5体育运动网站模板下载。 moban2050 js 
bootstrap.js 66KB jquery.tools.min.js 17KB responsiveslides.min.js 3KB jquery.mobile.custom.min.js 9KB SmoothScroll.min.js 6KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB jquery.cm-overlay.js 11KB simple-lightbox.js 15KB jarallax.js 14KB css style.css 26KB cm-overlay.css 3KB font-awesome.css 34KB simplelightbox.min.css 2KB basictable.css 942B bootstrap.css 138KB
index.html 26KB images 
2.jpg 64KB
prev.png 1KB arrow.png 4KB 6.jpg 46KB arrow.psd 27KB 1.jpg 267KB t3.jpg 115KB dott.png 3KB logo.psd 371KB next.png 1KB t1.jpg 87KB arrows.png 4KB 5.jpg 44KB t4.jpg 95KB close.png 280B 8.jpg 45KB t2.jpg 131KB 3.jpg 41KB 7.jpg 59KB 9.jpg 41KB 4.jpg 34KB fonts FontAwesome.otf 122KB fontawesome-webfont.eot 75KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
