<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Complete</title>
<!-- SET: FAVICON -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<!-- END: FAVICON -->
<!-- SET: STYLESHEET -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- END: STYLESHEET -->
<!-- SET: SCRIPTS -->
<script type="text/javascript"></script>
<!-- END: SCRIPTS -->
<meta name="description" content="Your description"/>
<meta name="keywords" content="keyword1 keyword2"/>
<!--[if lt IE 8]>
<style type="text/css">
.header-container { padding-bottom:0;}
.welcome { padding-top:12px;}
.container { padding-bottom:0;}
.footer-in { padding-bottom:0;}
</style>
<![endif]-->
</head>
<body>
<!-- wrapper starts -->
<div class="wrapper">
<!-- Header Starts -->
<div class="header">
<div class="header-container">
<div class="logo"> <a href="#">Complete</a> </div>
<div class="toll-free">
<p>Call us toll free: 1-800-123-4567</p>
</div>
<div class="clear"></div>
</div>
</div>
<!-- Header ends -->
<!-- Nav start -->
<div class="nav">
<div class="nav-in">
<ul>
<li class="last"><a href="#">Home </a></li>
<li><a href="#">About us </a></li>
<li><a href="#">Services </a></li>
<li><a href="#">Careers </a></li>
<li><a href="#">Blog </a></li>
<li class="no_bg ped"><a href="#">Contact us</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<!-- Nav end -->
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" title="网站模板">网站模板</a></div>
<!-- maincontent Starts -->
<div class="container">
<div class="container-in"> <img src="images/container-bg.jpg" width="940" height="327" alt="img" />
<div class="read1">
<div class="read1-img1"> <img src="images/read1-img.png" width="32" height="30" alt="img" /> </div>
<h3>Lorem ipsum dolor</h3>
<p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
<a href="#">READ MORE</a> </div>
<div class="read1">
<div class="read1-img1"> <img src="images/read2-img.png" width="32" height="32" alt="img" /> </div>
<h3>Maecenas tempus</h3>
<p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
<a href="#">READ MORE</a> </div>
<div class="read1 last">
<div class="read1-img1"> <img src="images/read3-img.png" width="32" height="32" alt="img" /> </div>
<h3>Vivamus elementum</h3>
<p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
<a href="#">READ MORE</a> </div>
<div class="clear"></div>
<div class="welcome">
<h5>Welcome to our company</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Vivamus laoreet era sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat mauris, id viverra leo ante sed leo. Vivamus fermentum dignissim sem, quis pellentesque dolor posuere vel. In vitae lorem ligula, a congue nibh. Lorem ipsum dolor sit amet.<a href="#">Read More</a></p>
</div>
<div class="bottom-cont1">
<h6>Why choose us?</h6>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. </p>
</div>
<div class="bottom-cont1">
<h6>Our services</h6>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#"> Aenean commodo ligula eget dolor</a></li>
<li><a href="#">Cum sociis natoque penatibus</a></li>
<li><a href="#">Nulla consequat massa quis enim</a></li>
<li><a href="#">Donec pede justo, fringilla vel</a></li>
<li><a href="#">Aliquet nec, vulputate eget, arcu.</a></li>
<li><a href="#"> In enim justo, rhoncus ut, imperdiet </a></li>
<li><a href="#"> Venenatis vitae justo</a></li>
</ul>
</div>
<div class="bottom-cont1 last">
<h6>Latest news</h6>
<span> December 20, 2013</span>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
<span>December 16, 2013</span>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.</p>
</div>
<div class="clear"></div>
</div>
</div>
<!-- aincontent ends -->
<!-- footer starts -->
<div class="footer">
<div class="footer-in">
<div class="social-icons">
<ul>
<li><a href="#"><img src="images/face-book.png" width="16" height="16" alt="img" /></a></li>
<li><a href="#"><img src="images/twitter.png" width="16" height="16" alt="img" /></a></li>
<li class="last"><a href="#"><img src="images/google.png" width="16" height="16" alt="img" /></a></li>
</ul>
<div class="clear"></div>
</div>
<div class="copy">
<p>Copyright © 2013 WebsiteName. All rights reserved. More Templates <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a> - Collect from <a href="http://www.htmldivcss.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
<div class="clear"></div>
</div>
</div>
<!-- footer ends -->
</div>
<!-- wrapper ends -->
</body>
</html>
629web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （14个子文件） 
629 
1.jpg 130KB css 
style.css 8KB
index.html 7KB images nav-bg.jpg 1KB
read1-img.png 2KB face-book.png 1KB read2-img.png 2KB nav-li-bg.png 1KB arrow-li.png 1KB google.png 2KB twitter.png 2KB read3-img.png 3KB container-bg.jpg 77KB nav-li-bg.jpg 1KB资源评论
