<!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>Web Design Agency - Portfolio</title>
<meta name="keywords" content="Web Design Agency, 2-column, Portfolio, Light Gray, Professional, HTML CSS," />
<meta name="description" content="Web Design Agency | Portfolio - professional website template for everyone" />
<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">
<h1><a href="#" target="_parent"><img src="images/templatemo_logo.png" alt="css template" /><span>free CSS templates</span></a></h1>
</div> <!-- end of site_title -->
</div>
</div>
<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">Our Blog</a></li>
<li><a href="portfolio.html" class="current">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div id="templatemo_main">
<div id="templatemo_content">
<h2>Portfolio Page</h2>
<div id="gallery">
<ul>
<li>
<div class="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="right">
<h5>Project 1</h5>
<p>Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="cleaner"></div>
</li>
<li>
<div class="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="right">
<h5>Project 2</h5>
<p>Mauris risus magna, blandit ac suscipit at, tristique id erat.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="cleaner"></div>
</li>
<li>
<div class="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="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</a></div>
</div>
<div class="cleaner"></div>
</li>
<li>
<div class="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="right">
<h5>Project 4</h5>
<p>Divamus interdum, tortor at pellentesque pulvinar, diam quam blandit nulla.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="cleaner"></div>
</li>
<li>
<div class="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="right">
<h5>Project 5</h5>
<p>Divamus interdum, tortor at pellentesque pulvinar, diam quam blandit nulla.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="cleaner"></div>
</li>
<li>
<div class="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="right">
<h5>Project 6</h5>
<p>Divamus interdum, tortor at pellentesque pulvinar, diam quam blandit nulla.</p>
<div class="button"><a href="#">Visit site</a></div>
</div>
<div class="cleaner"></div>
</li>
</ul>
</div>
</div>
<div id="templatemo_sidebar">
<div class="sidebar_title">
Categories
</div>
<div class="sidebar_box">
<ul class="templatemo_list">
<li><a href="#">Aliquam pretium porta odio</a></li>
<li><a href="#">Praesent adipiscing</a></li>
<li><a href="#">Quisque dictum pharetra</a></li>
<li><a href="#">Fusce quis diam sit amet</a></li>
</ul>
</div>
<div class="cleaner_h20"></div>
<div class="sidebar_title">
Cool Links
</div>
<div class="sidebar_box">
<ul class="templatemo_list">
<li><a href="#" target="_parent">CSS Templates</a></li>
<li><a href="#" target="_parent">Flash XML Galleries</a></li>
<li><a href="http://www.moobnn.com/" target="_parent">Websit
大气漂亮的设计师网页模板_灰色 幻灯 设计 博客 漂亮 web20 英文.rar
版权申诉
143 浏览量
2023-04-27
14:39:01
上传
评论
收藏 1.45MB RAR 举报
大气漂亮的设计师网页模板_灰色 幻灯 设计 博客 漂亮 web20 英文.rar （167个子文件） 
templatemo_style.css 7KB style.css 5KB style.css 5KB style.css 5KB css_page.css 1KB slider_style.css 553B
ajax-loader_b.gif 2KB ajax-loader_b.gif 2KB ajax-loader_w.gif 2KB ajax-loader_b.gif 2KB link_out_h.gif 100B link_out.gif 100B link_out_h.gif 100B link_out.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 9KB services.html 8KB blog.html 7KB index.html 7KB contact.html 5KB flash_slider.html 5KB
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 photo_930x250_01.jpg 81KB photo_930x250_04.jpg 77KB photo_930x250_03.jpg 73KB photo_930x250_06.jpg 64KB photo_930x250_02.jpg 60KB photo_930x250_05.jpg 53KB templatemo_banner_wrapper.jpg 31KB shad_bg.jpg 18KB templatemo_banner_wrapper OLD.jpg 13KB image_03.jpg 11KB image_02.jpg 11KB image_05.jpg 10KB image_06.jpg 10KB image_04.jpg 9KB templatemo_image_02.jpg 8KB templatemo_image_03.jpg 8KB image_01.jpg 8KB templatemo_image_05.jpg 5KB templatemo_image_04.jpg 5KB webdesignmo.jpg 3KB templatemo_header_wrapper.jpg 3KB templatemo_header.jpg 2KB templatemo_image_01.jpg 2KB bg_tms.jpg 1KB templatemo_body.jpg 475B jquery.min.js 56KB piroBox.1_2.js 16KB swfobject.js 10KB piroBox.1_2_min.js 10KB
templatemo_banner_wrapper PNG.png 95KB templatemo_logo.png 12KB sitemap.png 9KB bargraph.png 9KB portfolio.png 8KB calendar.png 6KB note.png 6KB templatemo_header.png 5KB templatemo_button.png 3KB templatemo_button_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 prevoutside.png 2KB prevoutside_h.png 2KB prevoutside.png 2KB nextoutside_h.png 2KB nextoutside.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 templatemo_menu_divider.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_content_bottom.png 997B templatemo_h3.png 967B共 167 条
- 1
- 2
资源评论
