<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!---<link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>--->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--slider-->
<link href="css/camera.css" rel="stylesheet" type="text/css" media="all" />
<script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='js/camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: true
});
jQuery('#camera_wrap_2').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});
</script>
<!--start lightbox -->
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox.css">
<script src="js/jquery.lightbox.js"></script>
<script>
// Initiate Lightbox
$(function() {
$('.gallery a').lightbox();
});
</script>
</head>
<body>
<div class="wrapper">
<div class="wrap">
<div class="wrap_inner">
<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="product.html"><span>Products</span></a></li>
<li class="has-sub"><a href="service.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="logo">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
</div>
<!-- #camera_wrap_1 -->
<div class="fluid_container">
<div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
<div data-thumb="images/thumbs/slider1.jpg" data-src="images/slider/slider1.jpg">
</div>
<div data-thumb="images/thumbs/slider1.jpg" data-src="images/slider/slider2.jpg">
</div>
<div data-thumb="images/thumbs/slider1.jpg" data-src="images/slider/slider3.jpg">
</div>
<div data-thumb="images/thumbs/slider1.jpg" data-src="images/slider/slider4.jpg">
</div>
</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div>
<!-- end #camera_wrap_1 -->
<div class="grids_1_of_3">
<div class="grid_1_of_3 images_1_of_3 bg1">
<h3>Lorem Ipsum is</h3>
<div class="gallery">
<a href="images/pic1.jpg"><img src="images/pic1.jpg" title="image-name"></a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
<div class="plus_btn">
<span></span>
</div>
</div>
<div class="grid_1_of_3 images_1_of_3 bg2">
<h3>Lorem Ipsum is</h3>
<div class="gallery">
<a href="images/pic2.jpg"><img src="images/pic2.jpg" title="image-name"></a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
<div class="plus_btn">
<span></span>
</div>
</div>
<div class="grid_1_of_3 images_1_of_3 bg3">
<h3>Lorem Ipsum is</h3>
<div class="gallery">
<a href="images/pic3.jpg"><img src="images/pic3.jpg" title="image-name"></a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
<div class="plus_btn">
<span></span>
</div>
</div>
<div class="clear"></div>
</div>
<!--content_btm-->
<div class="content_btm">
<div class="col_1_of_3 span_1_of_3">
<h2>Lorem Ipsum simply</h2>
<div class="text1-nav">
<ul>
<li><a href="">The standard chunk of Lorem Ipsum used</a></li>
<li><a href="">Duis a augue ac libero euismod viverra sitth</a></li>
<li><a href="">The standard chunk of Lorem Ipsum used </a></li>
<li><a href="">Duis a augue ac libero euismod viverra sitth</a></li>
<li><a href="">The standard chunk of Lorem Ipsum used </a></li>
<li><a href="">Duis a augue ac libero euismod viverra sitth</a></li>
</ul>
</div>
</div>
<div class="col_1_of_3 span_1_of_3">
<h2>Lorem Ipsum simply</h2>
<h4>The standard chunk of Lorem Ipsum dolor sit amet,</h4>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage</p>
<div class="button top"><a href="details.html">Read More</a></div>
</div>
<div class="col_1_of_3 span_1_of_3">
<h2>Lorem Ipsum simply</h2>
<h4>The standard chunk of Lorem Ipsum dolor sit amet,</h4>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage</p>
<div class="button top"><a href="details.html">Read More</a></div>
</div>
<div class="clear"></div>
</div>
<!--end content_btm-->
<div class="grids_btm">
<div class="grids">
<div class="images_1_of_1">
<p>15</p>
</div>
<div class="grid_1_of_1">
<h3>Lorem Ipsum is simply text </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
</div>
</div>
<div class="grids">
<div class="images_1_of_1">
<p>$</p>
</div>
<div class="grid_1_of_1">
<h3>Lorem Ipsum is simply text </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="clear"></div>
<div class="footer1">
<div class="copy">
<p class="w3-link">Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
室内建筑HTML网页模板是一款草绿色风格的HTML室内装修网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar （44个子文件） 
室内建筑HTML网页模板是一款草绿色风格的HTML室内装修网站模板下载。 chahua3382 
details.html 4KB js 
camera.min.js 38KB jquery.lightbox.js 8KB jquery.easing.1.3.js 8KB jquery.min.js 91KB jquery.mobile.customized.min.js 17KB product.html 4KB service.html 6KB css style.css 11KB camera.css 26KB jquery.lightbox.css 2KB 404.html 2KB index.html 7KB contact.html 5KB about.html 5KB images 
plus_btn_h.png 1KB previous.png 726B arrow.png 345B logo.png 4KB
pic4.jpg 12KB pic2.jpg 10KB logo.psd 65KB next.png 724B ser_pic2.jpg 13KB pic3.jpg 17KB ser_pic1.jpg 16KB pic1.jpg 26KB det-pic.jpg 105KB ser_pic4.jpg 11KB bg1.png 152B bg.png 751B ser_pic3.jpg 15KB close.png 835B thumbs slider3.jpg 3KB slider4.jpg 3KB slider2.jpg 3KB slider1.jpg 3KB camera_skins.png 24KB plus_btn.png 1KB slider slider3.jpg 60KB slider4.jpg 116KB slider2.jpg 95KB slider1.jpg 100KB plus_btn.psd 36KB资源评论
