<!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>Mini Two Theme - Free CSS Template</title>
<meta name="keywords" content="mini two, one page layout, web design, orange header, free templates, coda slider, JS, CSS, HTML" />
<meta name="description" content="Mini Two Theme is a free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" charset="utf-8" />
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="slider">
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="header"><h1><a href="#">Free CSS Template</a></h1></div>
</div>
</div>
<div id="templatemo_main">
<div id="templatemo_content">
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<h2>Welcome to Mini Two!</h2>
<div class="col_370 float_l">
<p><em>Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim.</em></p>
<img src="images/templatemo_image_01.jpg" alt="Image 01" class="image_wrapper" />
<p><a href="#">Mini Two</a> is a free css template for your personal or commercial websites. Credits go to <a target="_blank" href="#">Free Photos</a>, <a target="_blank" href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249">Aquaticus social icons</a> and <a target="_blank" href="http://www.icojoy.com/">Icojoy icons</a>. Nulla risus leo, consectetur ac fermentum a, varius et quam. Vestibulum sed ultrices mauris. Morbi rutrum euismod elit, nec adipiscing ante sodales sed.</p>
</div>
<div class="col_220 float_r">
<h3>Our Services</h3>
<ul class="service_list">
<li><a href="#" class="service_one">Morbi luctus vitae cursus</a></li>
<li><a href="#" class="service_two">Pellentesq tris senectus</a></li>
<li><a href="#" class="service_three">Duis at commodo molestie</a></li>
<li><a href="#" class="service_four">In aliquet in libero</a></li>
<li><a href="#" class="service_five">Maecenas ut pretium</a></li>
</ul>
</div>
</div>
<!-- end of home -->
<div class="panel" id="aboutus">
<h2>About Us</h2>
<div class="col_370 float_l">
<img src="images/templatemo_image_02.jpg" alt="Image" class="image_wrapper image_fl" />
<p><em>Sed erat nunc, lobortis eget viverra vitae, vulputate sed nunc. Nunc tempor mattis libero id egestas.</em></p>
<p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Cras vene natis nulla ac mi solli citudin vul putate. Etiam blandit mi sed urna iaculis vitae vehicula nisl <a href="#">facilisis</a>. Aliquam vitae erat sit amet dolor hend rerit pellen tesque. Nullam sit amet purus turpis, vitae lobortis nisi.</p>
<p>Maecenas lacinia sem ac ante semper vel blandit dolor vehicula. Nullam sit amet purus turpis, vitae lobortis nisi. Pellentesque pellentesque rutrum est, vel feugiat <a href="#">nulla congue</a> sit amet. Ut ultricies aliquet mauris ultrices posuere. </p>
</div>
<div class="col_220 float_r">
<h3>Testimonial</h3>
<blockquote>
<p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula, quis viverra tellus nulla a odio. Curabitur vitae enim risus, at placerat turpis. Mauris feugiat suscipit tempus fringilla, felis in velit.</p>
<cite>Johny - <span>Flash Designer</span></cite> </blockquote>
</div>
</div> <!-- end of about us -->
<div class="panel" id="services">
<h2>Our Services</h2>
<div class="col_370 float_l">
<h3>Service Overview</h3>
<img src="images/templatemo_image_02.jpg" alt="Image 02" class="image_wrapper image_fr" />
<p><em>Etiam quis velit non eu lacinia mi tempor hendrerit quis eu augue.</em></p>
<p>Donec fringilla egestas ante, vel <a href="#">euismod</a> mi venenatis et. Ut molestie porta urna, vitae tempor tellus mollis at. Proin tincidunt luctus ipsum, quis volutpat neque iaculis sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin a neque et <a href="#">felis suscipit</a> scelerisque a eget enim. Duis tincidunt ligula ac mi porta id luctus. Vestibulum sed ultrices mauris. Proin cursus interdum massa. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
</div>
<div class="col_220 float_r">
<h3>Our Services</h3>
<ul class="service_list">
<li><a href="#" class="service_one">Morbi luctus vitae cursus</a></li>
<li><a href="#" class="service_two">Pellentesq tris senectus</a></li>
<li><a href="#" class="service_three">Duis at commodo molestie</a></li>
<li><a href="#" class="service_four">In aliquet in libero</a></li>
<li><a href="#" class="service_five">Maecenas ut pretium</a></li>
</ul>
</div>
</div> <!-- end of services -->
<div class="panel" id="gallery">
<h2>Our Gallery</h2>
<ul id="gallery_container">
<li><a href="http://www.moobnn.com/"><img src="images/gallery/image_01.jpg" alt="Image 01" /></a>Sed solli citudin nunc in luctus mal.</li>
<li><a href="#"><img src="images/gallery/image_02.jpg" alt="Image 02" /></a>Fusce lectus est eleifend dictum ac.</li>
<li class="rmb"><a href="#"><img src="images/gallery/image_03.jpg" alt="Image 03" /></a>Class aptent taciti sociosqu litora.</li>
<li><a href="#"><img src="images/gallery/image_04.jpg" alt="Image 04" /></a>Nullam faucibus sapien vitae tempor.</li>
<li><a href="#"><img src="images/gallery/image_05.jpg" alt="Image 05" /></a>Aliqu