<!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">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 class="active" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
<div class="page-title grey">
<div class="container">
<div class="title-area text-center">
<h2>Contact Us</h2>
<div class="bread">
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li class="active">Get in touch</li>
</ol>
</div>
</div>
</div>
</div>
<div id="map"></div>
<section class="section white">
<div class="container">
<div class="general-title text-center">
<h4>Contact Details</h4>
<p class="lead">Let's contact now with our custom form</p>
<hr>
</div>
<div class="row">
<div class="col-md-8">
<div class="appoform-wrapper noborder">
<div class="contact_form">
<div id="message"></div>
<form id="contactform" class="row" action="contact.php" name="contactform" method="post">
<fieldset class="row-fluid appoform">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<label class="sr-only">Appointment time</label>
<input id="datepicker" name="datepicker" id="datepicker" type="text" placeholder="Appointment time" class="form-control">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<input type="text" name="name" id="name" class="form-control" placeholder="Name">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<input type="text" name="email" id="email" class="form-control" placeholder="Email">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<input type="text" name="phone" id="phone" class="form-control" placeholder="Phone">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<label class="sr-only">Select Gardener</label>
<select name="gardener" id="gardener" class="selectpicker" data-style="btn-white">
<option value="12">-- Select Gardener --</option>
<option value="Amanda JOE">Amanda JOE</option>
<option value="Mark DOE">Mark DOE</option>
</select>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<label class="sr-only">Select Service</label>
<select name="gardenservice" id="gardenservice" class="selectpicker" data-style="btn-white">
<option value="-- Select Service --">-- Select Service --</option>
<option value="Garden Watering">Garden Watering</option>
<option value="Preparing Landscape">Preparing Landscape</option>
<option value="Garden Fence">Garden Fence</option>
<option value="Garden Supplies">Garden Supplies</option>
</select>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<textarea class="form-control" name="comments" id="comments" rows="6" placeholder="Message Below"></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
<button type="submit" value="SEND" id="submit" class="btn btn-primary btn-block btn-lg"> Send Now</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<div class="col-md-4">
<div class="workinghours">
<ul>
<li>Weekdays <span>9:00am - 7:00pm</span></li>
<li>Weekend <span>9:00am - 7:00pm</span></li>
<li>Phone <span>+90 534 970 00 00</span></li>
<li>Fax <span>+90 534 970 00 01</span></li>
<li>E-Mail <span>support@yoursite.com</span></li>
<li>Website <span>yoursite.com</span></li>
</ul>
</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 WordPress Showcase Pty Ltd. by <a href="http://wordpressshowcase.com" title="WordPress Showcase">WordPress Showcase</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-ui.js"></script>
<script src="js/jquery-ui-timepicker-addon.js"></script>
<script src="js/bootstrap-select.js"></script>
<script type="text/javascript">
(function($) {
"use strict";
$('.selectpicker').selectpicker();
$( "#datepicker" ).datepicker();
})(jQuery);
</script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="js/map.js"></script>
<script src="js/contact.js"></script>
</body>
</html>