Файл: web/index.html
Строк: 498
<?php
<!--
Au<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Cultivation a Agriculture Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Cultivation 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='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!---- start-smoth-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},1200);
});
});
</script>
<!---End-smoth-scrolling---->
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!--Animation-->
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
new WOW().init();
</script>
<!---/End-Animation---->
</head>
<body>
<div class="header" id="home">
<div class="container">
<div class="header-top">
<div class="top-menu">
<span class="menu"><img src="images/nav.png" alt=""/> </span>
<ul>
<li><a href="index.html" class="active">home</a></li><label>/</label>
<li><a href="about.html">About</a></li><label>/</label>
<li><a href="services.html">Services</a></li><label>/</label>
<li><a href="products.html">products</a></li><label>/</label>
<li><a href="blog.html">blog</a></li><label>/</label>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- script for menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- //script for menu -->
</div>
<div class="search">
<form>
<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
<input type="submit" value="">
</form>
</div>
<div class="clearfix"></div>
</div>
<div class="logo wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<a href="index.html">cultivation</a>
</div>
<div class="header-bottom">
<div class="header-grids">
<div class="col-md-3 header-grid">
<div class="header-img1 wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<img src="images/icon4.png"" class="img-responsive" alt="/">
<h4>Dolor nunc vule </h4>
<p>Cras consequat iaculis lorem, id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus.</p>
</div>
</div>
<div class="col-md-3 header-grid">
<div class="header-img2 wow fadeInDownBig animated animated" data-wow-delay="0.4s">
<img src="images/icon5.png"" class="img-responsive" alt="/">
<h4>vule Dolor nunc</h4>
<p>Cras consequat iaculis lorem, id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus.</p>
</div>
</div>
<div class="col-md-3 header-grid">
<div class="header-img3 wow fadeInUpBig animated animated" data-wow-delay="0.4s">
<img src="images/icon6.png"" class="img-responsive" alt="/">
<h4>nunc vule put </h4>
<p>Cras consequat iaculis lorem, id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus.</p>
</div>
</div>
<div class="col-md-3 header-grid">
<div class="header-img4 wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<img src="images/icon7.png"" class="img-responsive" alt="/">
<h4>Cras consequat </h4>
<p>Cras consequat iaculis lorem, id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus.</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="about-section">
<div class="container">
<h3>about us</h3>
<div class="about-grids">
<div class="col-md-5 about-img wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<img src="images/img1.jpg" class="img-responsive" alt="/">
</div>
<div class="col-md-7 about-grid wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<p>Cras consequat iaculis lorem, id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus pretium sit amet. Praesent lectus tortor, tincidu nt in consectetur vestibulum, ultrices nec neque. Praesent nec sagittis mauris. Fusce convallis nunc neque. Integer egestas aliquam interdum. Nulla ante diam, interdum nec tempus eu, feugiat vel erat.Cras consequat iaculis lorem, id vehicula erat mattis quis.Cras consequat iaculis lorem, id vehicula erat mattis. Integer egestas aliquam interdum. Nulla ante diam,</p>
<p>lorem,Cras consequat iaculis id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus pretium sit amet. Praesent lectus tortor, tincidu nt in consectetur vestibulum, ultrices nec neque. Praesent nec sagittis mauris. Fusce convallis nunc neque. Integer egestas aliquam interdum. Nulla ante diam, interdum nec tempus eu, feugiat vel erat.Cras consequat iaculis lorem, id vehicula erat mattis quis.Cras consequat iaculis lorem, id vehicula erat mattis.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="service-section">
<div class="container">
<h3>our services</h3>
<div class="service-grids">
<div class="col-md-4 service-grid wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<img src="images/icon1.png" class="img-responsive" alt="/">
<h4>Dolor nunc vule putateulr</h4>
<p>Cras consequat iaculis lorem, id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus.Praesent nec sagittis mauris. Fusce convallis nunc neque.Integer egestas.Vivamus laoreet velit justo</p>
</div>
<div class="col-md-4 service-grid wow fadeInUpBig animated animated" data-wow-delay="0.4s">
<img src="images/icon2.png" class="img-responsive" alt="/">
<h4>Dolor nunc vule putateulr</h4>
<p>Cras consequat iaculis lorem, id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus.Praesent nec sagittis mauris. Fusce convallis nunc neque.Integer egestas.Vivamus laoreet velit justo</p>
</div>
<div class="col-md-4 service-grid wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<img src="images/icon3.png" class="img-responsive" alt="/">
<h4>Dolor nunc vule putateulr</h4>
<p>Cras consequat iaculis lorem, id vehicula erat mattis quis. Vivamus laoreet velit justo, in ven e natis purus.Praesent nec sagittis mauris. Fusce convallis nunc neque.Integer egestas.Vivamus laoreet velit justo</p>
` </div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="work-section wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<div class="container">
<h3>our latest works</h3>
<div class="latest-grids">
<div class="latest-grid1">
<div class="col-md-3 latest-grid work">
<a href="images/img2.jpg" class="swipebox"><img src="images/img2.jpg" class="img-responsive" alt="/">
<div class="textbox">
<img src="images/magnify.png" class="img-responsive" alt="/">
</div>
</div></a>
<div class="col-md-3 latest-grid work">
<a href="images/img3.jpg" class="swipebox"><img src="images/img3.jpg" class="img-responsive" alt="/">
<div class="textbox">
<img src="images/magnify.png" class="img-responsive" alt="/">
</div>
</div></a>
<div class="col-md-3 latest-grid work">
<a href="images/img4.jpg" class="swipebox"><img src="images/img4.jpg" class="img-responsive" alt="/">
<div class="textbox">
<img src="images/magnify.png" class="img-responsive" alt="/">
</div>
</div></a>
<div class="col-md-3 latest-grid work">
<a href="images/img5.jpg" class="swipebox"><img src="images/img5.jpg" class="img-responsive" alt="/">
<div class="textbox">
<img src="images/magnify.png" class="img-responsive" alt="/">
</div>
</div></a>
<div class="clearfix"></div>
</div>
<div class="latest-grid2">
<div class="col-md-3 latest-grid work">
<a href="images/img6.jpg" class="swipebox"><img src="images/img6.jpg" class="img-responsive" alt="/">
<div class="textbox">
<img src="images/magnify.png" class="img-responsive" alt="/">
</div>
</div></a>
<div class="col-md-3 latest-grid work">
<a href="images/img7.jpg" class="swipebox"><img src="images/img7.jpg" class="img-responsive" alt="/">
<div class="textbox">
<img src="images/magnify.png" class="img-responsive" alt="/">
</div>
</div></a>
<div class="col-md-3 latest-grid work">
<a href="images/img8.jpg" class="swipebox"><img src="images/img8.jpg" class="img-responsive" alt="/">
<div class="textbox">
<img src="images/magnify.png" class="img-responsive" alt="/">
</div>
</div></a>
<div class="col-md-3 latest-grid work">
<a href="images/img9.jpg" class="swipebox"><img src="images/img9.jpg" class="img-responsive" alt="/">
<div class="textbox">
<img src="images/magnify.png" class="img-responsive" alt="/">
</div>
</div></a>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="news-section">
<div class="container">
<h3>latest news</h3>
<div class="news-grids">
<div class="col-md-4 news-grid wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<img src="images/img10.jpg" class="img-responsive" alt="/">
<h4><a href="#">Dolor nunc vule putateulr</a></h4>
<p class="date">March 23rd, 2015 <a href="#">5 Comments</a></p>
<p>Praesent vestim molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<a href="#" class="button hvr-shutter-in-vertical">read more</a>
</div>
<div class="col-md-4 news-grid wow fadeInDown Big animated animated" data-wow-delay="0.4s">
<img src="images/img11.jpg" class="img-responsive" alt="/">
<h4><a href="#">Dolor nunc vule putateulr</a></h4>
<p class="date">March 23rd, 2014 <a href="#">5 Comments</a></p>
<p>Praesent vestim molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<a href="#" class="button hvr-shutter-in-vertical">read more</a>
</div>
<div class="col-md-4 news-grid wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<img src="images/img12.jpg" class="img-responsive" alt="/">
<h4><a href="#">Dolor nunc vule putateulr</a></h4>
<p class="date">March 25rd, 2014 <a href="#">5 Comments</a></p>
<p>Praesent vestim molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<a href="#" class="button hvr-shutter-in-vertical">read more</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="categories-section">
<div class="container">
<div class="footer-grids">
<div class="col-md-4 up wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<h3>upcome events</h3>
<div class="up1">
<div class="up-img">
<img src="images/im1.jpg">
</div>
<div class="up-text">
<a href="#">sagittis magna</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="up1">
<div class="up-img">
<img src="images/im2.jpg">
</div>
<div class="up-text">
<a href="#">Integer molest</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="up1">
<div class="up-img">
<img src="images/im3.jpg">
</div>
<div class="up-text">
<a href="#">Fusce suscipit</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-4 cat wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<h3>Categories</h3>
<ul>
<li>Praesent vestim molestie lacus.</li>
<li>Cras consequat iaculis lorem</li>
<li>Consectetur adipiscing iaculis</li>
<li>Lorem ipsum dolor sit</li>
<li>Cum sociis natoque penatibus et magnis </li>
<li>Integer molestie lorem</li>
<li>lorem,Cras consequat iaculis id vehicula</li>
</ul>
</div>
<div class="col-md-4 cont wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<h3>contact</h3>
<ul>
<li><i class="phone"></i></li>
<li><p>1-000-000-0000</p>
<p>1-000-000-0000</p></li>
</ul>
<ul>
<li><i class="smartphone"></i></li>
<li><p>Seventh Avenue</p>
<p> Chelsea, Manhattan</p></li>
</ul>
<ul>
<li><i class="message"></i></li>
<li><a href="mailto:example@mail.com">bcdefg@hijs.dfh</a>
<a href="mailto:example@mail.com">fjashfaf@jkfs.ckd</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="footer-section">
<div class="container">
<div class="footer-top">
<div class="social-icons wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<a href="#"><i class="icon1"></i></a>
<a href="#"><i class="icon2"></i></a>
<a href="#"><i class="icon3"></i></a>
<a href="#"><i class="icon4"></i></a>
</div>
</div>
<div class="footer-middle wow fadeInDown Big animated animated" data-wow-delay="0.4s">
<div class="bottom-menu">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="products.html">products</a></li>
<li><a href="blog.html">blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="footer-bottom wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<p> Copyright ©2015 All rights Reserved | Design by<a href="http://w3layouts.com" target="target_blank">W3Layouts</a></p>
</div>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
</div>
</body>
</html>
?>