<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- More Templates From www.htmldivcss.com -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Construction company template</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wraper">
<div id="left">
<div id="logo">
<div class="name">Construction</div>
</div>
<div id="links-bg">
<div class="toplinks"><a href="#">Homepage</a></div>
<div class="sap"></div>
<div class="toplinks"><a href="#">About us</a></div>
<div class="sap"></div>
<div class="toplinks"><a href="#">Products</a></div>
<div class="sap"></div>
<div class="toplinks"><a href="#">Services</a></div>
<div class="sap"></div>
<div class="toplinks"><a href="#">Contact</a></div>
</div>
</div>
<div id="right">
<p>Your slogan or tag line here..... sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus...</p>
</div>
<div class="gap2"></div>
<div class="nav-left">
<div class="heading">Company <span class="heading2">News</span></div>
<div class="date">01-04-2010</div>
<div class="smaltext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et</div>
<div class="read-more" style="float:right;"><a href="#">Read More</a></div>
<div class="date">01-04-2010</div>
<div class="smaltext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et</div>
<div class="read-more" style="float:right;"><a href="#">Read More</a></div>
<div class="heading">Customer <span class="heading2">Testimonials</span></div>
<div class="date">Paarth</div>
<div class="smaltext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et</div>
<div class="read-more" style="float:right;"><a href="#">Read More</a></div>
<div class="date">Peterson</div>
<div class="smaltext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et</div>
<div class="read-more" style="float:right;"><a href="#">Read More</a></div>
</div>
<div class="nav-right">
<div class="heading3">Welcome <span class="heading2">to our website!</span></div>
<div id="main">
<p><img src="images/construction.jpg" alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum sapien enim, cursus in, aliquam sit amet, convallis eget, metus. Duis dui mi, varius at, lacinia eget, ullamcorper et, tortor. Pellentesque ac pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean orci mi, varius eget, mollis vel, rhoncus a, leo. Ut eros enim, vehicula quis, gravida ac, sodales sit amet, orci. Nulla eleifend tristique erat.</p><div id="mainlinks"><ul>
<li class="first"><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
<p>Nunc commodo metus et lorem. Phasellus vel libero. Vestibulum eu enim. Mauris pharetra. Vestibulum ligula libero, vestibulum quis, commodo non, sagittis eget, elit. Ut nec tellus. Nunc ligula quam, vulputate ut, imperdiet nec, luctus at, magna. Nunc posuere nulla ac tortor. Donec facilisis, turpis eu hendrerit ultricies, lectus sapien nonummy justo, eget rutrum lorem nulla sed nunc. Nam vestibulum neque vitae lacus aliquam tristique. Ut odio quam, mollis in, ultrices vel, ullamcorper id, diam. Curabitur eget odio a lacus pulvinar condimentum. Suspendisse elementum. Curabitur eget odio a lacus pulvinar condimentum. Suspendisse elementum.</p>
</div>
</div>
</div>
<div class="bottomline"></div>
<div style="background-color:#2F2F2F;">
<div id="bottom">
<div class="bottomlink"><a href="#">Homepage</a></div>
<div class="sap3">|</div>
<div class="bottomlink"><a href="#">About Us</a></div>
<div class="sap3">|</div>
<div class="bottomlink"><a href="#">Products</a></div>
<div class="sap3">|</div>
<div class="bottomlink"><a href="#">Services</a></div>
<div class="sap3">|</div>
<div class="bottomlink"><a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></div>
</div>
<div class="sap4"></div>
</div>
</body>
</html>
748_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （11个子文件） 
748 
1.jpg 167KB style 
style.css 3KB
index.html 5KB images cap.jpg 1KB
tag-bg.png 135B construction.jpg 16KB links-bg.jpg 2KB bg.jpg 444B header.png 333KB news-icon.jpg 919B tp.png 204B资源评论
