<!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
119web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （47个子文件） 
119 js 
jquery-1.2.6.min.js 101KB slimbox2.js 4KB jquery.kwicks-1.5.1.pack.js 2KB jquery.kwicks-1.5.1.js 5KB jquery.easing.1.3.js 8KB jquery.min.js 32KB
1.jpg 76KB css slimbox2.css 1KB templatemo_style.css 7KB
index.html 8KB images 
prevlabel.gif 1KB templatemo_image_02.jpg 18KB
templatemo_logo.png 17KB portfolio 02.jpg 13KB 06.jpg 11KB 04-l.jpg 95KB 01.jpg 14KB 05-l.jpg 102KB 02-l.jpg 179KB 06-l.jpg 110KB 01-l.jpg 135KB 03-l.jpg 95KB 05.jpg 9KB 04.jpg 10KB 03.jpg 11KB loading.gif 3KB flickr.png 2KB closelabel.gif 979B home.png 1KB slider_bg_hover.png 1KB social.png 1KB about.png 1KB contact.png 1KB twitter.png 3KB home_hover.png 1KB templatemo_main.jpg 251KB youtube.png 3KB templatemo_body.jpg 1KB facebook.png 2KB portfolio.png 1KB nextlabel.gif 1KB yahoo.png 3KB slider_bg.png 1KB templatemo_main.png 5KB linkedin.png 3KB templatemo_list.png 967B templatemo_image_01.jpg 22KB资源评论
