<!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=Engagement' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' 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({
height: '550px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});
</script>
</head>
<body>
<!-- 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-src="images/slider1.jpg">
</div>
<div data-src="images/slider2.jpg">
</div>
<div data-src="images/slider3.jpg">
</div>
</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div>
<!-- end #camera_wrap_1 -->
</div>
<!-- start header -->
<div class="header_bg">
<div class="wrap">
<div class="wrapper1">
<div class="menu">
<ul class="top-nav">
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a class="hsubs" href="service.html">SERVICES</a></li>
<li><a href="contact.html">CONTACT</a></li>
<div class="clear"></div>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- start main -->
<div class="main_bg">
<div class="wrap">
<div class="wrapper">
<div class="main">
<div class="content">
<a href="index.html"><h2>Agro Farm</h2></a>
</div>
<div class="grids_of_3">
<div class="grid_1_of_3 images_1_of_3">
<img src="images/pic1.jpg">
<div class="grids">
<h3>Cras tristique elit</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 College in Virginia, College in voluptate velit esse cillum dolore.</p>
<div class="button"><span><a href="details.html">More</a></span></div>
</div>
</div>
<div class="grid_1_of_3 images_1_of_3">
<img src="images/pic2.jpg">
<div class="grids">
<h3>rhoncus dui neci</h3>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
<div class="button"><span><a href="details.html">More</a></span></div>
</div>
</div>
<div class="grid_1_of_3 images_1_of_3">
<img src="images/pic3.jpg">
<div class="grids">
<h3>Nam quis quam non</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>
<div class="clear"></div>
</div>
<div class="cols_of_3">
<div class="col_1_of_3 span_1_of_3">
<h2 class="style">welcome</h2>
<div class="text_s img_style">
<img src="images/pic4.jpg" alt=""/>
</div>
<div class="text_s1">
<span>There are many variations of passages,by injected humour</span>
<p class="para 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"> read More</a></div>
</div>
<div class="col_1_of_3 span_1_of_3">
<h2 class="style">lorem is purus</h2>
<div class="text_s">
<span>There are many variations of passages,by injected humour</span>
<p class="para top">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,</p>
</div>
<div class="text_s1">
<span>There are many variations of passages,by injected humour</span>
<p class="para top"> as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text,</p>
</div>
<div class="read_more"><a class="btn" href="details.html" class="btn">read More</a></div>
</div>
<div class="col_1_of_3 span_1_of_3">
<h2 class="style">latest news</h2>
<div class="text_s">
<div class="text_img img_style">
<a href=""><img src="images/art-pic1.jpg" alt=""></a>
</div>
<div class="text_para">
<span>2 days ago</span>
<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor,</p>
</div>
<div class="clear"></div>
</div>
<div class="text_s">
<div class="text_img img_style">
<a href=""><img src="images/art-pic3.jpg" alt=""></a>
</div>
<div class="text_para">
<span>5 days ago</span>
<p class="para">There are many variations of passages of Lorem Ipsum but the majority have</p>
</div>
<div class="clear"></div>
</div>
<div class="text_s">
<div class="text_img img_style">
<a href=""><img src="images/art-pic2.jpg" alt=""></a>
</div>
<div class="text_para">
<span>3 days ago</span>
<p class="para">There are many variations of passages of Lorem Ipsum but the majority have</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- start footer -->
<div class="footer_bg">
<div class="wrap">
<div class="wrapper">
<div class="footer">
<ul class="f_nav">
<li><a href="#">mail@agro_form.org</a></li>
</ul>
<div class="f_call">
<h3>: 18 000 000 000</h3>
</div>
<div class="clear"></div>
<h2><a href="index.html">Agro farm</a></h2>
<div class="copy">
<p class="w3-link">© Copyright © 2013.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 style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
种植业网站CSS3扁平模板是一款绿色扁平大气的水果蔬菜类网站模板。_html网站模板_网页源码移动端前端_H5模板_自.rar
136 浏览量
2023-08-06
11:58:53
上传
评论
收藏 272KB RAR 举报
种植业网站CSS3扁平模板是一款绿色扁平大气的水果蔬菜类网站模板。_html网站模板_网页源码移动端前端_H5模板_自.rar （41个子文件） 
种植业网站CSS3扁平模板是一款绿色扁平大气的水果蔬菜类网站模板。 chahua3136 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 4KB css style.css 12KB camera.css 26KB
loading.gif 302B jquery.lightbox.css 2KB index.html 7KB contact.html 4KB about.html 6KB images patterns 
overlay1.png 315B overlay8.png 315B overlay7.png 315B overlay5.png 315B overlay4.png 315B overlay2.png 315B overlay10.png 316B overlay6.png 315B overlay9.png 315B overlay3.png 315B blank.gif 303B previous.png 476B
art-pic2.jpg 3KB mail.png 756B pic4.jpg 16KB pic2.jpg 26KB next.png 480B ser_pic2.jpg 23KB pic3.jpg 29KB ser_pic1.jpg 19KB pic1.jpg 42KB camera-loader.gif 311B art-pic1.jpg 3KB ser_pic3.jpg 25KB close.png 563B art-pic3.jpg 4KB call.png 848B camera_skins.png 1KB资源评论
