<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Trotting 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>
<link href='http://ajax.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<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},1200);
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
</head>
<body>
<!-- header -->
<div class="banner">
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-15">
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="about.html" data-hover="ABOUT">ABOUT</a></li>
<li><a href="services.html" data-hover="SERVICES">SERVICES</a></li>
<li><a href="404.html" data-hover="WORK">WORK</a></li>
<li><a href="contact.html" data-hover="CONTACT">CONTACT</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
<div class="top-slide">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="tittle">
<h1>tirmiopsumdo</h1>
<h2>Volupta augun koising</h2>
</div>
</li>
<li>
<div class="tittle">
<h1>Content here</h1>
<h2> variations of passages</h2>
</div>
</li>
<li>
<div class="tittle">
<h1>Lorem Ipsum </h1>
<h2>Many desktop publi</h2>
</div>
</li>
</ul>
</div>
</section>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- FlexSlider -->
</div>
</div>
<!-- header -->
<!-- prasent -->
<div class="prasent">
<div class="container">
<h2>Praesent dapibus neque id cursus faucibus tortor neque egestas augue eu vulputa</h2>
</div>
</div>
<!-- prasent -->
<!-- gravida -->
<div class="gravida">
<div class="container">
<div class="col-md-6 gravida-left">
<img src="images/img1.jpg" class="img-responsive" alt=""/>
<div class="gravida-1">
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat uam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttit</p>
<a href="single.html" class="btn btn-1c btn1 btn-1d">Gravida Ompi</a>
</div>
</div>
<div class="col-md-6 gravida-right">
<div class="gravida-botom">
<div class="grabotom-left">
<img src="images/img2.jpg" class="img-responsive" alt=""/>
</div>
<div class="grabotom-right">
<h4>Lorem ipsum do</h4>
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra amit incon.</p>
<a href="single.html" class="link">Read More</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="gravida-botom">
<div class="grabotom-left">
<img src="images/img3.jpg" class="img-responsive" alt=""/>
</div>
<div class="grabotom-right">
<h4>Lorem ipsum dol</h4>
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra amit incon.</p>
<a href="single.html" class="link">Read More</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="gravida-botom">
<div class="grabotom-left">
<img src="images/img4.jpg" class="img-responsive" alt=""/>
</div>
<div class="grabotom-right">
<h4>Lorem ipsum do</h4>
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra amit incon.</p>
<a href="single.html" class="link">Read More</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- gravida -->
<!-- donec -->
<div class="donec">
<div class="container">
<div class="donec-top">
<div class="col-md-6 donec-left">
<h3>Donec nec justo</h3>
<p>Morbi in sem quis dui placerat ornare. Pellentesque odiomod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat uam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttit</p>
</div>
<div class="col-md-6 donec-right">
<h3>Lorem ipsum dolor</h3>
<p>Untres in sem quis dui placerat ornare. Pellentesque odio nismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat uam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttit</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="donec-bottom">
<img src="images/img5.png" class="img-responsive" alt=""/>
</div>
</div>
</div>
<!-- donec -->
<!-- fusce -->
<div class="fusce">
<div class="container">
<h3><span>Fusce</span> pellentesque </h3>
<div class="fusce-top">
<div class="col-md-6 fusce-1">
<p>Cintrusn in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat uam erat volutpat. dui mi, tincidunt quis, accumsan porttit lorem ipsum.</p>
<div class="top-1">
<div class="fusce-left">
<img src="images/img6.png" class="img-responsive" alt=""/>
</div>
<div class="fusce-right">
<h5><a href="#">John Doe</a></h5>
<h6>Company name</h6>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-6 fusce-1">
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. S
环球旅行者蓝色大气网站模板下载_环球整站_自适应响应式源码.rar
24 浏览量
2023-08-05
15:25:34
上传
评论
收藏 1.34MB RAR 举报
环球旅行者蓝色大气网站模板下载_环球 环球旅行 旅行 旅行社 蓝色 大气 地球 景点 景区 旅游 俱乐部 扁平化 整站_自适应响应式源码.rar （37个子文件） 
环球旅行者蓝色大气网站模板下载_环球 环球旅行 旅行 旅行社 蓝色 大气 地球 景点 景区 旅游 俱乐部 扁平化 整站 企业 大图 幻灯 响应式 手机 bootstrap cpts_135_elt js 
jquery.flexslider.js 39KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 25KB flexslider.css 4KB bootstrap.css 118KB
404.html 4KB services.html 8KB index.html 10KB contact.html 6KB about.html 7KB single.html 6KB images 
bg-h2.png 3KB arrow.1.png 3KB img9.png 12KB mark.png 3KB menu.png 3KB
banner.jpg 179KB logo.png 4KB back.jpg 324KB img8.png 13KB img2.jpg 50KB res.png 4KB back2.jpg 1.39MB guid.png 3KB img4.jpg 39KB air.png 4KB img1.jpg 124KB compin.png 4KB avatar.png 2KB img3.jpg 32KB img7.png 12KB righ.png 3KB arow.png 3KB img6.png 13KB img5.png 86KB资源评论
