<!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>Greeny Template Gallery</title>
<meta name="keywords" content="free css templates, gallery, greeny, CSS, HTML" />
<meta name="description" content="Greeny Gallery - free CSS template" />
<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 : 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="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="site_title">
<a href="index.html"><img src="images/templatemo_logo.png" alt="logo" /><span>Your tagline goes here</span></a>
</div> <!-- end of site_title -->
<div id="templatemo_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html" class="current">Gallery</a></li>
<li><a href="news.html">News</a></li>
<li><a href="about.html">About Us</a></li>
<li class="last"><a href="contact.html">Contact </a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div class="cleaner"></div>
</div> <!-- end of templatemo_header -->
</div> <!-- end of templatemo_header_wrapper -->
<div id="templatemo_banner_wrapper">
<div id="templatemo_banner">
<img src="images/templatemo_image_01.jpg" alt="image" />
<h1>Lorem ipsum dolor sit amet</h1>
<p>Curabitur vitae lorem non neque hendrerit imperdiet a a augue. Quisque diam urna, tempus et pretium vel, porttitor id eros. </p>
<div class="button image_fr"><a href="#">Read more</a></div>
</div> <!-- end of banner -->
</div> <!-- end of banner_wrapper -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div class="col_w550 float_l">
<h2>WEB DESIGN <span>GALLERY</span></h2>
<p>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_h40"></div>
<div id="gallery">
<ul>
<li><a href="images/gallery/image_01_b.jpg" class="pirobox" title="Project 1"><img src="images/gallery/image_01.jpg" alt="" /></a></li>
<li class="odd"><a href="images/gallery/image_02_b.jpg" class="pirobox" title="Project 2"><img src="images/gallery/image_02.jpg" alt="" /></a></li>
<li><a href="images/gallery/image_03_b.jpg" class="pirobox" title="Project 3"><img src="images/gallery/image_03.jpg" alt="" /></a></li>
<li class="odd"><a href="images/gallery/image_04_b.jpg" class="pirobox" title="Project 4"><img src="images/gallery/image_04.jpg" alt="" /></a></li>
<li><a href="images/gallery/image_05_b.jpg" class="pirobox" title="Project 5"><img src="images/gallery/image_05.jpg" alt="" /></a></li>
<li class="odd"><a href="images/gallery/image_06_b.jpg" class="pirobox" title="Project 6"><img src="images/gallery/image_06.jpg" alt="" /></a></li>
</ul>
</div>
</div>
<div class="col_w250 col_last">
<h2>OUR <span>NEWS</span></h2>
<div class="sb_news_box">
<h6><a href="#">Ut volutpat erat nec mauris</a></h6>
Fusce sem nulla, rutrum ac suscipit eget, commodo vitae est.
Quisque ornare pulvinar lorem.
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<h6><a href="#">Vestibulum pharetra tortor</a></h6>
Donec et purus velit, eget euismod risus consectetur dolo.
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<h6><a href="#">Morbi vitae velit eget</a></h6>
Aliquam erat arcu, euismod et, dignissim in, interdum ac, est. Mauris congue felis at nisi. Donec felis.
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<h6><a href="#">Etiam a enim id sapien</a></h6>
Vivamus tincidunt vehicula est. Vestibulum purus. In hac habitasse platea dictumst.
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<h6><a href="#">Curabitur euismod scelerisque</a></h6>
Cras pretium sem sed odio. Vestibulum nisl mauris, malesuada nec, dictum in, molestie in, pede.
<div class="cleaner"></div>
</div>
<div class="button"><a href="#">Read more</a></div>
<div class="cleaner_h40"></div>
<h2>OUR <span>SERVICES</span></h2>
<ul class="tmo_list">
<li><a href="#">Cras rutrum ullamcorper</a></li>
<li><a href="#">Sed nec eros egestas nisl</a></li>
<li><a href="#">Morbi sed nulla ac est cursus</a></li>
<li><a href="#">Curabitur ullamcorper nibh</a></li>
<li><a href="#">Pellentesque adipiscing</a></li>
</ul>
<div class="cleaner"></div>
<div class="button"><a href="#">Read more</a></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of content -->
</div> <!-- end of content -->
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
Copyright © 2048 <a href="#">Your Company Name</a> -
Template from <a href="http://www.htmldivcss.com" target="_parent" title="网站模板">网站模板</a>
</div>
</div>
</body>
</html>
59web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （171个子文件） 
templatemo_style.css 8KB 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 templatemo_menu_divider.gif 46B
gallery.html 8KB contact.html 7KB index.html 7KB news.html 6KB about.html 6KB thumbnail_stack.html 2KB
1.jpg 142KB image_05_b.jpg 118KB image_06_b.jpg 115KB image_02_b.jpg 100KB image_04_b.jpg 90KB image_01_b.jpg 87KB image_03_b.jpg 78KB 220x220_220_nature.jpg 24KB 220x220_237_touch_slider.jpg 23KB 220x220_218_s_shape.jpg 21KB 220x220_217_v_shape.jpg 21KB 220x220_236_3d_curve_gallery.jpg 20KB 220x220_222_gateway.jpg 19KB shad_bg.jpg 18KB 220x220_230_carousel.jpg 18KB 220x220_242_mini_tour.jpg 17KB templatemo_image_01.jpg 16KB image_06.jpg 15KB 220x220_240_touch_scroller.jpg 15KB 220x220_241_multi_scroller.jpg 15KB templatemo_banner.jpg 14KB image_02.jpg 13KB image_05.jpg 13KB image_01.jpg 12KB 220x220_238_3d_spiral_gallery.jpg 12KB templatemo_image_04.jpg 12KB image_03.jpg 12KB 220x220_219_mesh.jpg 11KB image_04.jpg 11KB templatemo_content.jpg 10KB templatemo_header.jpg 9KB templatemo_image_03.jpg 8KB templatemo_image_05.jpg 7KB templatemo_image_02.jpg 3KB bg_tms.jpg 1KB templatemo_body.jpg 432B jquery.min.js 56KB jquery-1.3.1.min.js 54KB jquery.js 53KB piroBox.1_2.js 16KB swfobject.js 10KB piroBox.1_2_min.js 10KB jquery.easing.1.3.js 8KB
bar-graph.png 9KB to-do.png 5KB onebit_19.png 3KB templatemo_logo.png 3KB myspace.png 3KB twitter.png 3KB technorati.png 3KB linkedin.png 3KB facebook.png 2KB prevoutside_h.png 2KB prevoutside.png 2KB prevoutside_h.png 2KB nextoutside_h.png 2KB nextoutside.png 2KB nextoutside_h.png 2KB onebit_15.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共 171 条
- 1
- 2
资源评论
2301_76429513
- 粉丝: 15
- 资源: 6728
