<!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='#css?family=Julius+Sans+One' 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>
</head>
<body>
<!--start header-->
<div class="h_bg">
<div class="wrap">
<div class="wrapper">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png"> </a>
</div>
<div class="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="about.html"><span>About</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="clear"></div>
</div>
</div>
</div>
</div>
<!-- start slider -->
<div class="slider_bg">
<div class="wrap">
<div class="wrapper">
<div class="slider">
<!-- #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/slider2.jpg" data-src="images/slider/slider2.jpg"></div>
<div data-thumb="images/thumbs/slider3.jpg" data-src="images/slider/slider3.jpg"></div>
</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div>
<!-- end #camera_wrap_1 -->
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- start content -->
<div class="content_bg">
<div class="wrap">
<div class="wrapper">
<div class="main">
<!-- start main -->
<div class="grids_1_of_3">
<div class="grid_1_of_3 images_1_of_3 bg">
<h3>Lorem Ipsum is</h3>
<a href="details.html"><img src="images/pic1.jpg"></a>
<div class="plus_btn"><a href="details.html"><span></span></a></div>
<div class="clear"></div>
<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
</div>
<div class="grid_1_of_3 images_1_of_3 bg">
<h3>Lorem Ipsum is</h3>
<a href="details.html"><img src="images/pic2.jpg"></a>
<div class="plus_btn"><a href="details.html"><span></span></a></div>
<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
</div>
<div class="grid_1_of_3 images_1_of_3 bg hide">
<h3>Lorem Ipsum is</h3>
<a href="details.html"><img src="images/pic3.jpg"></a>
<div class="plus_btn"><a href="details.html"><span></span></a></div>
<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua.</p>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- start main1 -->
<div class="main1">
<div class="grid_1_of_2 c_left">
<h2>why choose Us</h2>
<div class="grid_img img_style">
<a href="details.html"><img src="images/pic4.jpg" alt=""/></a>
</div>
<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.</p>
<div class="read_more">
<a href="details.html"><button class="btn">read more</button></a>
</div>
</div>
<div class="grid_1_of_2 c_right">
<h2>top products </h2>
<ul class="list">
<li>
<div class="clearfix">
<span>Lorem ipsum dolor sit amet</span>
<em class="icon-caret-up">+43%</em>
<strong>75,5%</strong>
<div class="clear"></div>
</div>
<div class="progress">
<div class="progress-bar" style="width: 60%"></div>
</div>
</li>
<li>
<div class="clearfix">
<span>Proin lobortis lacus</span>
<em class="icon-caret-down">-18%</em>
<strong>18%</strong>
<div class="clear"></div>
</div>
<div class="progress">
<div class="progress-bar" style="width: 18%"></div>
</div>
</li>
<li>
<div class="clearfix">
<span>Nam quis sapien vel arcu lacinia</span>
<em class="icon-caret-up">+33.7%</em>
<strong>44.5%</strong>
<div class="clear"></div>
</div>
<div class="progress">
<div class="progress-bar" style="width: 35%"></div>
</div>
</li>
<li>
<div class="clearfix">
<span>Curabitur consequat tortor sit amet purus</span>
<em class="icon-caret-down">-39%</em>
<strong>10%</strong>
<div class="clear"></div>
</div>
<div class="progress">
<div class="progress-bar" style="width: 24%"></div>
</div>
</li>
<li>
<div class="clearfix">
<span>Proin lobortis lacus</span>
<em class="icon-caret-down">-26%</em>
<strong>34%</strong>
<div class="clear"></div>
</div>
<div class="progress">
<div class="progress-bar" style="width: 34%"></div>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- start footer -->
<div class="footer_bg">
<div class="wrap">
<div class="wrapper">
<div class="footer">
<div class="copy">
<p class="w3-link">Copyright © 2016.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="f_nav">
<ul>
<l
蓝色艺术家居设计CSS模板是一款大气室内装修设计企业网站模板下载。.rar （36个子文件） 
蓝色艺术家居设计CSS模板是一款大气室内装修设计企业网站模板下载。 moban1068 
details.html 3KB js 
camera.min.js 38KB jquery.easing.1.3.js 8KB jquery.min.js 92KB jquery.mobile.customized.min.js 17KB service.html 4KB css style.css 18KB camera.css 25KB 404.html 2KB index.html 8KB contact.html 4KB about.html 5KB images 
pic5.jpg 14KB logo1.psd 65KB
plus_btn_h.png 1KB plus.psd 33KB logo.png 3KB pic4.jpg 18KB pic2.jpg 13KB ser_pic2.jpg 13KB pic3.jpg 16KB ser_pic1.jpg 16KB pic1.jpg 9KB det-pic.jpg 61KB ser_pic4.jpg 11KB bg.png 190B ser_pic3.jpg 15KB thumbs slider3.jpg 3KB Thumbs.db 25KB slider2.jpg 3KB slider1.jpg 3KB plus_btn.png 1KB slider slider3.jpg 105KB Thumbs.db 19KB slider2.jpg 119KB slider1.jpg 116KB资源评论
