<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Tillage Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstarp-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstarp-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<script src="js/jquery-1.11.1.min.js"></script>
<!--fonts-->
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600' rel='stylesheet' type='text/css'>
<!--/fonts-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</head>
<body>
<!-- banner -->
<div class="banner">
<!-- container -->
<div class="container">
<div class="header">
<div class="head-logo">
<a href="index.html"><img src="images/logo1.png" alt="" /></a>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt=""></span>
<ul class="nav1">
<li class="hvr-sweep-to-bottom active"><a href="index.html">Home<i>Lorem ipsum dolor sit amet</i></a></li>
<li class="hvr-sweep-to-bottom"><a href="about.html">About<i>Lorem ipsum dolor sit amet</i></a></li>
<li class="hvr-sweep-to-bottom"><a href="products.html">Products<i>Lorem ipsum dolor sit amet</i></a></li>
<li class="hvr-sweep-to-bottom"><a href="404.html">Events<i>Lorem ipsum dolor sit amet</i></a></li>
<li class="hvr-sweep-to-bottom"><a href="mail.html">Mail Us<i>Lorem ipsum dolor sit amet</i></a></li>
<div class="clearfix"> </div>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
<div class="container">
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager: true,
nav: false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-info">
<h2>Steady <span>growth</span> for your farm!</h2>
<div class="line"> </div>
<p>Ut sodales erat tortor, eget rhoncus nulla rutrum sit amet. Aliquam sit amet lorem dui. Nulla sagittis dolor id mi tincidunt varius. Donec quis suscipit tortor vel pellentesque libero</p>
</div>
</li>
<li>
<div class="banner-info">
<h2>Make your <span>garden</span> look like paradise!</h2>
<div class="line"> </div>
<p>Eget rhoncus nulla rutrum sit amet. Ut sodales erat tortor Aliquam sit amet lorem dui. Donec quis suscipit tortor vel pellentesque libero Nulla sagittis dolor id mi tincidunt varius</p>
</div>
</li>
<li>
<div class="banner-info">
<h2>Steady <span>growth</span> for your farm! </h2>
<div class="line"> </div>
<p>Aliquam sit amet lorem dui Ut sodales erat tortor, Nulla sagittis dolor id mi tincidunt varius. Donec quis suscipit tortor vel pellentesque libero eget rhoncus nulla rutrum sit amet</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-bottom">
<!-- container -->
<div class="container">
<div class="banner-bottom-grids">
<div class="col-md-7 banner-bottom-grid-text">
<div class="jumbotron banner-bottom-left wow fadeInLeft animated" data-wow-delay="0.5s" style="visibility: visible; -webkit-animation-delay: 0.5s; ">
<h3>Nullam consectetur tristique fermentum vestibulum</h3>
<h5>Cras porttitor imperdiet volutpat. Nulla malesuada lectus eros ut convallis felis <span>consectetur ut</span></h5>
<p>Proin eget ipsum ultrices, aliquet velit eget, tempus tortor. Phasellus non velit sit amet diam faucibus molestie. Mauris sapien eros, mattis et elit non, tincidunt efficitur nisi augue dui iaculis nulla, a pretium nisl turpis vel augue auctor viverra aliquam .</p>
<div class="see-button">
<a class="btn btn-primary btn-lg see-button hvr-shutter-out-horizontal" href="#" role="button">See More</a>
</div>
</div>
</div>
<div class="col-md-5 banner-bottom-right wow fadeInRight animated" data-wow-delay="0.5s" style="visibility: visible; -webkit-animation-delay: 0.5s;">
<img src="images/2.jpg" alt=""/>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
</div>
<!-- //banner-bottom -->
<!-- specialty -->
<div class="specialty">
<!-- container -->
<div class="container">
<div class="col-md-5 specialty-info wow fadeInLeft animated" data-wow-delay="0.5s" style="visibility: visible; -webkit-animation-delay: 0.5s;">
<h3>Our Services</h3>
<h5>Cras porttitor imperdiet volutpat nulla malesuada lectus eros ut convallis felis consectetur ut </h5>
<p>Integer vitae ligula sed lectus consectetur pellentesque blandit nec orci. Nulla ultricies nunc et lorem semper, quis accumsan dui aliquam aucibus sagittis placerat.
<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi non nibh nec enim sollicitudin interdum.tristique senectus et netus et malesuada fames ac turpis egestas</span>
</p>
<div class="see-button">
<a class="btn btn-primary btn-lg see-button hvr-shutter-out-horizontal specialty-button" href="#" role="button">See More</a>
</div>
</div>
<div class="col-md-7 specialty-grids">
<div class="specialty-grids-top">
<div class="col-md-6 service-box wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<figure class="icon">
<img src="images/1.png" alt="" />
</figure>
<h5>Proin eget ipsum ultrices</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-6 service-box wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<figure class="icon">
<img src="images/2.png" alt="" />
</figure>
<h5>Proin eget ipsum ultrices</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="specialty-grids-top">
<div class="col-md-6 service-box wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<figure class="icon">
<img src="images/3.png" alt="" />
</figure>
<h5>Proin eget ipsum ultrices</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem acc
农业致富项目网站模板是一款适合农产品生产种植CSS3网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
102 浏览量
2023-08-05
15:59:49
上传
评论
收藏 1020KB RAR 举报
农业致富项目网站模板是一款适合农产品生产种植CSS3网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （51个子文件） 
农业致富项目网站模板是一款适合农产品生产种植CSS3网站模板。 moban571 js 
jquery.fancybox.js 48KB responsiveslides.min.js 3KB classie.js 2KB jquery-1.11.1.min.js 94KB wow.min.js 5KB css style.css 27KB animate.css 67KB bootstrap.css 118KB touchTouch.css 5KB
mail.html 7KB 404.html 6KB index.html 14KB about.html 10KB images 
a2.jpg 35KB 2.jpg 15KB b8.jpg 10KB 10-.jpg 19KB p.jpg 10KB
logo1.png 8KB 10.jpg 11KB 6-.jpg 24KB 3.png 5KB menu.png 3KB 6.jpg 13KB banner.jpg 470KB logo.png 4KB img2.jpg 16KB a1.jpg 35KB 9-.jpg 35KB phone.png 3KB b7.jpg 9KB 1.png 5KB search.png 3KB fancybox_sprite.png 1KB img4.jpg 14KB 5.jpg 10KB img1.jpg 20KB play.png 3KB b10.jpg 11KB b9.jpg 10KB img3.jpg 12KB i5.jpg 26KB 8.jpg 20KB location.png 3KB 4.png 5KB icons.png 4KB 5-.jpg 18KB 8-.jpg 25KB 2.png 4KB 9.jpg 25KB products.html 12KB资源评论
