<!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>Corporate Blue Theme - Gallery Page</title>
<meta name="keywords" content="corporate blue, gallery, theme, free templates, website templates, CSS, HTML" />
<meta name="description" content="Corporate Blue Theme is a free website template provided by tooplate.com" />
<link href="tooplate_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<!--////// 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 \\\\\\\-->
<!-- Free Website Template by t o o p l a t e . c o m -->
</head>
<body>
<div id="tooplate_header_wrapper">
<div id="tooplate_header">
<div id="site_title">
<h1><a rel="nofollow" href="http://www.tooplate.com"><img src="images/tooplate_logo.png" alt="logo" /><span>Your tagline goes here</span></a></h1>
</div> <!-- end of site_title -->
<div id="header_right">
<div id="social_box">
<ul>
<li><a href="#"><img src="images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="images/twitter.png" alt="twitter" /></a></li>
<li><a href="#"><img src="images/linkedin.png" alt="linkin" /></a></li>
<li><a href="#"><img src="images/technorati.png" alt="technorati" /></a></li>
<li><a href="#"><img src="images/myspace.png" alt="myspace" /></a></li>
</ul>
<div class="cleaner"></div>
</div>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Search" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" id="searchbutton" title="Search" />
</form>
</div>
</div>
</div>
</div>
<div id="tooplate_middle_wrapper">
<div id="tooplate_middle">
<img src="images/tooplate_image_01.jpg" alt="Image 01" />
<div id="middle_content">
<h2>Lorem ipsum dolor sit amet</h2>
<p>Nullam in justo lacus, id viverra elit. Ut dignissim auctor purus, id vestibulum turpis rutrum eget. Maecenas ut ipsum pellentesque purus ullamcorper fringilla. Nunc in turpis non nisi egestas convallis in at massa.</p>
<div class="wwu_btn"><a href="#"></a></div>
</div>
</div>
</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="services.html">Services</a></li>
<li><a href="gallery.html" class="current">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="cleaner"></div>
</div> <!-- end of tooplate_menu -->
<div id="tooplate_content">
<h2>Our Galleries</h2>
<div id="gallery">
<div class="g_box">
<a href="images/gallery/image_01_b.jpg" class="pirobox" title="Photo 1">
<img src="images/gallery/image_01.jpg" alt="Image 01" />
</a>
<p>Nunc suscipit nulla sit amet libero sollicitudin et hendrerit leo tempus.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="g_box">
<a href="images/gallery/image_02_b.jpg" class="pirobox" title="Photo 2"><img src="images/gallery/image_02.jpg" alt="Image 02" /></a>
<p>Vestibulum lacus nulla, tincidunt sed imperdiet at. 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>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="g_box rm_col">
<a href="images/gallery/image_03_b.jpg" class="pirobox" title="Photo 3"><img src="images/gallery/image_03.jpg" alt="Image 03" /></a>
<p>Etiam eu ipsum a arcu sodales consequat sit amet at orci. Nulla in luctus elit.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="cleaner"></div>
<div class="g_box">
<a href="images/gallery/image_04_b.jpg" class="pirobox" title="Photo 4"><img src="images/gallery/image_04.jpg" alt="Image 04" /></a>
<p>Divamus interdum, tortor at pellentesque pulvinar, diam quam blandit nulla.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="g_box">
<a href="images/gallery/image_05_b.jpg" class="pirobox" title="Photo 5"><img src="images/gallery/image_05.jpg" alt="Image 05" /></a>
<p>Integer fermentum arcu vitae sem condimentum vel posuere massa facilisis.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="g_box rm_col">
<a href="images/gallery/image_06_b.jpg" class="pirobox" title="Photo 6"><img src="images/gallery/image_06.jpg" alt="Image 06" /></a>
<p>Vivamus consectetur magna eget est commodo sed ullamcorper diam pharetra.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div>
<div id="tooplate_footer_wrapper">
<div id="tooplate_footer">
Copyright © 2048 <a href="#">Company Name</a>
</div> <!-- end of tooplate_footer -->
</div>
<!-- Free Website Template by t o o p l a t e . c o m -->
</body>
</html>
HTML网站源码-蓝色企业在线动态网页模板-移动端可用.zip （147个子文件） 
tooplate_style.css 9KB 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 7KB index.html 7KB services.html 7KB about.html 6KB contact.html 6KB
image_06_b.jpg 140KB image_03_b.jpg 102KB image_05_b.jpg 101KB image_02_b.jpg 90KB image_04_b.jpg 89KB image_01_b.jpg 88KB image_06.jpg 32KB image_03.jpg 21KB image_04.jpg 20KB image_02.jpg 19KB image_01.jpg 19KB shad_bg.jpg 18KB tooplate_wws.jpg 18KB image_05.jpg 17KB tooplate_header.jpg 15KB tooplate_image_01.jpg 13KB tooplate_image_03.jpg 9KB tooplate_menu_bar.jpg 5KB tooplate_image_02.jpg 4KB tooplate_image_04.jpg 3KB bg_tms.jpg 1KB tooplate_body.jpg 491B tooplate_list.jpg 419B tooplate_menu_hover.jpg 330B jquery.js 101KB jquery.min.js 56KB piroBox.1_2.js 16KB piroBox.1_2_min.js 10KB s3Slider.js 4KB
tooplate_menu_bar.png 12KB tooplate_logo.png 6KB technorati.png 4KB twitter.png 4KB linkedin.png 4KB myspace.png 4KB onebit_15.png 4KB onebit_16.png 4KB facebook.png 4KB onebit_18.png 4KB btn_wwu_hover.png 3KB prevoutside_h.png 2KB prevoutside.png 2KB prevoutside_h.png 2KB nextoutside_h.png 2KB nextoutside.png 2KB nextoutside_h.png 2KB btn_wwu.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 tooplate_search.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共 147 条
- 1
- 2
资源评论
