<!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: [email protected]
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
需积分: 0 115 浏览量
2023-09-12
08:47:39
上传
评论
收藏 1.01MB RAR 举报
Q_97095639
- 粉丝: 377
- 资源: 1万+
最新资源
- 基于Java实现的pagerank算法.zip
- 基于C++实现的pagerank算法.zip
- 基于Python实现的pagerank算法.zip
- java面试题-leetcode题解之第14题最长公共前缀.zip
- java面试题-leetcode题解之第28题找出字符串中第一个匹配项的下标.zip
- java面试题-leetcode题解之第31题下一个排列.zip
- java面试题-leetcode题解之第6题Z字形变换.zip
- java面试题-leetcode题解之第8题字符串转换整数atoi.zip
- java面试题-leetcode题解之第13题罗马数字转整数.zip
- 夏总-2405232148.awb
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈