<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<title>WS Garden | A Garden Responsive HTML Template</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/carousel.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-select.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
<body>
<div id="loader">
<div class="loader-container">
<img src="images/load.gif" alt="" class="loader-site spinner">
</div>
</div>
<div id="wrapper">
<div class="topbar clearfix">
<div class="container">
<div class="row-fluid">
<div class="col-md-6 text-left">
<div class="social">
<a href="#" data-tooltip="tooltip" data-placement="bottom" title="Facebook"><i class="fa fa-facebook"></i></a>
<a href="#" data-tooltip="tooltip" data-placement="bottom" title="Twitter"><i class="fa fa-twitter"></i></a>
<a href="#" data-tooltip="tooltip" data-placement="bottom" title="Google Plus"><i class="fa fa-google-plus"></i></a>
<a href="#" data-tooltip="tooltip" data-placement="bottom" title="Linkedin"><i class="fa fa-linkedin"></i></a>
<a href="#" data-tooltip="tooltip" data-placement="bottom" title="Youtube"><i class="fa fa-youtube"></i></a>
<a href="#" data-tooltip="tooltip" data-placement="bottom" title="Pinterest"><i class="fa fa-pinterest"></i></a>
</div>
</div>
<div class="col-md-6 text-right">
<p>
<strong><i class="fa fa-phone"></i></strong> +90 543 123 45 67
<strong><i class="fa fa-envelope"></i></strong> <a href="mailto:info@yoursite.com">info@yoursite.com</a>
</p>
</div>
</div>
</div>
</div>
<header class="header">
<div class="container">
<div class="row mb-5">
<div class="col-md-12">
<nav class="navbar yamm navbar-default">
<div class="container-full">
<div class="navbar-table">
<div class="navbar-cell">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="Ova"></a>
<div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
<span class="sr-only">Toggle navigation</span>
<span class="fa fa-bars"></span>
</button>
</div>
</div>
</div>
<div class="navbar-cell stretch">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
<div class="navbar-cell">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown yamm-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home <b class="fa fa-angle-down"></b></a>
<ul class="dropdown-menu">
<li>
<div class="yamm-content clearfix">
<div class="row-fluid">
<div class="col-md-3 col-sm-6">
<p>Homepages</p>
<ul>
<li><a href="index.html">Default Version</a></li>
<li><a href="index-boxed.html">Boxed Version</a></li>
<li><a href="index-alt.html">Home Alternative</a></li>
<li><a href="index-blog.html">Home Blogging</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<p>Blog Styles</p>
<ul>
<li><a href="blog.html">Blog Right Sidebar</a></li>
<li><a href="blog-1.html">Blog Left Sidebar</a></li>
<li><a href="blog-2.html">Blog Fullwidth</a></li>
<li><a href="blog-3.html">Blog List Style</a></li>
<li><a href="blog-single-1.html">Blog Single</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<p>Gallery Styles</p>
<ul>
<li><a href="gallery-1.html">Gallery Version One</a></li>
<li><a href="gallery-2.html">Gallery Version Two</a></li>
<li><a href="gallery-3.html">Gallery Version Three</a></li>
<li><a href="gallery-4.html">Gallery Version Four</a></li>
<li><a href="gallery-5.html">Gallery Version Masonry</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<p>Subscribe Now</p>
<div class="well">
<form method="post">
<input class="form-control" name="name" placeholder="Full Name" type="text">
<input class="form-control" name="username" placeholder="Your Email" type="email">
<button class="btn btn-primary" type="submit">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown has-submenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Pages <span class="fa fa-angle-down"></span></a>
<ul class="dropdown-menu start-left" role="menu">
<li><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="fa fa-angle-right"></span></a>
<ul class="dropdown-menu show-left" role="menu">
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
<li><a href="#">Sub Menu 4</a></li>
</ul>
</li>
<li><a href="team.html">Team Members</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="404.html">Not Found (404)</a></li>
<li><a href="page-sidebar.html">Page Sidebar</a></li>
<li><a href="page-fullwidth.html">Page Fullwidth</a></li>
</ul>
</li>
<li class="dropdown has-submenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Shop <span class="fa fa-angle-down"></span></a>
<ul class="dropdown-menu start-left" role="menu">
<li><a href="shop.html">Shop Sidebar</a></li>
<li><a href="shop-1.html">Shop Fullwidth</a></li>
<li><a href="shop-single.html">Shop Single Fullwidth</a></li>
<li><a href="shop-single-1.html">Shop Single Sidebar</a></li>
<li><a href="shop-checkout.html">Shop Checkout</a></li>
<li><a href="shop-cart.html">Shopping Cart</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
<section class="section darkbg fullscreen paralbackground parallax" style="background-image:url('upload/slider_01.jpg');" data-img-width="1793" data-img-height="768" data-diff="100">
<div class="overlay lightoverlay"></div>
<div class="container">
<div class="title-area text-center">
<h2>Horticulture Services</h2>
<div class="bread">
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li class="active">Services</li>
</ol>
</div>
</div>
</div>
</section>
<section class="section grey">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="tabbed-widget">
<ul class="nav nav-tabs row nopadding">
<li class="active col-md-3 col-sm-6 col-xs-12 nopadding"><a data-toggle="tab" href="#home">garden fence</a></li>
<li class="col-md-3 col-sm-6 col-xs-12 nopadding"><a data-toggle="tab" href="#menu1">garden watering</a></li>
<li class="col-md-3 col-sm-6 col-xs-12 nopadding"><a data-toggle="tab" href="#menu2">preparing landscape</a></li>
<li class="col-md-3 col-sm-6 col-xs-12 nopadding"><a data-toggle="tab" href="#menu3">garden supplies</a></li>
</ul>
<div class="tab-content row">
<div id="home" class="tab-pane fade in active">
<div class="row">
<div id="videoyoutube" class="col-md-5">
<iframe width="370" height="208" src="https://www.youtube.com/embed/eKFTSSKCzWA" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-7">
<p>Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit
amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua</p>
</div>
</div>
</div>
<div id="menu1" class="tab-pane fade">
<p><img src="images/icons/icon_02.png" class="alignleft" alt="">Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit
amet, consectetur Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliquaadipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum
dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua</p>
</div>
<div id="menu2" class="tab-pane fade">
<p><img src="images/icons/icon_03.png" class="alignright" alt="">Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit
amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut laborLorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliquae et dolore magna aliqua.Lorem ipsum dolor sit
amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua</p>
</div>
<div id="menu3" class="tab-pane fade">
<p><img src="images/icons/icon_04.png" class="alignleft" alt="">Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit
amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit
amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section white">
<div class="container">
<div class="row module-wrapper text-center">
<div class="col-md-3 col-sm-3 why-us">
<img src="images/icons/icon_01.png" alt="" class="wow fadeIn">
<strong>garden watering systems</strong>
<p>Lorem ipsum dolor sit amet, consectetur elit. Curabitur euismod enim a metus adipiscing aliquam. </p>
</div>
<div class="col-md-3 col-sm-3 why-us">
<img src="images/icons/icon_02.png" alt="" class="wow fadeIn">
<strong>preparing landscape</strong>
<p>Lorem ipsum dolor sit amet, consectetur elit. Curabitur euismod enim a metus adipiscing aliquam. </p>
</div>
<div class="col-md-3 col-sm-3 why-us">
<img src="images/icons/icon_03.png" alt="" class="wow fadeIn">
<strong>garden fence</strong>
<p>Lorem ipsum dolor sit amet, consectetur elit. Curabitur euismod enim a metus adipiscing aliquam. </p>
</div>
<div class="col-md-3 col-sm-3 why-us">
<img src="images/icons/icon_04.png" alt="" class="wow fadeIn">
<strong>garden supplies</strong>
<p>Lorem ipsum dolor sit amet, consectetur elit. Curabitur euismod enim a metus adipiscing aliquam. </p>
</div>
</div>
</div>
</section>
<section class="section grey">
<div class="container">
<div id="owl-sticky" class="row sticky-row">
<div class="sticky-col">
<div class="imageWrapper">
<img src="upload/stick_02.jpg" alt="" class="img-responsive">
</div>
<div class="big-meta">
<h3><a href="services.html">Pool Supplies</a></h3>
</div>
</div>
<div class="sticky-col">
<div class="imageWrapper">
<img src="upload/stick_05.jpg" alt="" class="img-responsive">
</div>
<div class="big-meta">
<h3><a href="services.html">Tree Planting</a></h3>
</div>
</div>
<div class="sticky-col">
<div class="imageWrapper">
<img src="upload/stick_04.jpg" alt="" class="img-responsive">
</div>
<div class="big-meta">
<h3><a href="services.html">Garden Supplies</a></h3>
</div>
</div>
</div>
</div>
</section>
<section class="section white">
<div class="container">
<div class="row service-style-2 text-center">
<div class="col-md-4 col-sm-6">
<div class="services-1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
<img src="images/icons/mini_icon_01.png" alt="">
<h4>tree planting</h4>
<p>Odec adesterc timeam toruatos, eam debitis sententiae examles.Cure sed homerous alienum.Cu sed homero alienum lobortis</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="services-1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
<img src="images/icons/mini_icon_02.png" alt="">
<h4>Beekeeping</h4>
<p>Odec adesterc timeam toruatos, eam debitis sententiae examles.Cure sed homerous alienum.Cu sed homero alienum lobortis</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="services-1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
<img src="images/icons/mini_icon_03.png" alt="">
<h4>irrigation</h4>
<p>Odec adesterc timeam toruatos, eam debitis sententiae examles.Cure sed homerous alienum.Cu sed homero alienum lobortis</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="row module-wrapper">
<div class="col-md-3 col-sm-6">
<div class="widget">
<div class="widget-title">
<h4>Recent posts</h4>
</div>
<div class="recent-post-widget">
<ul class="recent-posts">
<li>
<p><a href="blog-single-1.html" title=""><img src="upload/blog_01.jpg" alt="" class="alignleft">How to find best dog food?</a></p>
<span>12 May 2014</span>
</li>
<li>
<p><a href="blog-single-1.html" title=""><img src="upload/blog_02.jpg" alt="" class="alignleft">What About Your Dog Toths?</a></p>
<span>06 May 2014</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="widget">
<div class="widget-title">
<h4>Twitter Feed</h4>
</div>
<div class="twitter-widget">
<ul class="latest-tweets">
<li>
<p><a href="#" title="">@Mark</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam.</p>
<span>2 hours ago</span>
</li>
<li>
<p><a href="#" title="">@Envato</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam.</p>
<span>2 hours ago</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="widget">
<div class="widget-title">
<h4>Contact Details</h4>
</div>
<ul class="site-links">
<li><i class="fa fa-link"></i> www.yoursite.com</li>
<li><i class="fa fa-envelope"></i> info@yoursite.com</li>
<li><i class="fa fa-phone"></i> +90 123 45 67</li>
<li><i class="fa fa-fax"></i> +90 123 45 68</li>
<li><i class="fa fa-home"></i> Envato INC 22 Elizabeth Str 8777.</li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="widget">
<div class="widget-title">
<h4>Useful Links</h4>
</div>
<ul class="site-links">
<li><a href="index.html">Default Version</a></li>
<li><a href="index-boxed.html">Boxed Version</a></li>
<li><a href="team.html">Our Team Members</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Our Services</a></li>
<li><a href="contact.html">Get In Touch</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<section class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6 text-left">
<p>© 2015 Show WP Pty Ltd. by <a href="http://showwp.com" title="Show WP">Show WP</a></p>
</div>
<div class="col-md-6 text-right">
<ul class="list-inline">
<li><a href="#">Terms of Usage</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/retina.js"></script>
<script src="js/parallax.js"></script>
<script src="js/wow.js"></script>
<script src="js/carousel.js"></script>
<script src="js/custom.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script>
$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
$("#videoyoutube").fitVids();
});
</script>
</body>
</html>