<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- animation-effect -->
<link href="css/animate.min.css" rel="stylesheet">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- //animation-effect -->
<link href='#css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smooth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner">
<div class="container">
<div class="logo-top">
<div class="logo-top-left animated wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="900ms">
<p>we celebrate the joy of agriculture.</p>
</div>
<div class="logo-top-right animated wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="900ms">
<ul>
<li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a href="mailto:info@example.com">info@example.com</a></li>
<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +1234 567 891</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="logo">
<h1 class="animated wow zoomIn" data-wow-duration="1000ms" data-wow-delay="500ms"><a href="index.html">Fa<span>r</span>mhand</a></h1>
</div>
<div class="navigation animated wow zoomIn" data-wow-duration="1000ms" data-wow-delay="500ms">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav>
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About Us</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#mail" class="scroll">Mail Us</a></li>
</ul>
</nav>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
<div class="social-icons-gallery animated wow bounceInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
<ul class="social-icons">
<li><a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a></li>
<li><a href="#" class="icon-button google"><i class="icon-google"></i><span></span></a></li>
<li><a href="#" class="icon-button v"><i class="icon-v"></i><span></span></a></li>
<li><a href="#" class="icon-button pinterest"><i class="pinterest"></i><span></span></a></li>
</ul>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-bottom">
<div class="container">
<div class="banner-bottom-top animated wow flash" data-wow-duration="1000ms" data-wow-delay="800ms">
<span></span>
</div>
<h2 class="animated wow slideInUp" data-wow-duration="1000ms" data-wow-delay="800ms">make your garden looks like <span>Paradise</span></h2>
<div class="banner-bottom-grids">
<h3 class="animated wow slideInLeft" data-wow-duration="1000ms" data-wow-delay="800ms"><i>agriculture, for an honorable and high-minded man, says
Xenophon, is the best of all occupations and arts by which men procure
the means of living.</i></h3>
<div class="col-md-4 banner-bottom-grid animated wow fadeInLeftBig" data-wow-duration="1000ms" data-wow-delay="500ms">
<div id="box" class="burst-circle teal">
<div class="caption"></div>
<img src="images/1.jpg" class="img-responsive" />
<h4>Farmer</h4>
</div>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur sint occaecat
cupidatat non proident.</p>
</div>
<div class="col-md-4 banner-bottom-grid animated wow fadeInUpBig" data-wow-duration="1000ms" data-wow-delay="500ms">
<div id="box" class="burst-circle teal">
<div class="caption"></div>
<img src="images/2.jpg" class="img-responsive" />
<h4>Farmer</h4>
</div>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur sint occaecat
cupidatat non proident.</p>
</div>
<div class="col-md-4 banner-bottom-grid animated wow fadeInRightBig" data-wow-duration="1000ms" data-wow-delay="500ms">
<div id="box" class="burst-circle teal">
<div class="caption"></div>
<img src="images/3.jpg" class="img-responsive" />
<h4>Farmer</h4>
</div>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur sint occaecat
cupidatat non proident.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner-bottom -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<h3 class="animated wow zoomIn" data-wow-duration="1000ms" data-wow-delay="500ms">About Us</h3>
<p class="dolor dolor1 animated wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="800ms">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
<div class="about-grids">
<div class="col-md-6 about-grid animated wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="800ms">
<figure class="block-1">
<div class="thumbs">
<a href="index.html" class="btn">Farmer</a>
<img src="images/4.jpg" alt=" " class="img-responsive" />
</div>
<figcaption>
<span>reprehenderit in voluptate velit esse</span>
</figcaption>
</figure>
</div>
<div class="col-md-6 about-grid animated wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="800ms">
<h4>vel illum qui dolorem eum fugiat quo voluptas deserunt mollit</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.</p>
<div class="bar-one bar-con">
<div class="bar" data-percent="20"></div>
</div>
<div class="bar-two bar-con">
<div class="bar" data-percent="50"></div>
</div>
农场生产基地HTML5网站模板是一款适合农业种植业相关网站模板下载。_html网站模板_网页源码移动端前端_H5模板_.rar
73 浏览量
2023-08-05
15:25:27
上传
评论
收藏 1.34MB RAR 举报
农场生产基地HTML5网站模板是一款适合农业种植业相关网站模板下载。_html网站模板_网页源码移动端前端_H5模板_.rar （35个子文件） 
农场生产基地HTML5网站模板是一款适合农业种植业相关网站模板下载。 moban1260 js 
bootstrap.js 66KB jquery.swipebox.min.js 7KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB wow.min.js 5KB css style.css 41KB bootstrap.css 138KB swipebox.css 4KB animate.min.css 68KB
index.html 23KB images 
burst.png 26KB
2.jpg 50KB 10.jpg 93KB arrow.png 3KB 6.jpg 66KB banner.jpg 116KB 1.jpg 91KB img-sp.png 31KB 1.png 21KB 12.jpg 81KB 5.jpg 73KB
icons.svg 1KB 8.jpg 56KB 11.jpg 80KB 3.jpg 99KB 7.jpg 114KB 2.png 22KB 9.jpg 61KB 4.jpg 100KB fonts glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
