<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<!-- Builders Template by http://Templatesperfect.com -->
<head>
<title>Builders Free Construction Website Template bt Templateasperfect.com</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.tools.js"></script>
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header Holder -->
<div id="header-holder">
<!-- Begin Shell -->
<div class="shell">
<!-- Begin Header -->
<div id="header">
<div id="navigation">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<h1 id="logo"><a href="#"><img src="images/logo.png" alt="" /></a></h1>
</div>
<!-- End Header -->
</div>
<!-- End Shell -->
</div>
<!-- End Header Holder -->
<div class="inner_copyright">Collect from <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></div>
<!-- Begin Main Holder -->
<div id="main-holder">
<!-- Begin Shell -->
<div class="shell">
<!-- Begin Main -->
<div id="main">
<!-- Begin Slider -->
<div class="top">
<div class="scrollable">
<div class="items">
<div class="item">
<div class="header">
<div class="top_left"><img src="images/construction.png" alt="" /></a></div>
<div class="top_right">
<h1>Vestibulum vel lacus </h1><br />
<span>Nulla mollis, magna quis feugiat faucibus, risus lorem lacinia justo, et adipiscing tortor Nulla mollis, magna quis feugiat faucibus magna quis feugiat faucibus nulla tellus tempus magna, sed consectetur orci metus a justo </span><a href="#" class="more">more</a>
</div>
<div class="clear"></div>
</div>
</div> <!-- item -->
<div class="item">
<div class="header">
<div class="top_left"><img src="images/construction.png" alt="" /></a></div>
<div class="top_right">
<h1>Vestibulum vel lacus </h1><br />
<span>Nulla mollis, magna quis feugiat faucibus, risus lorem lacinia justo, et adipiscing tortor Nulla mollis, magna quis feugiat faucibus magna quis feugiat faucibus </span><a href="#" class="more">more</a>
</div>
<div class="clear"></div>
</div>
</div> <!-- item -->
<div class="item">
<div class="header">
<div class="top_left"><img src="images/construction.png" alt="" /></a></div>
<div class="top_right">
<h1>Vestibulum vel lacus </h1><br />
<span>Nulla mollis, magna quis feugiat faucibus, risus lorem lacinia justo, et adipiscing tortor Nulla mollis, magna quis feugiat faucibus magna quis feugiat faucibus </span><a href="#" class="more">more</a>
</div>
<div class="clear"></div>
</div>
</div> <!-- item -->
<div class="item">
<div class="header">
<div class="top_left"><img src="images/construction.png" alt="" /></a></div>
<div class="top_right">
<h1>Vestibulum vel lacus </h1><br />
<span>Nulla mollis, magna quis feugiat faucibus, risus lorem lacinia justo, et adipiscing tortor Nulla mollis, magna quis feugiat faucibus magna quis feugiat faucibus </span><a href="#" class="more">more</a>
</div>
<div class="cl"></div>
</div>
</div> <!-- item -->
</div> <!-- items -->
</div> <!-- scrollable -->
<div class="hline"></div>
<div class="navi"></div> <!-- create automatically the point dor the navigation depending on the numbers of items -->
</div>
<!-- End Slider -->
<div class="cl"> </div>
<!-- Begin Sidebar -->
<div id="sidebar">
<h2>Latest Projects</h2>
<div class="side-list">
<ul>
<li>
<div class="image">
<img src="images/project.jpg" alt="" />
</div>
<div class="entry">
<h3>Project Title 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. </p>
<p class="read-link"><a href="#">Read More</a></p>
</div>
</li>
<li>
<div class="image">
<img src="images/project2.jpg" alt="" />
</div>
<div class="entry">
<h3>Project Title 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. </p>
<p class="read-link"><a href="#">Read More</a></p>
</div>
</li>
<li class="last">
<div class="image">
<img src="images/user.png" alt="" />
</div>
<div class="entry">
<h3>Testimonials</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. </p>
<p class="read-link"><a href="#">Read More</a></p>
</div>
</li>
</ul>
</div>
</div>
<!-- End Sidebar -->
<!-- Begin Content -->
<div id="content">
<div class="article">
<h2>Welcome to Company</h2>
<div class="image">
<img src="images/construction-boy.jpg" alt="" width="240" height="180" />
</div>
<p><strong>Lorem ipsum dolor sit amet,</strong> consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer .Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus.</p>
<p class="more-link"><a href="#">Learn More</a></p>
<div class="cl"> </div>
</div>
<div class="boxes-holder">
<div class="box">
<h2>WHO WE ARE?</h2>
<p><strong>Lorem ipsum dolor</strong> sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed consectetur orci metus a justo. Integer.</p>
<p class="more-link"><a href="#">Learn More</a></p>
</div>
<div class="box last-box">
<h2>WHAT WE DO?</h2>
<p><strong>Lorem ipsum dolor</strong> sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed consectetur orci metus a jus
751js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （17个子文件） 
751 lib 
jquery-1.3.2.min.js 56KB jquery.tools.js 15KB
1.jpg 137KB css style.css 5KB
index.html 9KB images 
construction.png 157KB circl_hov.png 3KB construction-boy.jpg 20KB project.jpg 10KB logo.png 11KB project2.jpg 13KB
boxes-holder-bg.gif 64B top-bg.png 1KB bg.png 12KB user.png 20KB circl.png 3KB footer-bg.gif 73B资源评论
