<!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>Magic Color, Websites Gallery, Free CSS Template</title>
<meta name="keywords" content="magic color, websites gallery, free CSS template, website template" />
<meta name="description" content="Magic Color, Websites Gallery, free website Template from www.moobnn.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" />
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
$('.lightbox').lightBox();
});
</script>
</head>
<body>
<div id="templatemo_body_wrapper">
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1>free css templates</h1></div>
</div>
<div id="templatemo_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</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" class="last">Contact</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div id="templatemo_main">
<div class="col_w900 hr_divider">
<h2>Web Design Gallery</h2>
<p> Pellentesque sit amet tortor vel elit tincidunt placerat. Proin eu tempus enim. Proin sit amet diam neque. Sed vehicula vestibulum pulvinar. Duis laoreet, tellus eu ornare eleifend, erat lorem laoreet odio, id ullamcorper odio augue eget neque. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
</div>
<div class="col_w900 hr_divider">
<div id="gallery">
<div class="gallery_box">
<a href="images/gallery/image_01_l.jpg" class="lightbox" title="Cum sociis natoque penatibus et"><img src="images/gallery/image_01_s.jpg" alt="Image 01" /></a>
<h3>Cum sociis natoque penatibus et</h3>
<p>Nulla nec nisi sem. Pellentesque tincidunt tempus mauris vitae pulvinar. In hac habitasse platea dictumst. Nam tempor tortor elit, in malesuada est. Maecenas fermentum lacus arcu, eu pretium mauris. Cras a risus dolor, ac accumsan enim. Sed vehicula vestibulum pulvinar. Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras dapibus est eu felis consectetur hendrerit. Morbi porttitor, sapien eu blandit vehicula, elit ligula condimentum odio, at auctor est odio eu sem. Nunc at consectetur magna. <a href="#">More...</a></p>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<a href="images/gallery/image_04_l.jpg" class="lightbox" title="Morbi non urna vel quam gravida porttitor">
<img src="images/gallery/image_04_s.jpg" alt="Image 02" />
</a>
<h3>Morbi non urna vel quam gravida porttitor</h3>
<p>Nullam id tortor quis risus pulvinar feugiat in quis sem. Pellentesque eu odio nec purus placerat rutrum ac commodo libero. Fusce porttitor lorem eget lacus ullamcorper tincidunt at a turpis. Aenean molestie nulla ac enim gravida luctus. Donec ut sodales eros. Aenean nec massa nulla, vitae hendrerit nisl. Vivamus a consectetur erat. Integer consequat interdum sagittis. Mauris vitae vehicula urna. Integer quis magna lacus. Vestibulum purus orci, fermentum a placerat vitae, sollicitudin in sapien. <a href="#">More...</a></p>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<a href="images/gallery/image_03_l.jpg" class="lightbox" title="Pellentesque habitant morbi tristique "><img src="images/gallery/image_03_s.jpg" alt="Image 03" /></a>
<h3>Pellentesque habitant morbi tristique </h3>
<p>Sed sagittis erat tellus, vitae rhoncus metus. Duis feugiat risus vel tellus fringilla et mollis urna tristique. Integer purus eros, dictum id vehicula eu, sodales nec est. Pellentesque rutrum, magna ac posuere mollis, purus urna ultrices leo, egestas porta mauris leo sed nisl. Quisque metus velit, mollis nec posuere nec, hendrerit et orci. Quisque aliquam venenatis eros eu venenatis. Sed interdum, arcu id dictum tincidunt, libero ipsum tempus nisi, a sollicitudin purus ipsum at nulla. <a href="#">More...</a></p>
<div class="cleaner"></div>
</div>
<div class="gallery_box last_box">
<a href="images/gallery/image_02_l.jpg" class="lightbox" title="Duis malesuada nibh vitae magna">
<img src="images/gallery/image_02_s.jpg" alt="Image 04" />
</a>
<h3>Duis malesuada nibh vitae magna</h3>
<p>Ed commodo iaculis nibh, id vestibulum elit consectetur sed. Sed sodales augue non orci dignissim ultrices. Maecenas sit amet nulla in tortor pellentesque blandit eu ut leo. Quisque lobortis lorem quis lacus pellentesque fermentum. Vestibulum sagittis, dolor at porta vestibulum, elit lectus egestas urna, vel suscipit mauris leo ac urna. Sed iaculis sagittis euismod. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec et urna nibh. <a href="#">More...</a></p>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div>
<div class="testimonial"><span class="close"></span>
<p>Phasellus ligula dolor, pharetra eu rutrum sed, ullamcorper quis dui. Nullam id sapien non nisi molestie ultricies. In lacinia ultricies lobortis. Donec imperdiet malesuada fermentum. Vivamus at aliquet massa. Sed eget orci lectus. Etiam volutpat nisi eu dolor sodales malesuada. </p>
<p class="clientname">Preminum Templates <span><a href="#store">John Stanny </a></span></p>
</div>
</div> <!-- end of templatemo main -->
</div>
</div>
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<a href="index.html">Home</a> | <a href="about.html">About Us</a> | <a href="blog.html">Blog</a> | <a href="gallery.html">Gallery</a> | <a href="contact.html" class="last">Contact</a> <br /><br />
Copyright © 2048 <a href="#">Your Company Name</a> | Template from <a href="http://www.moobnn.com" target="_parent" title="网站模板">网站模板</a>
</div> <!-- end of templatemo_footer -->
</div>
</body>
</html>