<!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=Six+Caps' rel='stylesheet' type='text/css'>--->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start 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_menu -->
<div class="header_menu">
<div class="main_top">
<div class="wrap">
<div class="wrapper">
<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="last"><a href="service.html"><span>Services</span></a></li>
<li class="last"><a href="product.html"><span>Products</span></a></li>
<li class="last"><a href="contact.html"><span>Contact</span></a></li>
<div class="clear"></div>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- start main -->
<div class="main">
<div class="wrap">
<div class="wrapper">
<!-- start logo -->
<div class="logo">
<h1><a href="index.html">Module</a></h1>
</div>
<!-- start slider -->
<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>
<!-- start content -->
<div class="grids_of_3">
<div class="grid_1_of_3 images_1_of_3">
<img src="images/pic1.jpg">
<h3>Lorem Ipsum is simply dummy text </h3>
<p>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 dolore eu fugiat nulla pariatur.</p>
<div class="button"><span><a href="details.html">More</a></span></div>
</div>
<div class="grid_1_of_3 images_1_of_3">
<img src="images/pic2.jpg">
<h3>Lorem Ipsum is simply dummy text </h3>
<p>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 dolore eu fugiat nulla pariatur.</p>
<div class="button"><span><a href="details.html">More</a></span></div>
</div>
<div class="grid_1_of_3 images_1_of_3">
<img src="images/pic3.jpg">
<h3>Lorem Ipsum is simply dummy text </h3>
<p>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 dolore eu fugiat nulla pariatur.</p>
<div class="button"><span><a href="details.html">More</a></span></div>
</div>
<div class="clear"></div>
</div>
<!-- start bottom content -->
<div class="cols_of_3">
<div class="col_1_of_3 span_1_of_3">
<h3>welcome</h3>
<div class="text_s">
<span>There are many variations of passages,by injected humour</span>
<p class="top">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
</div>
<div class="text_s1">
<span>There are many variations of passages,by injected humour</span>
<p class="top">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
</div>
<div class="read_more"><a href="details.html" class="btn">More</a></div>
</div>
<div class="col_1_of_3 span_1_of_3">
<h3>services</h3>
<div class="text_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="">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="">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="">The standard chunk of Lorem Ipsum used since</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">
<h3>latest news</h3>
<div class="text_s">
<div class="text_img">
<a href=""><img src="images/art-pic1.jpg" alt=""></a>
</div>
<div class="text_para">
<span>2 days ago</span>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour,</p>
</div>
<div class="clear"></div>
</div>
<div class="text_s">
<div class="text_img">
<a href=""><img src="images/art-pic2.jpg" alt=""></a>
</div>
<div class="text_para">
<span>5 days ago</span>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour,</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- start footer -->
<div class="footer_bg">
<div class="main_top1">
<div class="wrap">
<div class="wrapper">
<div class="footer">
<ul class="f_nav">
<li><a href="#">mail@module.org</a></li>
</ul>
<div class="f_call">
<h3>: 18 000 000 000</h3>
</div>
<div class="clear"></div>
<h2><a href="index.html">Module</a></h2>
<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>
</div>
<div class="clear"></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>