<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Orange Sea Theme - Gallery Page</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Template 2037 Orange Sea
http://www.tooplate.com/view/2037-orange-sea
-->
<link href="tooplate_style.css" rel="stylesheet" type="text/css" />
<!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES \\\\\\\-->
<link href="css_pirobox/white/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<!--<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
<link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />-->
<!--////// END \\\\\\\-->
<!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER \\\\\\\-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/piroBox.1_2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().piroBox({
my_speed: 600, //animation speed
bg_alpha: 0.5, //background opacity
radius: 4, //caption rounded corner
scrollImage : false, // true == image follows the page, false == image remains in the same open position
pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox
slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
});
});
</script>
<!--////// END \\\\\\\-->
</head>
<body id="sp_body">
<div id="tooplate_sp_100_wrapper">
<div id="tooplate_sp_wrapper">
<div id="tooplate_top"></div>
<div id="tooplate_header">
<div id="site_title"><h1><a href="#">Orange Sea</a></h1></div>
<div id="tooplate_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="gallery.html" class="current">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div> <!-- end of forever menu -->
</div> <!-- end of forever header -->
<div id="tooplate_sp_middle">
<div id="mid_title">
Our Gallery
</div>
<p>Sed mattis nulla id enim facilisis aliquet. Aliquam erat volutpat. Sed vehicula, nulla vel interdum mattis, ante augue condimentum est, at mollis felis nunc sed lectus. Maecenas vel nisl ante. </p>
<div class="cleaner"></div>
</div> <!-- end of middle -->
<div id="tooplate_main">
<div id="gallery">
<ul>
<li>
<span><a href="#">Project I</a></span>
<a class="pirobox" href="images/gallery/image_01_b.jpg" title="Project I">
<img src="images/gallery/image_01.jpg" alt="Image" class="image_wrapper" />
</a>
Aenean at accumsan ante. Etiam rutrum pharetra. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.
</li>
<li>
<span><a href="#">Project II</a></span>
<a class="pirobox" href="images/gallery/image_02_b.jpg" title="Project II">
<img src="images/gallery/image_02.jpg" alt="Image" class="image_wrapper" />
</a>
Sed in urna neque nec arcu arcu, sed pretium lacus. Aliquam in ipsum mollis facilisis.
</li>
<li class="lmb">
<span><a href="#">Project III</a></span>
<a class="pirobox" href="images/gallery/image_03_b.jpg" title="Project III">
<img src="images/gallery/image_03.jpg" alt="Image" class="image_wrapper" />
</a>
Integer est sem, dignissim quis auctor vel, dapibus massa. Curabitur ligula tempus.
</li>
<li>
<span><a href="#">Project IV</a></span>
<a class="pirobox" href="images/gallery/image_04_b.jpg" title="Project IV">
<img src="images/gallery/image_04.jpg" alt="Image" class="image_wrapper" />
</a>
Vivamus volutpat, elit non tempor vehicula, odio arcu dignissim mauris, a orci non justo.
</li>
<li>
<span><a href="#">Project V</a></span>
<a class="pirobox" href="images/gallery/image_05_b.jpg" title="Project V">
<img src="images/gallery/image_05.jpg" alt="Image" class="image_wrapper" />
</a>
Curabitur volutpat, quam sed cursus elementum, mauris facilisis turpis.
</li>
<li class="lmb">
<span><a href="#">Project VI</a></span>
<a class="pirobox" href="images/gallery/image_06_b.jpg" title="Project VI">
<img src="images/gallery/image_06.jpg" alt="Image" class="image_wrapper" />
</a>
Nunc at lectus justo, in auctor metus. Etiam vel orci vitae elit laoreet dignissim mauris.
</li>
</ul>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of main -->
</div> <!-- end of fp wrapper -->
</div> <!-- end of fp 100% wrapper -->
<div id="tooplate_footer_wrapper">
<div id="tooplate_footer">
Copyright © 2048 <a href="#">Company Name</a> - Design: <a href="http://www.tooplate.com">tooplate</a>
</div>
</div>
</body>
</html>
HTML网站源码-橙色大海风帆信息网页模板-移动端可用.zip （135个子文件） 
tooplate_style.css 7KB style.css 5KB style.css 5KB style.css 5KB css_page.css 1KB
ajax-loader_b.gif 2KB ajax-loader_b.gif 2KB ajax-loader_w.gif 2KB ajax-loader_b.gif 2KB link_out.gif 100B link_out_h.gif 100B link_out.gif 100B link_out_h.gif 100B link_out.gif 100B link_out_h.gif 100B bg_load.gif 76B bg_load.gif 76B bg_load.gif 76B
gallery.html 6KB contact.html 5KB index.html 5KB blog.html 5KB about.html 4KB
image_03_b.jpg 164KB map_big.jpg 157KB image_05_b.jpg 101KB image_04_b.jpg 89KB image_01_b.jpg 88KB tooplate_fp_wrapper.jpg 61KB image_06_b.jpg 59KB image_03.jpg 43KB image_02_b.jpg 41KB map_thumb.jpg 31KB tooplate_sp_wrapper.jpg 27KB tooplate_image_06.jpg 25KB tooplate_image_05.jpg 23KB tooplate_image_04.jpg 23KB image_02.jpg 21KB image_01.jpg 19KB shad_bg.jpg 18KB image_04.jpg 18KB image_05.jpg 14KB tooplate_image_02.jpg 12KB tooplate_image_01.jpg 11KB tooplate_image_03.jpg 7KB image_06.jpg 7KB bg_tms.jpg 1KB tooplate_body.jpg 554B tooplate_sp_body.jpg 415B jquery.min.js 56KB piroBox.1_2.js 16KB piroBox.1_2_min.js 10KB
tooplate_icon.png 15KB tooplate_logo.png 4KB prevoutside_h.png 2KB prevoutside.png 2KB prevoutside_h.png 2KB nextoutside_h.png 2KB nextoutside.png 2KB nextoutside_h.png 2KB prevoutside.png 2KB prevoutside_h.png 2KB prevoutside.png 2KB nextoutside.png 2KB nextoutside_h.png 2KB nextoutside.png 2KB close_btn3.png 2KB prev.png 2KB next.png 2KB close_btn3.png 2KB close_btn3.png 2KB next_h.png 2KB prev_h.png 2KB next.png 2KB next.png 2KB prev.png 2KB prev.png 2KB next_h.png 1KB next_h.png 1KB prev_h.png 1KB prev_h.png 1KB play_h.png 957B play_h.png 957B play_h.png 957B play.png 904B play.png 904B play.png 904B link_out_h.png 810B link_out_h.png 810B link_out_h.png 810B link_out.png 793B link_out.png 793B link_out.png 793B pause_h.png 761B pause_h.png 761B pause_h.png 761B pause.png 675B pause.png 675B pause.png 675B tooplate_more.png 428B共 135 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 基于Vue.js的在线购物系统的设计与实现+vue(Java毕业设计，附源码，数据库，教程）.zip
- 基于springboot+Vue的制造装备物联及生产管理erp系统2（Java毕业设计，附源码，部署教程）.zip
- 基于springboot+Vue的高校教师电子名片系统（Java毕业设计，附源码，部署教程）.zip
- 基于springboot+Vue的高校教师电子名片系统2（Java毕业设计，附源码，部署教程）.zip
- 基于SpringBoot+Vue的房地产销售管理系统的设计与实现2（Java毕业设计，附源码，部署教程）.zip
- 基于JavaEE的龙腾公司员工信息管理系统的设计与实现+jsp(Java毕业设计，附源码，数据库，教程）.zip
- 基于springboot+Vue的智慧校园之家长子系统（Java毕业设计，附源码，部署教程）.zip
- 基于springboot+Vue的周边游平台个人管理模块的设计与实现（Java毕业设计，附源码，部署教程）.zip
- 基于Web的智慧城市实验室主页系统设计与实现+vue(Java毕业设计，附源码，数据库，教程）.zip
- 基于springboot+Vue的反欺诈平台的建设（Java毕业设计，附源码，部署教程）.zip
- 基于springboot+Vue的反欺诈平台的建设2（Java毕业设计，附源码，部署教程）.zip
- 基于springboot+Vue的制造装备物联及生产管理erp系统（Java毕业设计，附源码，部署教程）.zip
- 基于SpringBoot+Vue的房地产销售管理系统的设计与实现（Java毕业设计，附源码，部署教程）.zip
- 基于 Java Web 的校园驿站管理系统+jsp(Java毕业设计，附源码，数据库，教程）.zip
- 基于springboot+Vue的志同道合交友网站（Java毕业设计，附源码，部署教程）.zip
- 基于SpringBoot+Vue的政府管理的系统设计（Java毕业设计，附源码，部署教程）.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
