<!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="Fertile 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>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<!--fonts-->
<link href='#css?family=Squada+One' rel='stylesheet' type='text/css'>
<link href='#css?family=Raleway:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
$(function() {
$('#example1 a').Chocolat();
});
</script>
</head>
<body>
<!--header-->
<div class="header">
<div class="header-top">
<div class="container">
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html"><span data-hover="HOME">Home</span></a><label> </label></li>
<li><a href="about.html"> <span data-hover="ABOUT">About</span></a><label> </label></li>
<li><a href="services.html"><span data-hover="SERVICES">SERVICES</span></a><label> </label></li>
<li><a href="typography.html"><span data-hover="PORTFOLIO">Portfolio</span></a><label> </label></li>
<li><a href="contact.html"><span data-hover="CONTACTS">CONTACTS</span></a><label> </label></li>
<li><a href="blog.html"><span data-hover="BLOG">BLOG</span></a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
<div class="clearfix"> </div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="logo">
<h1><a href="index.html">Fertile</a></h1>
</div>
</div>
</div>
</div>
<!--banner-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/banner.jpg" alt="">
<div class="banner">
<h2>Organic Products Grown with Love</h2>
</div>
</li>
<li>
<img src="images/banner1.jpg" alt="">
<div class="banner">
<h2>But I must explain to you how all this mistake</h2>
</div>
</li>
<li>
<img src="images/banner.jpg" alt="">
<div class="banner">
<h2>On the other hand, we denounce with righteous</h2>
</div>
</li>
</ul>
</div>
</div>
<!---->
<!--content-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col_1">
<div class="box_1 row">
<div class="container">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="style_1">
<div class="style_1-image">
<span class="glyphicon glyphicon-leaf leaf" aria-hidden="true"></span>
</div>
<h3>Ametconsectetuer</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
<a href="#"><span class="glyphicon glyphicon-arrow-right arrow" aria-hidden="true"></span></a>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="style_1">
<div class="style_1-image">
<span class="glyphicon glyphicon-heart-empty leaf" aria-hidden="true"></span>
</div>
<h3>Ametconsectetuer</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
<a href="#"><span class="glyphicon glyphicon-arrow-right arrow" aria-hidden="true"></span></a>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="style_1">
<div class="style_1-image">
<span class="glyphicon glyphicon-thumbs-up leaf" aria-hidden="true"></span>
</div>
<h3>Ametconsectetuer</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
<a href="#"><span class="glyphicon glyphicon-arrow-right arrow" aria-hidden="true"></span></a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="content">
<div class="content-bottom-grid">
<div class="container">
<div class="content-bottom">
<h3>For all your Agriculture nedds</h3>
<span><i>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</i></span>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore </p>
</div>
<div class="content-grid-in">
<div class="col-md-4 in-top-content">
<div class="in-content">
<h4>Product</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod </p>
<a href="#"><span class="glyphicon glyphicon-arrow-right arrow" aria-hidden="true"></span></a>
</div>
<div class="in-content-in">
<a href="single.html"><img class="img-responsive" src="images/pic.jpg" alt="" /></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 in-top-content">
<div class="in-content">
<h4>Product</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod </p>
<a href="#"><span class="glyphicon glyphicon-arrow-right arrow" aria-hidden="true"></span></a>
</div>
<div class="in-content-in">
<a href="single.html"><img class="img-responsive" src="images/pic1.jpg" alt="" /></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 in-top-content">
<div class="in-content">
<h4>Product</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod </p>
<a href="#"><span class="glyphicon glyphicon-arrow-right arrow" aria-hidden="true"></span></a>
</div>
<div class="in-content-in">
<a href="single.html"><img class="img-responsive"
蔬菜私房菜馆网站模板是一款适合美食行业网站HTML5企业网站模板下载。.rar （56个子文件） 
蔬菜私房菜馆网站模板是一款适合美食行业网站HTML5企业网站模板下载。 moban675 js 
jquery.wmuSlider.js 12KB responsiveslides.min.js 3KB jquery.chocolat.js 10KB uisearch.js 6KB classie.js 2KB modernizr.custom.js 9KB owl.carousel.js 37KB jquery.min.js 94KB
typography.html 9KB css style.css 30KB owl.carousel.css 3KB bootstrap.css 118KB chocolat.css 2KB services.html 8KB index.html 14KB contact.html 5KB about.html 9KB single.html 8KB images 
pic.jpg 16KB a2.jpg 8KB
arrow.png 4KB pc3.jpg 7KB menu.png 3KB banner.jpg 111KB a1.jpg 8KB line.png 3KB blockquote.png 1KB pic2.jpg 6KB a3.jpg 8KB pc2.jpg 12KB be.jpg 16KB left.png 4KB search.png 3KB pic1.jpg 14KB be1.jpg 9KB banner1.jpg 131KB img-sprite.png 23KB close.png 4KB ar.png 3KB right.png 4KB box_bottom.png 9KB a4.jpg 7KB pc1.jpg 10KB pc.jpg 23KB blog.html 7KB fonts FontAwesome.otf 92KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 59KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 70KB fontawesome-webfont.woff2 55KB fontawesome-webfont.svg 306KB fontawesome-webfont.ttf 119KB资源评论
