<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Journey a Travel Category Flat Bootstarp Responsive Website Template | News :: w3layouts</title>
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!--//theme-style-->
<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="Journey Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod 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>
<!-- web-font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- web-font -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- js -->
<!-- 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 -->
</head>
<body>
<!-- header -->
<div class="header">
<!-- container -->
<div class="container">
<div class="head-bg">
<div class="head-logo">
<a href="index.html"><img src="images/logo1.png" alt="" /></a>
</div>
<div class="logo-border"><img src="images/spirals.png" alt="" /></div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt=""></span>
<ul class="cl-effect-1">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="booking.html">BOOKING</a></li>
<li><a href="news.html">NEWS</a></li>
<li><a href="mail.html">MAIL US</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.cl-effect-1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
</div>
<!-- //header -->
<!-- single -->
<div class="single">
<!-- container -->
<div class="container">
<div class="col-md-9 single-right">
<div class="single-img">
<h4>Vestibulum ante ipsum primis in faucibus</h4>
<img src="images/16.jpg" alt="" />
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum erat at neque fermentum,
in auctor justo hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id felis tempor,
mollis ligula ac, iaculis massa. Aliquam nec mollis neque, eget laoreet nibh. Vivamus dictum tempor enim,
a porttitor dui lacinia vitae. Phasellus volutpat quam quis euismod pretium. Quisque magna sapien, molestie
a tortor at, condimentum sodales sapien. Mauris maximus, leo sit amet volutpat ullamcorper, ex tellus ornare
metus, eu gravida metus elit quis neque. Vivamus gravida quam arcu. Nam pretium lacus eget pellentesque auctor.
Phasellus iaculis sapien nec lectus aliquet fringilla.
</p>
<p class="bottom-text">Cras in sem in arcu ultrices egestas sit amet nec metus. Suspendisse magna nisi, cursus ut condimentum eu,
dapibus at dolor. Sed venenatis sapien quis urna consequat, quis tempor neque porttitor. Vivamus iaculis
eleifend varius. Vestibulum quis justo massa. Mauris et eros mollis, placerat mauris nec, mattis purus.
Aliquam elementum lorem ac efficitur tristique. Duis vehicula non sapien eget rhoncus.
</p>
<p class="text"> Mauris maximus, leo sit amet volutpat ullamcorper, ex tellus ornare
metus, eu gravida metus elit quis neque. Vivamus gravida quam arcu. Nam pretium lacus eget pellentesque auctor.
Phasellus iaculis sapien nec lectus aliquet fringilla.
</p>
</div>
<div class="author">
<ul>
<li>Posted by</li>
<li><a href="#" class="admin">Administrator </a></li>
<li class="cal">Oct 15, 2014</li>
<li><a href="#" class="link">Ullamcorper erat</a></li>
<li><a href="#" class="cmt">0 Comments</a></li>
</ul>
</div>
<div class="posts">
<h4>Related Posts</h4>
<div class="posts-grids">
<div class="col-md-4 posts-img">
<a href="single.html"><img src="images/14.jpg" alt="" /></a>
<a href="single.html">Cras in sem in arcu ultrices</a>
<p>Jan 14 , 2015</p>
</div>
<div class="col-md-4 posts-img">
<a href="single.html"><img src="images/15.jpg" alt="" /></a>
<a href="single.html">Cras in sem in arcu ultrices</a>
<p>Aug 08 , 2015</p>
</div>
<div class="col-md-4 posts-img">
<a href="single.html"><img src="images/13.jpg" alt="" /></a>
<a href="single.html">Cras in sem in arcu ultrices</a>
<p>May 23 , 2015</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="single-comments">
<h4>Comments</h4>
<div class="comments-grids">
<div class="comments-left">
<img src="images/sa.jpg" alt="" />
</div>
<div class="comments-right">
<div class="comments-right-grids">
<div class="comments-right-left">
<h5>Peter Mac</h5>
<p>Jan 14 , 2015</p>
</div>
<div class="comments-right-right">
<a href="#">Reply</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="comments-right-info">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum erat at neque
fermentum, in auctor justo hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="comments-grids">
<div class="comments-left">
<img src="images/sa.jpg" alt="" />
</div>
<div class="comments-right">
<div class="comments-right-grids">
<div class="comments-right-left">
<h5>John lee</h5>
<p>May 23 , 2015</p>
</div>
<div class="comments-right-right">
<a href="#">Reply</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="comments-right-info">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum erat at neque
fermentum, in auctor justo hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="comments-grids">
<div class="comments-left">
HTML网站源码-景点旅行指南响应式网页模板-适配移动端&PC端.zip
版权申诉
196 浏览量
2024-03-30
11:50:51
上传
评论
收藏 1.02MB ZIP 举报
HTML网站源码-景点旅行指南响应式网页模板-适配移动端&PC端.zip （48个子文件） 
HTML网站源码-景点旅行指南响应式网页模板-适配移动端&PC端 html 
booking.html 13KB js 
JFCore.js 137KB responsiveslides.min.js 3KB JFForms.js 4KB easing.js 5KB move-top.js 1KB modernizr.custom.js 9KB jquery.min.js 92KB jquery-ui.js 440KB css style.css 34KB JFFormStyle-1.css 2KB jquery-ui.css 31KB bootstrap.css 118KB mail.html 7KB index.html 12KB about.html 9KB single.html 13KB images 
nav-bg.jpg 89KB 2.jpg 52KB
logo1.png 5KB up-arrow.png 4KB 10.jpg 11KB i4.png 3KB spirals.png 3KB 13.jpg 30KB menu.png 511B 14.jpg 57KB 6.jpg 59KB i1.png 341B 15.jpg 54KB 16.jpg 98KB 1.jpg 152KB quote.png 3KB bg_1.jpg 19KB i3.png 3KB social.png 13KB sa.jpg 952B f-logo.png 5KB 8.jpg 10KB ar.png 3KB 11.jpg 21KB i2.png 3KB 3.jpg 108KB 7.jpg 9KB icon.png 538B 9.jpg 10KB 4.jpg 93KB news.html 10KB资源评论
