<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Green Home Theme - Web Design Gallery</title>
<meta name="keywords" content="green home, web design gallery, free template, CSS, HTML" />
<meta name="description" content="Green Home - Web Design Gallery | free css Template from www.htmldivcss.com" />
<link href="templatemo_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 : true, // 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 : 3 //slideshow duration in seconds(3 to 6 Recommended)
});
});
</script>
<!--////// END \\\\\\\-->
</head>
<body>
<div id="templatemo_document_wrapper">
<div id="templatemo_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</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 templatemo_menu -->
<div id="templatemo_header">
<div id="site_title">
<h1><a href="#"><img src="images/templatemo_logo.png" alt="Logo" /></a></h1>
</div> <!-- end of site_title -->
<div id="header_content">
<p>
Proin bibendum massa eu lacus hendrerit elementum. Vestibulum vel sapien risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#" class="more">More</a>
</div>
</div>
<div id="templatemo_main">
<h2>Web Design Gallery</h2>
<p>Credit goes to <a href="http://www.pirolab.it" target="_blank">Diego Valobra</a> for Pirobox jQuery Lightbox. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus rutrum tellus at varius. Ut sit amet arcu elit, in posuere arcu. Phasellus in sapien vel felis imperdiet ullamcorper. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
<div class="cleaner_h30"></div>
<div id="gallery">
<div class="gallery_box gb_even">
<div class="left">
<a href="images/gallery/image_01_b.jpg" class="pirobox image_wrapper" title="Project 1"><img src="images/gallery/image_01.jpg" alt="Image 01" /></a>
</div>
<div class="right">
<h5>Project 1</h5>
<p>Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero. Nunc non est ligula.</p>
<div class="button"><a href="#">Visit site <span>»</span></a> </div>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box gb_odd">
<div class="left">
<a href="images/gallery/image_02_b.jpg" class="pirobox image_wrapper" title="Project 2"><img src="images/gallery/image_02.jpg" alt="Image 02" /></a>
</div>
<div class="right">
<h5>Project 2</h5>
<p>Mauris risus magna, blandit ac suscipit at, tristique id erat. Nunc egestas vulputate velit.</p>
<div class="button"><a href="#">Visit site <span>»</span></a> </div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
<div class="gallery_box gb_even">
<div class="left">
<a href="images/gallery/image_03_b.jpg" class="pirobox image_wrapper" title="Project 3"><img src="images/gallery/image_03.jpg" alt="Image 03" /></a>
</div>
<div class="right">
<h5>Project 3</h5>
<p>Etiam eu ipsum a arcu sodales consequat sit amet at orci. Nulla in luctus elit.</p>
<div class="button"><a href="#">Visit site <span>»</span></a> </div>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box gb_odd">
<div class="left">
<a href="images/gallery/image_04_b.jpg" class="pirobox image_wrapper" title="Project 4"><img src="images/gallery/image_04.jpg" alt="Image 04" /></a>
</div>
<div class="right">
<h5>Project 4</h5>
<p>Divamus interdum, tortor at pellentesque pulvinar, diam quam blandit nulla.</p>
<div class="button"><a href="#">Visit site <span>»</span></a> </div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
<div class="gallery_box gb_even">
<div class="left">
<a href="images/gallery/image_05_b.jpg" class="pirobox image_wrapper" title="Project 5"><img src="images/gallery/image_05.jpg" alt="Image 05" /></a>
</div>
<div class="right">
<h5>Project 5</h5>
<p>Quisque a leo sed purus lacinia tempus vitae in leo. Suspendisse vehicula facilisis neque.</p>
<div class="button"><a href="#">Visit site <span>»</span></a> </div>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box gb_odd">
<div class="left">
<a href="images/gallery/image_06_b.jpg" class="pirobox image_wrapper" title="Project 6"><img src="images/gallery/image_06.jpg" alt="Image 06" /></a>
</div>
<div class="right">
<h5>Project 6</h5>
<p>Mauris pretium ullamcorper orci, in tristique nulla lobortis non. Duis vitae dolor sapien.</p>
<div class="button"><a href="#">Visit site <span>»</span></a> </div>
</div>
<div class="cleaner"></div>
</div>
</div> <!-- end of gallery -->
<div class="cleaner"></div>
</div>
</div> <!-- end of wrapper -->
</div>
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<a href="index.html">Home</a> | <a href="services.html">Services</a> | <a href="blog.html">Blog</a> | <a href="gallery.html">Gallery</a> | <a href="contact.html">Contact</a><br /><br />
Copyright © 2048 <a href="#">Your Company Name</a> | Template from <a href="http://www.htmldivcss.com" target="_parent" title="网站模板">网站模板</a>
</div> <!-- end of templatemo_footer -->
</div>
</body>
</html>
84web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （155个子文件） 
templatemo_style.css 7KB style.css 5KB style.css 5KB style.css 5KB css_page.css 1KB Thumbs.db 45KB Thumbs.db 40KB Thumbs.db 38KB Thumbs.db 15KB
ajax-loader_b.gif 2KB ajax-loader_w.gif 2KB ajax-loader_b.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 blog.html 6KB index.html 5KB services.html 5KB contact.html 4KB
image_09_b.jpg 115KB １.jpg 113KB image_08_b.jpg 100KB image_02_b.jpg 88KB image_07_b.jpg 87KB image_06_b.jpg 81KB image_03_b.jpg 80KB image_04_b.jpg 75KB image_05_b.jpg 67KB image_01_b.jpg 65KB templatemo_wrapper.jpg 33KB templatemo_header.jpg 29KB shad_bg.jpg 18KB templatemo_image_03.jpg 11KB templatemo_image_02.jpg 11KB image_09.jpg 8KB image_03.jpg 8KB image_02.jpg 7KB image_04.jpg 7KB image_08.jpg 7KB image_06.jpg 7KB image_07.jpg 6KB templatemo_image_01.jpg 6KB image_05.jpg 6KB image_01.jpg 6KB templatemo_image_06.jpg 5KB templatemo_image_05.jpg 5KB templatemo_image_04.jpg 3KB templatemo_image_07.jpg 2KB bg_tms.jpg 1KB templatemo_body.jpg 401B templatmeo_menu_hover.jpg 359B jquery-ui.min.js 180KB jquery.1.3.2.min.js 56KB jquery.min.js 56KB jquery-1.3.1.min.js 54KB jquery.js 53KB piroBox.1_2.js 16KB piroBox.1_2_min.js 10KB jquery.easing.1.3.js 8KB
templatemo_logo.png 6KB onebit_17.png 4KB onebit_08.png 4KB onebit_12.png 3KB templatemo_more.png 2KB 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共 155 条
- 1
- 2
资源评论
