<!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/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.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>
<div class="h_bg">
<div class="wrap">
<div class="header">
<div class="logo">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
</div>
<div class="search">
<form>
<input type="text" value="">
<input type="submit" value="">
</form>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="slider_bg">
<div class="wrap">
<div class="slider">
<ul class="nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clear"></div>
</ul>
<div class="fluid_container">
<div class="camera_wrap camera_magenta_skin" id="camera_wrap_1">
<div data-src="images/slider1.jpg" >
<div class="camera_caption fadeFromBottom"> </div>
</div>
<div data-src="images/slider2.jpg" >
<div class="camera_caption fadeFromBottom"> </div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="main_bg">
<div class="wrap">
<div class="main">
<div class="grid_1_of_2 images_1_of_2">
<h3>Welcome</h3>
<h4>Lorem Ipsum is simply <span>dummy text of the </span>printing and ,</h4>
<p>Nam ornare vulputate risus,id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. PellentesqueNam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
<div class="rd_more">
<a href="details.html"><button class="btn btn-3 btn-3e icon-arrow-right">Read More</button></a>
</div>
</div>
<div class="grid_1_of_2 images_1_of_2">
<h3>Lorem Ipsum is simply dummy </h3>
<p><a href="details.html"><img src="images/pic1.jpg"></a> consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. PellentesqueNam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Pellentesque habitant morbi tristique senectus.</p>
</div>
<div class="clear"></div>
<!--cnt-btm-->
<div class="section group">
<div class="grid_1_of_3 images_1_of_3">
<h3>Why Choose Us</h3>
<a href="details.html"><img src="images/pic2.jpg" alt=""/></a>
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
</div>
<div class="grid_1_of_3 images_1_of_3">
<h3>Valve Repairs</h3>
<a href="details.html"><img src="images/pic3.jpg" alt=""/></a>
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
</div>
<div class="grid_1_of_3 images_1_of_3">
<div class="blogs">
<h3>Recent Categories</h3>
<div class="blog_posts">
<div class="blog_desc">
<div class="blog_heading">
<p><span>Lorem ipsum dolor sit amet consec.</span></p>
<p class="date">Posted on May 13th, 2013 by <span class="author">Finibus Bonorum</span> </p>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have,,</p>
</div>
<div class="clear"></div>
</div>
<div class="blog_posts">
<div class="blog_desc">
<div class="blog_heading">
<p><span>Lorem ipsum dolor sit amet consec.</span></p>
<p class="date">Posted on May 13th, 2013 by <span class="author">Finibus Bonorum</span> </p>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have,,</p>
</div>
<div class="clear"></div>
</div>
<div class="blog_posts">
<div class="blog_desc">
<div class="blog_heading">
<p><span>Lorem ipsum dolor sit amet consec.</span></p>
<p class="date">Posted on May 13th, 2013 by <span class="author">Finibus Bonorum</span> </p>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have,,</p>
</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="footer">
<div class="box1">
<h4>What We Do</h4>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. ions from the 1914 below for those by H. Rackham</p>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those The standard chunk of Lorem Ipsum used since the 1500s is reproduced reproduced</p>
</div>
<div class="box1">
<h4>Categories</h4>
<nav>
<ul>
<li><a href="">The standard chunk of Lorem Ipsum used since </a></li>
<li><a href="">Duis a augue ac libero euismod viverra sitth</a></li>
<li><a href="">Duis a augue ac libero euismod viverra sit </a></li>
<li><a href="">The standard chunk of Lorem Ipsum used since </a></li>
</ul>
</nav>
</div>
<div class="box1">
<h4>Contact us</h4>
<div class="social-icons">
<ul>
<li class="facebook"><a href="#" target="_blank"> </a></li>
<li class="twitter"><a href="#" target="_blank"> </a></li>
<li class="rss"><a href="#" target="_blank"> </a></li>
<li class="contact"><a href="#" target="_blank"> </a></li>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="ftr-bg">
<div class="wrap">
<div class="footer1">
<div class="logo">
<h1><a href="index.html"><img src="i
296_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （40个子文件） 
296 
details.html 4KB js 
camera.min.js 38KB jquery.easing.1.3.js 8KB jquery.min.js 92KB service.html 7KB css style.css 19KB camera.css 26KB 404.html 3KB index.html 8KB contact.html 5KB about.html 7KB images 
about-img.jpg 17KB gallery8.jpg 64KB
logo1.png 7KB gallery3.jpg 27KB s_bg.png 441B gallery7.jpg 57KB logo.png 9KB icon-2.png 264B pic2.jpg 27KB icon-1.png 413B logo.psd 46KB search.png 554B gallery6.jpg 55KB pic3.jpg 23KB pic1.jpg 19KB det-pic.jpg 161KB main_bg.png 152B slider2.jpg 94KB close.png 498B gallery2.jpg 43KB m_bg.png 1KB gallery4.jpg 80KB gallery5.jpg 46KB slider1.jpg 155KB camera_skins.png 24KB gallery1.jpg 50KB icon-4.png 442B icon-3.png 502B gallery.html 5KB资源评论
wsnbb_2023
- 粉丝: 17
- 资源: 6000
最新资源
- 2000-2022年地级市城镇化率数据.xlsx
- 卡尔曼滤波原理及应用-MATLAB仿真
- 【最新资料】河北专接本C语言复习方法.doc
- 基于SpringBoot+Thymeleaf+Mybatis学生信息管理系统（源码+数据库）
- 三通道数据采集.rar_labview三通道数据采集_western2l6_串口 数据采集_数据采集labview
- java+mysql 机票预订系统 项目实战
- Ceph 14.2.22多站点功能搭建指南及主备切换
- 0116_xee_heatwave.txt
- 107_xee_water_consumption (1).txt
- 0113_xee_forest_lost.txt
- 0115_xee_mann_kendall.txt
- 0114_xee_growing_season_length.txt
- CEPH缓存层级对象Flush和Evict逻辑及其源码解析-多线程任务调度与缓存管理关键技术
- Ceph Cache Tier机制深入解析-缓存层读写逻辑及其实现过程详解
- 如何使用Ceph原生命令部署完整Ceph集群
- 基于Google Earth Engine和Python API进行洛杉矶野火监测的教程
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
