<!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>Eco Green Portfolio - CSS Templates</title>
<meta name="keywords" content="eco green, portfolio page, css templates, CSS, HTML, web design" />
<meta name="description" content="Eco Green Portfolio - HTML 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 : 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">
<div id="site_title">
<h1><a href="http://www.htmldivcss.com/" target="_parent">ECO <strong>GREEN</strong><span>CSS Templates</span></a></h1>
</div>
<div id="templatemo_menu">
<ul>
<li><a href="index.html"><span></span>Home</a></li>
<li><a href="services.html"><span></span>Services</a></li>
<li><a href="portfolio.html" class="current"><span></span>Portfolio</a></li>
<li><a href="blog.html"><span></span>Blog</a></li>
<li><a href="contact.html"><span></span>Contact</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
</div> <!-- end of templatemo_header -->
<div id="templatemo_main_wrapper">
<div id="templatemo_main">
<div id="templatemo_content">
<h2>Portfolio</h2>
<p align="justify">Mauris congue felis at nisi. Donec felis. Pellentesque leo lacus, rhoncus nec, consequat ac, ullamcorper nec, orci. Etiam dictum nisi. Donec enim enim, imperdiet quis, mollis a, elementum a, diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et nunc commodo ante ornare imperdiet. </p>
<p align="justify">Donec nunc neque, pulvinar a, vestibulum eget, luctus id, orci. Pellentesque elementum enim a augue. Donec in nisi. Etiam sit amet turpis. Duis nulla diam, posuere ac, varius id, ullamcorper sit amet, libero. Nam sodales, pede vel dapibus lobortis, ipsum diam molestie risus, a vulputate risus nisl pulvinar lacus.</p>
<div class="cleaner_h40"></div>
<div id="gallery">
<div class="gallery_box">
<div class="gb_left">
<a href="images/gallery/image_01_b.jpg" class="pirobox" title="Project 1"><img src="images/gallery/image_01.jpg" alt="1" /></a>
</div>
<div class="gb_right">
<h4>Project 1</h4>
<p>Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero.</p>
<div class="button"><a href="#">Visit</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<div class="gb_left">
<a href="images/gallery/image_02_b.jpg" class="pirobox" title="Project 2"><img src="images/gallery/image_02.jpg" alt="2" /></a>
</div>
<div class="gb_right">
<h4>Project 2</h4>
<p>Mauris risus magna, blandit ac suscipit at, tristique id erat.</p>
<div class="button"><a href="#">Visit</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<div class="gb_left">
<a href="images/gallery/image_03_b.jpg" class="pirobox" title="Project 3"><img src="images/gallery/image_03.jpg" alt="3" /></a>
</div>
<div class="gb_right">
<h4>Project 3</h4>
<p>Etiam eu ipsum a arcu sodales consequat sit amet at orci. Nulla in luctus elit.</p>
<div class="button"><a href="#">Visit</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<div class="gb_left">
<a href="images/gallery/image_04_b.jpg" class="pirobox" title="Project 4"><img src="images/gallery/image_04.jpg" alt="4" /></a>
</div>
<div class="gb_right">
<h4>Project 4</h4>
<p>Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero.</p>
<div class="button"><a href="#">Visit</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<div class="gb_left">
<a href="images/gallery/image_05_b.jpg" class="pirobox" title="Project 5"><img src="images/gallery/image_05.jpg" alt="5" /></a>
</div>
<div class="gb_right">
<h4>Project 5</h4>
<p>Mauris risus magna, blandit ac suscipit at, tristique id erat.</p>
<div class="button"><a href="#">Visit</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<div class="gb_left">
<a href="images/gallery/image_06_b.jpg" class="pirobox" title="Project 6"><img src="images/gallery/image_06.jpg" alt="6" /></a>
</div>
<div class="gb_right">
<h4>Project 6</h4>
<p>Etiam eu ipsum a arcu sodales consequat sit amet at orci. Nulla in luctus elit.</p>
<div class="button"><a href="#">Visit</a></div>
</div>
<div class="cleaner"></div>
</div>
</div>
</div>
<div id="templatemo_sidebar">
<div class="sidebar_box">
<h2> Projects</h2>
<div class="news_box">
<img src="images/templatemo_image_06.jpg" alt="image 6" />
<p><a href="#">Suspendisse sed odio ut</a> Pellentesque tempus sapien nec sem
网站网页源码模板 (37).zip
版权申诉
86 浏览量
2021-09-24
23:15:54
上传
评论
收藏 1001KB ZIP 举报
网站网页源码模板 (37).zip （147个子文件） 
templatemo_style.css 8KB style.css 5KB style.css 5KB style.css 5KB css_page.css 1KB
ajax-loader_w.gif 2KB ajax-loader_b.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
portfolio.html 10KB blog.html 6KB contact.html 6KB services.html 6KB index.html 5KB
1.jpg 110KB image_02_b.jpg 109KB image_03_b.jpg 105KB image_04_b.jpg 102KB image_06_b.jpg 90KB image_05_b.jpg 84KB image_01_b.jpg 81KB templatemo_image_10.jpg 35KB shad_bg.jpg 18KB templatemo_image_09.jpg 17KB image_03.jpg 11KB templatemo_image_03.jpg 11KB templatemo_image_05.jpg 11KB image_02.jpg 11KB image_05.jpg 10KB templatemo_image_02.jpg 10KB image_06.jpg 10KB image_04.jpg 9KB image_01.jpg 8KB templatemo_image_04.jpg 4KB templatemo_image_08.jpg 3KB templatemo_image_07.jpg 3KB templatemo_image_06.jpg 3KB bg_tms.jpg 1KB jquery.min.js 56KB piroBox.1_2.js 16KB piroBox.1_2_min.js 10KB jquery.easing.1.3.js 8KB jquery-1.3.1.min.js 5KB jquery.ennui.contentslider.js 5KB
templatemo_image_01.png 68KB barchart.png 5KB linechart.png 5KB piechart.png 4KB prevoutside.png 2KB prevoutside_h.png 2KB prevoutside_h.png 2KB nextoutside.png 2KB nextoutside_h.png 2KB nextoutside_h.png 2KB prevoutside_h.png 2KB prevoutside.png 2KB prevoutside.png 2KB nextoutside_h.png 2KB nextoutside.png 2KB nextoutside.png 2KB close_btn3.png 2KB templatemo_menu_hover.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 templatemo_3column_bg.png 1KB play_h.png 957B play_h.png 957B play_h.png 957B play.png 904B play.png 904B play.png 904B templatemo_menu.png 842B link_out_h.png 810B link_out_h.png 810B link_out_h.png 810B templatemo_banner_button.png 804B link_out.png 793B link_out.png 793B link_out.png 793B共 147 条
- 1
- 2
资源评论
等天晴i
- 粉丝: 5252
- 资源: 10万+
