<!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个文件
png:83个
jpg:26个
gif:13个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 138 浏览量
2024-03-22
10:41:23
上传
评论
收藏 1.16MB ZIP 举报
温馨提示
打造企业级网站,源码在手,天下我有! 移动端完美适配 — 在这个以手机为王的时代,我们的HTML源码专为移动设备优化,确保你的企业网站无论在大屏还是小屏上都能流畅展现,抓住移动互联网的巨量流量。 专业企业设计 — 每行代码都经过精心设计与优化,兼顾美观与性能。让你的网站不仅拥有专业的外观,还能提供快速的加载速度和优秀的用户体验。 高度可定制 — 这份源码易于修改和扩展,让你随心所欲地定制功能和样式,无需担心技术难题。 SEO优化结构 — 良好的SEO结构让你的网站更容易被搜索引擎发现,提升品牌曝光度,带来更多潜在客户。 作为一名程序员,时间就是金钱,效率就是生命。合理利用模板,让你的项目开发事半功倍,立刻启动你的互联网成功之旅!你将节省无数宝贵时间和避免潜在的开发坑洞,快速部署一个高效、吸引人且响应式的企业网站。现在行动,让你的业务在数字世界中翱翔!
资源推荐
资源详情
资源评论
收起资源包目录
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_w.gif 2KB
ajax-loader_b.gif 2KB
ajax-loader_b.gif 2KB
link_out_h.gif 100B
link_out.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
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于javaweb的在线考试系统的设计与实现(论文+源码)-kaic.doc
- 企业教育相关数据集(1992-2022年).xlsx
- Qt Creator调试全攻略:从设置断点到远程调试
- 全国地表水水质自动检测站数据集-逐4小时频率(2021年6月17日-2023年9月20日).txt
- 省级新质生产力相关词频统计数据集.xlsx
- 医药魔方:2024医药投融资交易大会-生物医药企业并购中的知识产权问题
- 高校在线考试系统的设计与实现(论文+源码)-kaic.docx
- 虚社会责任漂绿数据(2018-2022年)含do代码+计算结果.txt
- 省府县数据匹配代码.do
- 工具变量-明清进士匹配数据集.xlsx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功