<!doctype html>
<html>
<head>
<title>Home</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<!--web-font-->
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<link href='#css?family=Oleo+Script:400' rel='stylesheet' type='text/css'>
<link href='#css?family=Karma:400,300' rel='stylesheet' type='text/css'>
<!--//web-font-->
<!-- Custom Theme files -->
<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="Viatges 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>
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></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" src="js/modernizr.custom.53451.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>
<!--//end-smoth-scrolling-->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="header-logo">
<a href="index.html"><h1>Viatges</h1></a>
</div>
<div class="top-nav">
<span class="menu"> </span>
<ul class="nav1">
<li><a href="index.html" class="active">Create New Trip</a></li>
<li><a href="upload-photo.html">Upload Photo</a></li>
<li><a href="message.html">Message</a></li>
<li><a href="my-account.html">My account</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--//header-->
<!--banner-->
<div class="banner">
<div class="container">
<div class="search">
<form>
<input type="text" value="Search Here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search Here';}" required="">
<input type="submit" value="">
</form>
</div>
<div class="banner-title">
<h2>Lorem Ipsum Doloar Sit Amit.</h2>
<h3>consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna </h3>
</div>
</div>
</div>
<!--//banner-->
<!--trip-->
<div class="trip">
<div class="container">
<div class="trip-grids">
<div class="trip-grid-info one">
<h3>Trip you can spiti</h3>
<img src="images/img1.jpg" alt="people"/>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry.</p>
<h5>Joy_74</h5>
</div>
<div class="trip-grid-info one">
<h3>Trip you can spiti</h3>
<img src="images/img2.jpg" alt="people"/>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry.</p>
<h5>Joy_74</h5>
</div>
</div>
<div class="trip-grids ">
<div class="trip-grid-info two">
<h3>Trip you can spiti</h3>
<img src="images/img3.jpg" alt="people"/>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry.</p>
<h5>Joy_74</h5>
</div>
<div class="trip-grid-info two">
<h3>Trip you can spiti</h3>
<img src="images/img4.jpg" alt="people"/>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry.</p>
<h5>Joy_74</h5>
</div>
</div>
<div class="trip-grids">
<div class="trip-grid-info three">
<h3>Trip you can spiti</h3>
<img src="images/img5.jpg" alt="people"/>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry.</p>
<h5>Joy_74</h5>
</div>
<div class="trip-grid-info three">
<h3>Trip you can spiti</h3>
<img src="images/img6.jpg" alt="people"/>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry.</p>
<h5>Joy_74</h5>
</div>
</div>
<div class="trip-grids">
<div class="trip-grid-info four">
<h3>Trip you can spiti</h3>
<img src="images/img7.jpg" alt="people"/>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry.</p>
<h5>Joy_74</h5>
</div>
<div class="trip-grid-info four">
<h3>Trip you can spiti</h3>
<img src="images/img8.jpg" alt="people"/>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry.</p>
<h5>Joy_74</h5>
</div>
</div>
<div class="trip-grids five">
<h3>Upcoming Trip</h3>
<img src="images/img9.jpg" alt="people"/>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--//trip-->
<div class="map">
<img src="images/map.jpg" alt="map"/>
</div>
<!--footer-->
<div class="footer">
<div class="container">
<p>Copyright © 2015.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
</div>
</div>
<!--//footer-->
<!--smooth-scrolling-of-move-up-->
<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>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!--//smooth-scrolling-of-move-up-->
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
旅行网站模板中文是一款清爽风格的CSS旅游公司网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应式.rar
共29个文件
jpg:14个
js:6个
html:4个
1 下载量 146 浏览量
2023-08-05
16:04:17
上传
评论
收藏 895KB RAR 举报
温馨提示
旅行网站模板中文是一款清爽风格的CSS旅游公司网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应式.rar
资源推荐
资源详情
资源评论
收起资源包目录
旅行网站模板中文是一款清爽风格的CSS旅游公司网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应式.rar (29个子文件)
旅行网站模板中文是一款清爽风格的CSS旅游公司网站模板。
moban372
my-account.html 4KB
js
responsiveslides.min.js 3KB
modernizr.custom.53451.js 9KB
easing.js 5KB
move-top.js 1KB
modernizr.custom.js 9KB
jquery.min.js 92KB
css
style.css 15KB
bootstrap.css 118KB
index.html 6KB
upload-photo.html 5KB
images
search-icon.png 3KB
img6.jpg 50KB
banner.jpg 105KB
img2.jpg 43KB
img5.jpg 44KB
map.jpg 78KB
img10.jpg 71KB
move-up.png 3KB
img11.jpg 280KB
img4.jpg 38KB
img1.jpg 33KB
menu-icon.png 414B
img7.jpg 42KB
upload.jpg 15KB
img3.jpg 28KB
img8.jpg 52KB
img9.jpg 72KB
message.html 5KB
共 29 条
- 1
资源评论
qw_6918966011
- 粉丝: 21
- 资源: 6162
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功