<!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>Blue Arc Theme - Photo Gallery</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Template 2040 Blue Arc
http://www.tooplate.com/view/2040-blue-arc
-->
<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>
<div id="tooplate_wrapper">
<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 class="last"><a href="contact.html">Contact</a></li>
</ul>
</div> <!-- end of tooplate_menu -->
<div id="tooplate_header">
<div id="site_title"><h1><a href="#">Blue Arc HTML Template</a></h1></div>
</div> <!-- end of header -->
<div id="tooplate_middle">
<div id="mid_title">
Our Gallery
</div>
<p>In hac habitasse platea dictumst. Donec tincidunt magna a nulla posuere condimentum. Sed laoreet sapien nec orci commodo placerat.</p>
</div> <!-- end of middle -->
<div id="tooplate_main">
<div id="gallery">
<div class="gallery_box">
<a class="pirobox" href="images/gallery/image_01_l.jpg" title="Lorem ipsum dolor sit amet">
<img src="images/gallery/image_01_s.jpg" alt="Image" />
</a>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Nulla nec nisi sem. Pellentesque tincidunt tempus mauris vitae pulvinar. In hac habitasse platea dictumst. Nam tempor tortor elit, in malesuada est. Maecenas fermentum lacus arcu, eu pretium mauris. Cras a risus dolor, ac accumsan enim. Sed vehicula vestibulum pulvinar. Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras dapibus est eu felis consectetur hendrerit. Morbi porttitor, sapien eu blandit vehicula, elit ligula condimentum odio, at auctor est. 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>.</p>
<a class="more" href="#">More</a>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<a class="pirobox" href="images/gallery/image_04_l.jpg" title="Morbi non urna vel quam gravida porttitor">
<img src="images/gallery/image_04_s.jpg" alt="Image" />
</a>
<h3>Morbi non urna vel gravida porttitor</h3>
<p>Nullam id tortor quis risus pulvinar feugiat in quis sem. Pellentesque eu odio nec purus placerat rutrum ac commodo libero. Fusce porttitor lorem eget lacus ullamcorper tincidunt at a turpis. Aenean molestie nulla ac enim gravida luctus. Donec ut sodales eros. Aenean nec massa nulla, vitae hendrerit nisl. Vivamus a consectetur erat. Integer consequat interdum sagittis. Mauris vitae vehicula urna. </p>
<a class="more" href="#">More</a>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<a class="pirobox" href="images/gallery/image_03_l.jpg" title="Pellentesque habitant morbi tristique">
<img src="images/gallery/image_03_s.jpg" alt="Image" />
</a>
<h3>Pellentesque habitant morbi tristique</h3>
<p>Sed sagittis erat tellus, vitae rhoncus metus. Duis feugiat risus vel tellus fringilla et mollis urna tristique. Integer purus eros, dictum id vehicula eu, sodales nec est. Pellentesque rutrum, magna ac posuere mollis, purus urna ultrices leo, egestas porta mauris leo sed nisl. Quisque metus velit, mollis nec posuere nec, hendrerit et orci. Quisque aliquam venenatis eros eu venenatis. Sed interdum, arcu id dictum tincidunt, libero ipsum tempus nisi, a sollicitudin purus ipsum at nulla.</p>
<a class="more" href="#">More</a>
<div class="cleaner"></div>
</div>
<div class="gallery_box last_box">
<a class="pirobox" href="images/gallery/image_02_l.jpg" title="Aliquam neque nisi, euismod quis tincidunt">
<img src="images/gallery/image_02_s.jpg" alt="Image" />
</a>
<h3>Aliquam neque nisi, euismod tincidunt</h3>
<p>Ed commodo iaculis nibh, id vestibulum elit consectetur sed. Sed sodales augue non orci dignissim ultrices. Maecenas sit amet nulla in tortor pellentesque blandit eu ut leo. Quisque lobortis lorem quis lacus pellentesque fermentum. Vestibulum sagittis, dolor at porta vestibulum, elit lectus egestas urna, vel suscipit mauris leo ac urna. Sed iaculis sagittis euismod. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
<a class="more" href="#">More</a>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of main -->
</div> <!-- end of 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> <!-- end of tooplate_footer -->
</div>
</body>
</html>
HTML网站源码-蓝弧企业动态网页模板-移动端可用.zip （139个子文件） 
tooplate_style.css 8KB style.css 5KB style.css 5KB style.css 5KB css_page.css 1KB
lightbox-ico-loading.gif 4KB ajax-loader_b.gif 2KB ajax-loader_b.gif 2KB ajax-loader_w.gif 2KB ajax-loader_b.gif 2KB lightbox-btn-close.gif 700B 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 lightbox-blank.gif 43B
gallery.html 7KB blog.html 6KB index.html 6KB contact.html 5KB about.html 4KB
map_big.jpg 157KB image_01_l.jpg 119KB image_02_l.jpg 90KB image_03_l.jpg 90KB image_04_l.jpg 76KB map_thumb.jpg 31KB image_02_s.jpg 25KB image_03_s.jpg 24KB image_01_s.jpg 22KB shad_bg.jpg 18KB image_04_s.jpg 18KB tooplate_image_08.jpg 16KB tooplate_image_07.jpg 13KB tooplate_image_06.jpg 10KB tooplate_image_02.jpg 7KB tooplate_image_04.jpg 6KB tooplate_image_03.jpg 6KB tooplate_image_05.jpg 6KB tooplate_image_01.jpg 5KB bg_tms.jpg 1KB tooplate_body.jpg 556B jquery.min.js 56KB piroBox.1_2.js 16KB piroBox.1_2_min.js 10KB
tooplate_middle.png 553KB tooplate_menu.png 11KB tooplate_logo.png 3KB 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.png 2KB nextoutside.png 2KB nextoutside_h.png 2KB nextoutside.png 2KB tooplate_bc_orange.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 tooplate_more.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 tooplate_bc_green.png 973B play_h.png 957B play_h.png 957B play_h.png 957B play.png 904B play.png 904B play.png 904B tooplate_bc_blue.png 842B 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共 139 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- GitBook 教授 Javascript 编程基础知识.zip
- Generation.org 开发的 JAVA 模块练习.zip
- FastDFS Java 客户端 SDK.zip
- etcd java 客户端.zip
- Esercizi di informatica！执行计划，metti alla prova！.zip
- Eloquent JavaScript 翻译 - 2ª edição .zip
- Eclipse Paho Java MQTT 客户端库 Paho 是一个 Eclipse IoT 项目 .zip
- disconf 的 Java 应用程序.zip
- cloud.google.com 上使用的 Java 和 Kotlin 代码示例.zip
- 未命名3(3).cpp
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
