<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http//fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<!--slider-->
<link href="css/slider.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</head>
<body>
<div class="header">
<div class="wrap">
<div class="header-top">
<div class="logo">
<h1><a href="index.html">Enginery</a></h1>
</div>
<div id="text-6" class="visible-all-devices header-text ">
<div class="textwidget">Lorem ipsum dolor,<br>
diam nonummy nibh.<br>
<br>
nostrud exerci tation ullamcorper <br>
<h5 class="phone">+1 800 253 2560</h5></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!------ Slider ------------>
<div class="banner">
<div class="wrap">
<div class="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="about.html"><span>About us</span></a></li>
<li><a href="products.html"><span>Products</span></a></li>
<li class="has-sub"><a href="services.html"><span>Services</span></a></li>
<li class="last"><a href="contact.html"><span>Contact</span></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="slider">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="images/banner1.jpg" alt="" />
<img src="images/banner2.jpg" alt="" />
<img src="images/banner3.jpg" alt="" />
<img src="images/banner4.jpg" alt="" />
<img src="images/banner5.jpg" alt="" />
</div>
</div>
</div>
</div>
</div>
<!------End Slider ------------>
<div class="main">
<div class="wrap">
<div class="content-top">
<div class="top-box">
<h2>What We do</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
</div>
<div class="section group">
<div class="col_1_of_5 span_1_of_5">
<div class="grid_img">
<img src="images/e1.png" alt=""/>
</div>
<h3>Lorem Ipsum is simply</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="grid_img">
<img src="images/e2.png" alt=""/>
</div>
<h3>Lorem Ipsum is simply</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="grid_img">
<img src="images/e3.png" alt=""/>
</div>
<h3>Lorem Ipsum is simply</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="grid_img">
<img src="images/e4.png" alt=""/>
</div>
<h3>Lorem Ipsum is simply</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
<div class="col_1_of_5 span_1_of_5">
<div class="grid_img">
<img src="images/e5.png" alt=""/>
</div>
<h3>Lorem Ipsum is simply</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="content-bottom">
<div class="top-box">
<h2>Operations</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
</div>
<div class="section group">
<div class="col_1_of_4 span_1_of_4">
<div class="hover_img">
<img src="images/pic.jpg" alt=""/>
</div>
<div class="caption">
<h3><a href="#">tincidunt ut</a></h3><br>
<hr class="hr">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="hover_img">
<img src="images/pic1.jpg" alt=""/>
</div>
<div class="caption">
<h3><a href="#">tincidunt ut</a></h3><br>
<hr class="hr">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="hover_img">
<img src="images/pic2.jpg" alt=""/>
</div>
<div class="caption">
<h3><a href="#">tincidunt ut</a></h3><br>
<hr class="hr">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="hover_img">
<img src="images/pic3.jpg" alt=""/>
</div>
<div class="caption">
<h3><a href="#">tincidunt ut</a></h3><br>
<hr class="hr">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="content-last">
<div class="top-box">
<h2>Company News</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
</div>
<div class="section group">
<div class="col_1_of_4 span_1_of_4">
<div class="hover_img">
<img src="images/pic4.jpg" alt=""/>
</div>
<div class="caption1">
<time datetime="#">November 17, 2013</time> <br>
<a href="#" class="lnk">Vestibulum</a>
<p>Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh...</p>
<a href="#" class="btn btn-primary btn1">read more</a>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="hover_img">
<img src="images/pic5.jpg" alt=""/>
</div>
<div class="caption1">
<time datetime="#">November 17, 2013</time> <br>
<a href="#" class="lnk">Vestibulum</a>
<p>Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh...</p>
<a href="#" class="btn btn-primary btn1">read more</a>
HTML+CSS+JS精品网页模板H56.rar （63个子文件） 
HTML+CSS+JS精品网页模板H56 js 
ios-orientationchange-fix.js 2KB jquery.swipebox.min.js 7KB jquery-1.9.0.min.js 91KB jquery.nivo.slider.js 28KB css style.css 20KB slider.css 3KB swipebox.css 4KB
404.html 3KB services.html 9KB index.html 10KB contact.html 5KB about.html 9KB images 
pic12.jpg 21KB pic5.jpg 17KB pic6.jpg 17KB pic15.jpg 28KB pic.jpg 20KB
e3.png 5KB tw.png 4KB pin.png 4KB pic10.jpg 24KB g+.png 4KB pic8.jpg 28KB t-pic12.jpg 77KB t-pic15.jpg 113KB banner4.jpg 110KB t-pic17.jpg 119KB pic9.jpg 24KB logo.png 4KB e5.png 6KB pic16.jpg 25KB banner3.jpg 173KB pic4.jpg 24KB line.png 3KB phone.png 3KB
top-link-marker.gif 52B pic2.jpg 24KB pic3.jpg 23KB fb.png 3KB t-pic16.jpg 86KB pic1.jpg 22KB e2.png 3KB
icons.svg 1KB banner1.jpg 160KB banner5.jpg 187KB e1.png 6KB t-pic10.jpg 82KB pic11.jpg 26KB rss.png 4KB menu-marker.png 3KB marker.png 3KB pic17.jpg 32KB pic7.jpg 14KB t-pic11.jpg 86KB t-pic14.jpg 131KB pic13.jpg 30KB pic14.jpg 33KB banner2.jpg 173KB t-pic13.jpg 70KB e4.png 5KB comment.png 4KB products.html 8KB fonts BebasNeue-webfont.ttf 48KB资源评论
