<!doctype html>
<!--
AUTHOR
Design and code by: http://www.free-responsive-templates.com
Free stock photos by: http://free-responsive-templates.com/category/free-stock-photos/
Created: 18 September 2012
LICENSE
Released for free under a Creative Commons Attribution 3.0 Unported License (CC BY 3.0)
http://creativecommons.org/licenses/by/3.0/
License: http://free-responsive-templates.com/license/
SUPPORT
E-mail: free.responsive.templates@gmail.com
Contact: http://free-responsive-templates.com/contact/
-->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Free Responsive Template #33- Park Zone-模板在线moobnn.com</title>
<link href='http://fonts.googleapis.com/css?family=Lustria|Niconne|McLaren' rel='stylesheet' type='text/css'>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel='stylesheet' id='camera-css' href='css/camera.css' type='text/css' media='all'>
<script type='text/javascript' src='scripts/jquery.min.js'></script>
<script type='text/javascript' src='scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='scripts/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='scripts/camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: true
});
});
</script>
</head>
<body>
<header>
<h1><a href="">park zone</a></h1>
<hr>
<hr>
<nav>
<ul>
<li class="active"><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Services</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
<hr>
<hr>
<div class="clearfloat"></div>
</header>
<div class="wrapper">
<!--begin Welcome-->
<div class="welcome">
<!--begin slider-->
<div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
<div data-thumb="images/slides/thumbs/1.jpg" data-src="images/slides/1.jpg">
<div class="camera_caption fadeFromBottom">Park 1! <em>Park Zone description</em></div>
</div>
<div data-thumb="images/slides/thumbs/2.jpg" data-src="images/slides/2.jpg">
<div class="camera_caption fadeFromBottom">Park 2! <em>Park Zone description</em></div>
</div>
<div data-thumb="images/slides/thumbs/3.jpg" data-src="images/slides/3.jpg">
<div class="camera_caption fadeFromBottom">Park 3! <em>Park Zone description</em></div>
</div>
<div data-thumb="images/slides/thumbs/4.jpg" data-src="images/slides/4.jpg">
<div class="camera_caption fadeFromBottom">Park 4! <em>Park Zone description</em></div>
</div>
<div data-thumb="images/slides/thumbs/5.jpg" data-src="images/slides/5.jpg">
<div class="camera_caption fadeFromBottom">Park 5! <em>Park Zone description</em></div>
</div>
</div>
<!--end slider-->
<div class="wel">
<h2>Welcome</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
<p>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
</p>
</div>
<hr>
<hr>
<div class="testimonials">
<h2>Testimonials</h2>
<div class="testim">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
</p>
<span>Julia White</span>
</div>
<div class="testim">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
</p>
<span>Julia White</span>
</div>
</div>
</div>
<!--end Welcome-->
<!--begin RightBox -->
<div class="rightBox">
<div class="rb">
<img src="images/rspic1.jpg" alt="rspic1">
<h2>Title 1</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
</p>
</div>
<div class="rb">
<img src="images/rspic2.jpg" alt="rspic2">
<h2>Title 2</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
</p>
</div>
</div>
<!--end RightBox-->
<!--begin Sidebar -->
<div class="sidebar">
<div class="sBox">
<h2>Sidebar</h2>
<ul>
<li><a href="">Lorem Ipsum is simply </a></li>
<li><a href="">Dummy text of the</a></li>
<li><a href="">Printing and typesetting</a></li>
<li><a href="">Industry lorem Ipsum</a></li>
<li><a href="">Has been the industry's</a></li>
<li><a href="">Standard dummy text</a></li>
<li><a href="">Ever since the 1500s</a></li>
<li><a href="">When an unknown</a></li>
<li><a href="">Printer took a galley</a></li>
</ul>
</div>
<div class="sBox">
<h2>Park List</h2>
<ul>
<li><a href="">Lorem Ipsum is simply </a></li>
<li><a href="">Dummy text of the</a></li>
<li><a href="">Printing and typesetting</a></li>
<li><a href="">Industry lorem Ipsum</a></li>
<li><a href="">Has been the industry's</a></li>
<li><a href="">Standard dummy text</a></li>
<li><a href="">Ever since the 1500s</a></li>
<li><a href="">When an unknown</a></li>
<li><a href="">Printer took a galley</a></li>
</ul>
</div>
</div>
<!--end Sidebar-->
<div class="clearfloat"></div>
</div>
<footer>
<hr>
<hr>
<p>
Copyright © <a href="#">Your Site Name</a> | Collect Form <a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>
</p>
<div class="icons">
<ul>
<li><a href=""><img src="images/facebook.png" alt="facebook icon"></a></li>
<li><a href=""><img src="images/twitter.png" alt="twitter icon"></a></li>
<li><a href=""><img src="images/googleplus.png" alt="google plus icon"></a></li>
<li><a href=""><img src="images/dribbble.png" alt="dribble icon"></a></li>
</ul>
</div>
</footer>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
灰色高斯背景三栏宽屏html5模板_灰色 高斯模糊 三栏 博客 宽屏 自适应 html5 线条 简洁.rar
共45个文件
png:17个
jpg:15个
js:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 116 浏览量
2023-04-27
15:04:57
上传
评论
收藏 1.02MB RAR 举报
温馨提示
灰色高斯背景三栏宽屏html5模板_灰色 高斯模糊 三栏 博客 宽屏 自适应 html5 线条 简洁
资源推荐
资源详情
资源评论
收起资源包目录
灰色高斯背景三栏宽屏html5模板_灰色 高斯模糊 三栏 博客 宽屏 自适应 html5 线条 简洁.rar (45个子文件)
灰色高斯背景三栏宽屏html5模板_灰色 高斯模糊 三栏 博客 宽屏 自适应 html5 线条 简洁
frt_33
css
camera.css 27KB
styles.css 5KB
index.html 7KB
images
patterns
overlay1.png 937B
overlay8.png 948B
overlay7.png 97B
overlay5.png 924B
overlay4.png 924B
overlay2.png 935B
overlay10.png 923B
overlay6.png 959B
overlay9.png 926B
overlay3.png 938B
.DS_Store 6KB
rspic2.jpg 80KB
siteBackground.jpg 19KB
blank.gif 1KB
headerBackground.jpg 6KB
slides
.DS_Store 6KB
2.jpg 103KB
1.jpg 121KB
5.jpg 159KB
thumbs
.DS_Store 6KB
2.jpg 5KB
header_bg.png 986B
1.jpg 5KB
5.jpg 5KB
3.jpg 5KB
4.jpg 5KB
3.jpg 130KB
4.jpg 146KB
galleryPic1.jpg 76KB
rspic1.jpg 70KB
twitter.png 928B
camera-loader.gif 9KB
facebook.png 766B
camera_skins.png 24KB
p.png 1015B
dribbble.png 2KB
googleplus.png 659B
scripts
camera.min.js 38KB
jquery.easing.1.3.js 8KB
jquery.min.js 92KB
jquery.mobile.customized.min.js 17KB
camera.js 67KB
共 45 条
- 1
资源评论
紫微前端
- 粉丝: 4301
- 资源: 869
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功