<!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资源评论
紫微前端
- 粉丝: 4478
- 资源: 871
最新资源
- 基于Beego开发的问答系统详细文档+优秀项目+全部资料.zip
- 基于beego框架的接口在线文档管理系统详细文档+优秀项目+全部资料.zip
- 基于beego框架的cms系统详细文档+优秀项目+全部资料.zip
- 基于GF(Go Frame)的后台管理系统详细文档+优秀项目+全部资料.zip
- 基于Gin + Ant Design Pro的前后端分离管理系统的前后端模块详细文档+优秀项目+全部资料.zip
- 基于Excel VBA和Go语言的自动化考试系统详细文档+优秀项目+全部资料.zip
- 基于gin+websocket+mongodb实现 IM 即时聊天系统，基于WS连接的即时聊天，支持单聊，在线回复以及历史记录查询详细文档+优秀项目+全部资料.zip
- 基于Gin + Vue + Element UI & Arco Design & Ant Design 的前后端分离权限管理系统脚手架（包含了
- 基于gin+vue+element搭建的商城管理系统详细文档+优秀项目+全部资料.zip
- 基于Go + Vue开发的管理系统脚手架, 前后端分离, 仅包含项目开发的必需部分, 基于角色的访问控制(RBAC), 分包合理, 精简易于扩展。 后端Go包含
- 基于go micro + gin + kafka + etcd的分布式消息即时通信微服务系统详细文档+优秀项目+全部资料.zip
- 基于Go + Golang + Uniapp + Vue + ElementUi + Goframe框架的新零售社交电商系统（除了go商城系统外，还有java商
- 基于Go 标准库构建的博客系统、此项目非常适合作为 Go 新手的第一个上手项目详细文档+优秀项目+全部资料.zip
- 基于go，gin，JWT，权限管理系统详细文档+优秀项目+全部资料.zip
- 基于Go Web开发实战，基于Go语言，Beego框架开发的B2C模式的电商系统详细文档+优秀项目+全部资料.zip
- 基于go、gorm、gin、mysql及layui构建的人力资源管理系统。提供员工管理、考试管理、薪资考勤管理、权限管理及分公司分库数据隔离等功能详细文档+优秀项目+全部资料.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
