<!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>Singular Theme, Free CSS Template</title>
<meta name="keywords" content="singular theme, free template, web design, clean, simple, professional, CSS, HTML" />
<meta name="description" content="Singular Theme, free CSS template from www.htmldivcss.com" />
<link href="css/templatemo_style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
<!-- Timestamp: 1236819900 -->
</head>
<body>
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="site_title"><a href="#">Free CSS Templates</a></div>
<p id="intro_text">Suspendisse at justo in felis ultricies cursus. Quisque risus sed lacus pharetra sit amet pretium lacus aliquet. Sed commodo tellus dictum et lacinia sem.</p>
</div>
</div>
<div id="templatemo_main_wrapper">
<div id="templatemo_main">
<div id="content">
<div id="home" class="section">
<ul id="templatemo_menu">
<li><a href="#about" class="about"><span>About</span></a></li>
<li><a href="#services" class="services"><span>Services</span></a></li>
<li><a href="#portfolio" class="portfolio"><span>Portfolio</span></a></li>
<li><a href="#testimonial" class="testimonial"><span>Testimonial</span></a></li>
<li class="no_margin_right"><a href="#contact" class="contact"><span>Contact</span></a></li>
</ul>
</div>
<div class="section" id="about">
<h1>About Our Company</h1>
<div class="half left">
<div class="img_border img_fl">
<img src="images/templatemo_image_02.jpg" alt="Image 02" />
</div>
<p><em>Fusce pellentesque blandit quam sed tincidunt, vel pellentesque tortor placerat sit amet. </em></p>
<p><a href="#" target="_parent">Singular</a> is free css template provided by <a href="http://www.htmldivcss.com/">模板在线</a> for your personal or commercial websites. Credits go to <a href="http://jwloh.deviantart.com/art/Social-me-90694011" target="_blank">jwloh</a> and <a href="http://www.oxygen-icons.org/" target="_blank">Oxygen Team</a> for icons. Donec urna massa, cursus et mattis at, mattis quis lectus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Curabitur vestibulum mattis sapien, id mollis arcu cursus vel.</p>
</div>
<div class="half right">
<ul id="social_links">
<li><a href="#" 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>
<a href="#home" class="home_btn">home</a>
<a href="#home" class="page_nav_btn previous">Previous</a>
<a href="#services" class="page_nav_btn next">Next</a>
</div>
<div class="section" id="services">
<h1>Services</h1>
<div class="half left">
<p><em>Morbi ac mattis elit. Etiam sagittis rutrum dui, non auctor libero porta non. Nam eu sollicitudin felis. Mauris luctus gravida lorem pretium porttitor.</em></p>
<ul class="list_bullet">
<li>Aliquam suscipit ipsum eu elit</li>
<li>Curabitur vel faucibus libero</li>
<li>Duis a eros sit amet diam</li>
<li>Fusce risus tortor interdum</li>
<li>Proin facilisis ullamcorper</li>
<li>Sed vel justo quis ligula</li>
<li>Ut tristique sagittis arcu</li>
<li>Vivamus quis sem non erat</li>
</ul>
</div>
<div class="half right">
<div class="img_border img_nom">
<img src="images/templatemo_image_01.jpg" alt="Image 01" />
</div>
<p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis. Curabitur consectetur aliquam purus, eget faucibus est ultrices iaculis. Suspendisse luctus mauris et erat imperdiet rutrum. </p>
</div>
<a href="#home" class="home_btn">home</a>
<a href="#about" class="page_nav_btn previous">Previous</a>
<a href="#portfolio" class="page_nav_btn next">Next</a>
</div>
<div class="section" id="portfolio">
<h1>Portfolio</h1>
<ul id="gallery">
<li><a href="images/portfolio/01-l.jpg" rel="lightbox[portfolio]" title="Aenean faucibus lobortis lacus, et ullamcorper felis congue ac."><img src="images/portfolio/01.jpg" alt="Image 01" /></a></li>
<li><a href="images/portfolio/02-l.jpg" rel="lightbox[portfolio]" title="Pellentesque ornare nulla sed tortor vulputate dictum."><img src="images/portfolio/02.jpg" alt="Image 02" /></a></li>
<li><a href="images/portfolio/03-l.jpg" rel="lightbox[portfolio]" title="Etiam porta rhoncus enim at gravida."><img src="images/portfolio/03.jpg" alt="Image 03" /></a></li>
<li><a href="images/portfolio/04-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Praesent porttitor nulla sit amet nunc lobortis rhoncus."><img src="images/portfolio/04.jpg" alt="Image 04" /></a></li>
<li class="no_margin_right"><a href="images/portfolio/05-l.jpg" rel="lightbox[portfolio]" title="Donec vulputate sapien et justo viverra sed commodo lorem rhoncus."><img src="images/portfolio/05.jpg" alt="Image 05" /></a></li>
<li><a href="images/portfolio/06-l.jpg" rel="lightbox[portfolio]" title="Fusce metus sapien, convallis ut aliquam et, accumsan at nisl."><img src="images/portfolio/06.jpg" alt="Image 06" /></a></li>
<li><a href="images/portfolio/07-l.jpg" rel="lightbox[portfolio]" title="Curabitur molestie purus eget urna pretium sit amet convallis urna iaculis."><img src="images/portfolio/07.jpg" alt="Image 07" /></a></li>
<li><a href="images/portfolio/08-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Class aptent taciti sociosqu ad litora, per inceptos himenaeos."><img src="images/portfolio/08.jpg" alt="Image 08" /></a></li>
<li><a href="images/portfolio/09-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Vivamus auctor nunc quis tellus iaculis semper posuere metus aliquet."><img src="images/portfolio/09.jpg" alt="Image 09" /></a></li>
<li class="no_margin_right"><a href="images/portfolio/01-l.jpg" rel="lightbox[portfolio]" title="Duis eu ipsum ut libero tincidunt facilisis quis eu ni
152web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （56个子文件） 
152 
１.jpg 75KB js 
jquery.localscroll-min.js 2KB jquery.scrollTo-min.js 2KB slimbox2.js 4KB init.js 1KB jquery.min.js 18KB css slimbox2.css 1KB templatemo_style.css 7KB
index.html 13KB images 
templatemo_background.png 5KB
prevlabel.gif 1KB templatemo_image_02.jpg 18KB templatemo_logo.png 4KB previous.png 1KB portfolio 02.jpg 8KB 06.jpg 8KB 04-l.jpg 90KB 01.jpg 8KB 05-l.jpg 77KB 02-l.jpg 100KB 06-l.jpg 109KB 08.jpg 6KB 08-l.jpg 65KB 07.jpg 6KB 01-l.jpg 114KB 09-l.jpg 97KB 03-l.jpg 67KB 05.jpg 7KB 04.jpg 7KB 07-l.jpg 75KB 09.jpg 8KB 03.jpg 6KB icon_testimonial.png 9KB templatemo_footer.png 1KB loading.gif 3KB templatemo_home_btn.png 3KB icon_about.png 14KB flickr.png 2KB closelabel.gif 979B page_nav_bg.png 1KB icon_portfolio.png 20KB templatemo_next.png 1KB icon_contact.png 15KB twitter.png 3KB menu_box.png 1KB youtube.png 3KB icon_testimonial1.png 12KB facebook.png 2KB icon_services.png 14KB nextlabel.gif 1KB templatemo_header.png 19KB yahoo.png 3KB linkedin.png 3KB templatemo_list.png 1KB templatemo_image_01.jpg 15KB templatemo_wrapper.png 67KB资源评论
