<!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://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//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>
<ul>
<li class="has-sub"><a href="service.html"><span>Service 1</span></a>
<ul>
<li><a href="service.html"><span>Sub Item</span></a></li>
<li class="last"><a href="service.html"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="service.html"><span>Service 2</span></a>
<ul>
<li><a href="service.html"><span>Sub Item</span></a></li>
<li class="last"><a href="service.html"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</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 data-thumb="images/thumbs/slider4.jpg" data-src="images/slider/slider4.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 content_left -->
<div class="content_left">
<div class="search">
<h2>search</h2>
<form>
<input type="text" value="" placeholder="Enter Your search...">
<input type="submit" value="">
</form>
</div>
<div class="text1-nav">
<h2>main menu</h2>
<ul>
<li class="active"><a href="">The standard chunk of Lorem</a></li>
<li><a href="">libero euismod viverra sitth</a></li>
<li><a href="">The standard chunk of Lorem</a></li>
<li><a href="">libero euismod viverra sitth</a></li>
<li><a href="">The standard chunk of Lorem</a></li>
<li><a href="">libero euismod viverra sitth</a></li>
</ul>
</div>
<div class="search1">
<h2>login form!</h2>
<form action="">
<label>Username:</label>
<input type="text" name="username" />
<label>Password:</label>
<input type="password" name="password" />
<input type="submit" value="Submit" name="submit" class="submit" />
</form>
</div>
</div>
<!-- start content_right -->
<div class="content_right">
<div class="gallery">
<h2>Our latest gallery</h2>
<section>
<ul class="lb-album">
<li>
<a href="#image-1">
<img src="images/gallery1.jpg" alt="">
<span> </span>
</a>
<div class="lb-overlay" id="image-1">
<img src="images/gallery1.jpg" alt="">
<a href="#page" class="lb-close"> </a>
</div>
</li>
<li>
<a href="#image-2">
<img src="images/gallery2.jpg" alt="">
<span> </span>
</a>
<div class="lb-overlay" id="image-2">
<img src="images/gallery2.jpg" alt="">
<a href="#page" class="lb-close"> </a>
</div>
</li>
<li>
<a href="#image-3">
<img src="images/gallery3.jpg" alt="">
<span> </span>
</a>
<div class="lb-overlay" id="image-3">
<img src="images/gallery3.jpg" alt="image03">
<a href="#page" class="lb-close"> </a>
</div>
</li>
<li>
<a href="#image-4">
<img src="images/gallery4.jpg" alt="">
<span> </span>
</a>
<div class="lb-overlay" id="image-4">
<img src="images/gallery4.jpg" alt="image04">
<a href="#page" class="lb-close"> </a>
</div>
</li>
<div class="clear"></div>
</ul>
</section>
</div>
<div class="image group">
<div class="grids_of_2">
<div class="grid images_3_of_1">
<img src="images/pic1.jpg">
</div>
<div class="grid span_2_of_3">
<h3>Lorem Ipsum is simply</h3>
<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
<div class="button"><span><a href="details.html">Read More</a></span></div>
</div>
<div class="clear"></div>
</div>
<div class="grids_of_2 top">
<div class="grid images_3_of_1">
<img src="images/pic2.jpg">
</div>
<div class="grid span_2_of_3">
<h3>Mauris is dummy text</h3>
<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 of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary,</p>
<div class="button"><span><a href="details.html">Read More</a></span></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="footer_bg">
<div class="wrap">
<div class="wrapper">
<div class="footer">
<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="f_nav">
<ul>
<li><a href="#">Skype</a></li>
<li><a href="#">Linked in</a></li>
<li><a href="#">Twi
黑色风格汽车展示模板是一款大气时尚的HTML汽车展示网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar （42个子文件） 
黑色风格汽车展示模板是一款大气时尚的HTML汽车展示网站模板下载。 web 
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 service.html 5KB css style.css 20KB camera.css 25KB jquery.lightbox.css 2KB 404.html 3KB index.html 8KB contact.html 5KB about.html 6KB images 
gallery3.jpg 37KB
previous.png 726B logo.png 4KB pic2.jpg 10KB logo.psd 49KB next.png 724B ser_pic2.jpg 16KB search.png 680B ser_pic1.jpg 21KB pic1.jpg 13KB det-pic.jpg 106KB ser_pic4.jpg 19KB ser_pic3.jpg 20KB close.png 498B gallery2.jpg 34KB about_pic.jpg 20KB gallery4.jpg 42KB thumbs slider3.jpg 3KB Thumbs.db 25KB slider4.jpg 2KB slider2.jpg 2KB slider1.jpg 3KB gallery1.jpg 35KB slider slider3.jpg 68KB Thumbs.db 21KB slider4.jpg 59KB slider2.jpg 68KB slider1.jpg 76KB资源评论
icwx_7550592
- 粉丝: 20
- 资源: 7163
最新资源
- 【年度调薪】年度薪酬预算执行情况报告.xls
- 【年度调薪】调薪考核表.xls
- 【年度调薪】调薪矩阵表(HR总监绝密).xls
- 【年度调薪】度员工调薪登记表.xlsx
- 【年度调薪】薪资等级结构表.xls
- 【年度调薪】调薪调岗流程表格.xls
- 【年度调薪】部门年度薪资调整套级审批表.xlsx
- 【年度调薪】调薪流程.xlsx
- 【年度调薪】年度员工调薪登记表.xlsx
- 【年度调薪】员工调薪评估.xlsx
- 【年度调薪】员工加薪明细表.xlsx
- 【年度调薪】员工调薪记录表.xlsx
- 【年度调薪】HR疑难操作之调岗调薪（实务篇）.doc
- 【年度调薪】工资评定调薪方案.doc
- 【年度调薪】年度调薪方案.doc
- 【年度调薪】调岗调薪操作技巧.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
