<!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 Social - free website template</title>
<meta name="keywords" content="mini social, free download, website templates, CSS, HTML" />
<meta name="description" content="Mini Social is a free website template from www.moobnn.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" media="screen" 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_sidebar">
<div id="templatemo_header">
<a href="#" target="_parent"><img src="images/templatemo_logo.png" alt="Mini Social" /></a>
</div> <!-- end of header -->
<ul class="navigation">
<li><a href="#home">Home<span class="ui_icon home"></span></a></li>
<li><a href="#aboutus">About Us<span class="ui_icon aboutus"></span></a></li>
<li><a href="#services">Services<span class="ui_icon services"></span></a></li>
<li><a href="#gallery">Gallery<span class="ui_icon gallery"></span></a></li>
<li><a href="#contactus">Contact Us<span class="ui_icon contactus"></span></a></li>
</ul>
</div> <!-- end of sidebar -->
<div id="templatemo_main">
<ul id="social_box">
<li><a href="http://www.facebook.com/templatemo"><img src="images/facebook.png" alt="facebook" /></a></li>
<li><a href="http://www.facebook.com/templatemo"><img src="images/twitter.png" alt="twitter" /></a></li>
<li><a href="http://www.facebook.com/templatemo"><img src="images/linkedin.png" alt="linkin" /></a></li>
<li><a href="http://www.facebook.com/templatemo"><img src="images/technorati.png" alt="technorati" /></a></li>
<li><a href="http://www.facebook.com/templatemo"><img src="images/myspace.png" alt="myspace" /></a></li>
</ul>
<div id="content">
<!-- scroll -->
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<h1>Introducing Mini Social website</h1>
<div class="image_wrapper image_fl"><img src="images/templatemo_image_01.jpg" alt="image" /></div>
<p><em>Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim. Validate <a href="#" rel="nofollow">XHTML</a> & <a href="#" rel="nofollow">CSS</a>.</em></p>
<p>Mini Social is a <a href="http://www.moobnn.com/" target="_parent">Free CSS Template</a> is provided by <a href="http://www.moobnn.com" target="_parent" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>. You may use this template in your websites. Credits go to <a href="#" target="_blank">PhotoVaco</a> for photos, <a href="http://jwloh.deviantart.com/art/Social-me-90694011" target="_blank">Social.me</a> and <a href="http://www.wefunction.com" target="_blank">WeFunction</a> for icons used in this template.</p>
<div class="cleaner_h40"></div>
<h2>Our Background</h2>
<p><em>Donec ac eros ac nunc blandit hendrerit. Vestibulum tincidunt, odio at ultricies sollicitudin, ante felis luctus justo, non venenatis quam mauris non tortor.</em></p>
<p>Mauris ligula tortor, congue laoreet rutrum eget, suscipit nec augue. In congue consectetur est, sit amet hendrerit velit adipiscing eget. Curabitur iaculis, erat pharetra porttitor sollicitudin, turpis lectus placerat arcu, ac mattis eros sem ut metus.</p>
<div class="btn_more"><a href="#aboutus">More <span>»</span></a></div>
</div> <!-- end of home -->
<div class="panel" id="aboutus">
<h1>About Us</h1>
<div class="image_wrapper image_fl"><img src="images/templatemo_image_02.jpg" alt="image" /></div>
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in lectus turpis. Vivamus cursus tortor quis leo ullamcorper auctor quis tincidunt metus.</em></p>
<p>Vestibulum vitae lectus a leo commodo egestas. Sed et ligula mauris. Donec interdum iaculis eros, sed porttitor justo ornare ac. Suspendisse ultrices arcu auctor sapien malesuada dictum. <a href="#">Vivamus non</a> ante sit amet ligula dignissim blandit ut sit amet purus. Sed tristique euismod lectus sed scelerisque. Curabitur convallis fringilla ante, eget eleifend magna iaculis eget. Praesent at nunc tellus. Sed sed auctor odio. Maecenas ut mauris eu ligula placerat tempor vel ac augue. Integer fermentum, ante eget sodales lacinia, nisl diam semper elit, non hendrerit nunc urna vitae erat. Etiam vel nisi risus.</p>
<p>Vestibulum tempus porttitor ipsum, ut dictum metus molestie eu. Donec interdum, mi ut facilisis posuere, neque sapien lacinia urna, nec hendrerit dolor arcu sed justo. Aenean rhoncus porttitor dolor non posuere. Nulla eu mi id tellus vehicula pellentesque et vitae magna. </p>
</div>
<div class="panel" id="services">
<h1>Our Services</h1>
<p>Vivamus laoreet pharetra eros. In quam nibh, placerat ac, porta ac, molestie non, purus. Curabitur sem ante, condimentum non, cursus quis, eleifend non, libero. Nunc a nulla. Suspendisse vitae orci a ligula egestas bibendum. Vestibulum ultrices. Pellentesque tempus sapien nec sem commodo ullamcorper. Credit goes to <a href="http://www.icojoy.com" target="_blank">Icojoy</a> for below icons.</p>
<ul class="service_list">
<li><a href="#" class="service_one">Free XML Flash Templates</a></li>
<li><a href="#" class="service_two">Flash Image Sliders</a></li>
<li><a href="#" class="service_three">Curabitur ullamcorper nibh</a></li>
<li><a href="#" class="service_four">Pellentesque adipiscing</a></li>
<li><a href="#" class="service_five">Vestibulum urna purus</a></li>
</ul>
</div>
<div class="panel" id="gallery">
<h1>Our Gallery</h1>
<div id="gallery_container">
<div class="gallery_box">
<img src="images/gallery/image_01.jpg" alt="01" />
<h4>Project One</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec ligula vitae ipsum blandit condimentum. Nam fringilla luctus mauris, non ornare turpis lobortin.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>