<!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>Single Slider - Free CSS Templates</title>
<meta name="keywords" content="single, slider, free templates, website templates, CSS, HTML" />
<meta name="description" content="Single Slider is a free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$('.kwicks').kwicks({
max : 710,
spacing : 0,
sticky: true,
});
});
</script>
<script type="text/javascript" src="js/jquery-1-4-2.min.js"></script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_main">
<div id="site_title">
<h1><a href="#">Free CSS Templates</a></h1>
</div>
<div id="templatemo_content">
<ul class="kwicks">
<li id="home"><span class="header"></span>
<div class="inner">
<h2>Welcome to Single Slider</h2>
<p><em>Duis nisi mauris, eleifend eget ornare ut, iaculis sit amet justo. Nunc ut justo dui. Integer ac justo justo, a pulvinar turpis. Quisque elementum metus nec est interdum placerat. Curabitur sed ipsum eros, quis tristique eros. Aliquam erat volutpat.</em></p>
<img src="images/templatemo_image_01.jpg" alt="Image 01" class="image_fl" />
<div class="col_half float_r">
<p><a href="#">Single Slider</a> is a free css template for your personal or commercial websites. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla. Curabitur vestibulum mattis sapien, id mollis arcu cursus vel. </p>
<h3>Overview</h3>
<ul class="templatemo_list">
<li>Maecenas ac odio</li>
<li>Fusce risus tortor</li>
<li>Proin facilisis ulla</li>
<li>Sed vel justo quis</li>
<li>Ut tristique sagittis</li>
</ul>
</div>
</div>
</li>
<li id="about"><span class="header"></span>
<div class="inner">
<h2>About</h2>
<img src="images/templatemo_image_02.jpg" alt="Image 02" class="image_fr" />
<p><em>Ut tincidunt risus porta ipsum tristique sodales. Cras et urna erat. Integer laoreet turpis id arcu congue scelerisque.</em></p>
<p>Aenean facilisis bibendum neque, adipiscing dapibus felis elementum id. Vestibulum ante ipsum primis in <a href="#">faucibus orci</a> luctus et ultrices posuere cubilia Curae; Phasellus id metus leo, vitae posuere ligula. Aliquam volutpat congue facilisis. Nunc dui mauris, eleifend id facilisis vitae, interdum sit amet ipsum. Praesent congue placerat imperdiet. Nulla facilisi. Morbi sollicitudin congue. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
<p>Nulla quam felis, gravida et eleifend sed, sollicitudin quis purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec est purus, fermentum in vulputate nec, laoreet sed dui. Duis in metus eu augue aliquet vestibulum. Nam laoreet, augue eu imperdiet tristique, elit <a href="#">orci rutrum elit</a>, bibendum lobortis arcu magna sed nunc. Suspendisse eros diam, dictum in elementum at, pharetra eget massa. Phasellus odio risus, pharetra vel rutrum quis, iaculis ac purus. Nam et mi non urna congue ornare. Aenean et dolor diam.</p>
</div>
</li>
<li id="social"><span class="header"></span>
<div class="inner">
<h2>Social</h2>
<p><em>Maecenas consectetur adipiscing neque, eget vestibulum orci suscipit eu. Nam adipiscing, nisi eu porta porttitor, tellus sem sollicitudin orci, sed pharetra lorem augue vel nibh. Donec id tortor ipsum, vitae tempor turpis. In hac habitasse platea dictumst.</em></p>
<ul class="social_links">
<li><a href="http://www.facebook.com/templatemo" class="facebook">Facebook</a></li>
<li><a href="#" class="flickr">Flickr</a></li>
<li><a href="#" class="linkedin">Linkedin</a></li>
<li><a href="#" class="twitter">Twitter</a></li>
<li><a href="#" class="yahoo">Yahoo</a></li>
<li><a href="#" class="youtube">Youtube</a></li>
</ul>
</div>
</li>
<li id="portfolio"><span class="header"></span>
<div class="inner">
<h2>Portfolio</h2>
<ul id="gallery">
<li><a href="images/portfolio/01-l.jpg" rel="lightbox[portfolio]" title="Curabitur facilisis auctor risus, eget lacinia leo feugiat ac."><img src="images/portfolio/01.jpg" alt="Image 01" /></a></li>
<li><a href="images/portfolio/02-l.jpg" rel="lightbox[portfolio]" title="Nulla varius laoreet tellus, non volutpat mi iaculis a."><img src="images/portfolio/02.jpg" alt="Image 02" /></a></li>
<li><a href="images/portfolio/03-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Vestibulum euismod mi et massa volutpat lobortis."><img src="images/portfolio/03.jpg" alt="Image 03" /></a></li>
<li><a href="images/portfolio/04-l.jpg" rel="lightbox[portfolio]" title="Quisque volutpat nunc a felis lobortis aliquet."><img src="images/portfolio/04.jpg" alt="Image 04" /></a></li>
<li><a href="images/portfolio/05-l.jpg" rel="lightbox[portfolio]" title="Nullam dictum enim et quam posuere dapibus."><img src="images/portfolio/05.jpg" alt="Image 05" /></a></li>
<li><a href="images/portfolio/06-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Phasellus condimentum nisi et mi feugiat dapibus."><img src="images/portfolio/06.jpg" alt="Image 06" /></a></li>
</ul>
</div>
</li>
<li id="contact"><span class="header"></span>
<div class="inner">
<h2>Contact Information</h2>
<p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, lobortis eu volutpat euismod, scelerisque ut dui. Integer luctus tellus ac mi malesuada dignissim.</p>
<h4>Send us a message!</h4>
<div id="contact_form" class="col_w280 float_l">
<form method="post" name="contact" action="#">
<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
<div class="cleaner h10"></div>
<label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />
<div class="cleaner h10"></div>
<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
<div class="cleaner h10"></div>
<input type="submit" value="Send" id="submit" name="submit" class="submit_btn float_l" />
<input type="reset" value="Reset" id="reset" name="reset" class="submit_btn float_r" />
</form>
</div>
<div class="col_w280 float_r">
<h4>Mailing Address</h4>
<h6><strong>Company Name</strong></h6>
240-480 Fusce nec ante at odio blandit, <br />
In vitae lacus in purus interdum, 18760<br />
Ullamcorper mattis magna non<br /><br />
<strong>Phone:</strong> 010-050-1050<br />
<strong>Email:</strong> <a href