<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<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/prettyPhoto.css">
<link rel="stylesheet" type="text/css" href="style.css">
<!-- COLORS -->
<link rel="stylesheet" type="text/css" href="css/custom.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</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><!-- end social -->
</div><!-- end left -->
<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><!-- end left -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end topbar -->
<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><!-- end navbar-header -->
</div><!-- end navbar-cell -->
<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><!-- end navbar-cell -->
</div><!-- /.navbar-collapse -->
</div><!-- end navbar cell -->
</div><!-- end navbar-table -->
</div><!-- end container fluid -->
</nav><!-- end navbar -->
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</header>
<div class="page-title grey">
<div class="container">
<div class="title-area text-center">
<h2>Single Shop</h2>
<div class="bread">
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li class="active">Shop</li>
</ol>
</div><!-- end bread -->
</div><!-- /.pull-right -->
</div>
</div><!-- end page-title -->
<section class="section white">
<div class="container">
<div class="row">
<div id="content" class="col-md-10 col-md-offset-1 col-sm-12 col-xs-12">
<div class="row">
<div class="col-md-5 col-sm-5 col-xs-12">
<div class="product-images">
<a data-rel="prettyPhoto" href="upload/shop_02.jpg" title="">
<img class="img-polaroid" src="upload/shop_02.jpg" alt="" />
</a>
<ul class="thumbnail">
<li> <a data-rel="prettyPhoto[gallery]" href="upload/shop_03.jpg" title=""><img class="img-thumbnail" src="upload/shop_01.jpg" alt="" /></a></li>
<li> <a data-rel="prettyPhoto[gallery]" href="upload/shop_04.jpg" title=""><img class="img-thumbnail" src="upload/shop_03.jpg" alt="" /></a></li>
<li> <a data-rel="prettyPhoto[gallery]" href="upload/shop_01.jpg" title=""><img class="img-thumbnail" src="upload/shop_04.jpg" alt="" /></a></li>
</ul>
</div>
</div><!-- end col -->
<div class="col-md-7 col-sm-7 col-xs-12">
<div class="shop-desc">
<h3>Custom Single Shop Item </h3>
<small>$441.00</small>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<p>Lorem
iam nonummy nibh euismod tincidunt ut laoreet dolore Lorem ipsum dolor
sit amet orem iam nonummy nibh euismod tincidunt ut laoreet dolore Lorem
ipsum dolor sit amet nibh euismod tincidunt ut laoreet dolore Lorem
ipsum dolor sit amet orem iam nonummy nibh euismod tincidunt ut laoreet
dolore Lorem ipsum dolor sit amet..</p>
<a href="#" class="btn btn-primary">Add to Cart</a>
<div class="addwish">
<a href="shop-wishlist.html"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div><!-- end addw -->
<div class="shopmeta">
<span><strong>Category:</strong> <a href="#">Garden Supplies Foods</a></span>
<span><strong>Tags:</strong> <a href="#">Garden</a>, <a href="#">Toths</a></span>
</div><!-- end shopmeta -->
</div><!-- end desc -->
</div><!-- end col -->
</div><!-- end row -->
<hr class="invis">
<div class="row">
<div class="col-md-12">
<div class="service-style-1">
<div class="tabbed-widget">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Descriptions</a></li>
<li><a data-toggle="tab" href="#menu1">Reviews</a></li>
<li><a data-toggle="tab" href="#menu2">Extras</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<p><img src="upload/shop_01.jpg" 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</p>
<br>
<p>labore
et dolore magna aliqua. amet, consectet, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor dipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
<div id="menu1" class="tab-pane fade">
<div id="reviews" class="feedbacks">
<div>
<div class="well">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="upload/student_01.png" alt="Generic placeholder image">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">John DOE</h4>
<div class="time-comment clearfix">
<small class="pull-left">21 Jun 2015</small>
<a class="pull-right btn btn-primary btn-xs">Reply</a>
</div><!-- end time-comment -->
<p>Cras
sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at,
tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
fringilla. Donec lacinia congue felis in faucibus.</p>
</div>
</div><!-- end media -->
<div class="media comment-reply">
<div class="media-left">
<a href="#">
<img class="media-object" src="upload/student_02.png" alt="Generic placeholder image">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Amanda FOXOE</h4>
<div class="time-comment clearfix">
<small class="pull-left">21 Jun 2015</small>
<a class="pull-right btn btn-primary btn-xs">Reply</a>
</div><!-- end time-comment -->
<p>Cras
sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at,
tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
fringilla. Donec lacinia congue felis in faucibus.</p>
</div>
</div><!-- end media -->
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="upload/student_03.png" alt="Generic placeholder image">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Mark BOBS</h4>
<div class="time-comment clearfix">
<small class="pull-left">21 Jun 2015</small>
<a class="pull-right btn btn-primary btn-xs">Reply</a>
</div><!-- end time-comment -->
<p>Cras
sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque
ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at,
tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
fringilla. Donec lacinia congue felis in faucibus.</p>
</div>
</div><!-- end media -->
<div class="widget-title">
<h4>Leave a Comment</h4>
<hr>
</div>
<div class="commentform">
<form>
<input type="text" class="form-control" placeholder="Your name">
<input type="email" class="form-control" placeholder="Your email">
<input type="text" class="form-control" placeholder="Your website">
<textarea type="text" class="form-control" placeholder="Message goes here"></textarea>
<input type="submit" value="Send Comment" class="btn btn-primary btn-block" />
</form>
</div><!-- end newsletter -->
</div><!-- end well -->
</div><!-- end collapse -->
</div><!-- end reviews -->
</div>
<div id="menu2" class="tab-pane fade">
<p><img src="upload/shop_02.jpg" 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</p>
<br>
<p>labore
et dolore magna aliqua. amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum
dolor dipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua</p>
</div>
</div>
</div><!-- end tabbed-widget -->
</div><!-- end service-style-1 -->
</div><!-- end col -->
</div><!-- end row -->
<hr class="invis">
<div class="general-title text-left">
<h4>Related Items</h4>
<p class="lead">Listed below our awesome shop items!</p>
</div><!-- end general title -->
<div class="row module-wrapper shop-layout text-center">
<div class="col-md-4 col-sm-4 shop-item">
<div class="entry">
<img class="img-responsive" src="upload/shop_01.jpg" alt="">
<div class="magnifier">
<div class="buttons">
<a class="st" rel="bookmark" href="shop-checkout.html"><span class="fa fa-shopping-cart"></span></a>
<a class="st" rel="bookmark" href="shop-single.html"><span class="fa fa-link"></span></a>
</div>
</div><!-- end magnifier -->
</div><!-- end entry -->
<h4><a href="shop-single.html">Green Shovel </a></h4>
<small>$21.00</small>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<span>(12)</span>
</div>
</div><!-- end shop_item -->
<div class="col-md-4 col-sm-4 shop-item">
<div class="entry">
<img class="img-responsive" src="upload/shop_02.jpg" alt="">
<div class="magnifier">
<div class="buttons">
<a class="st" rel="bookmark" href="shop-checkout.html"><span class="fa fa-shopping-cart"></span></a>
<a class="st" rel="bookmark" href="shop-single.html"><span class="fa fa-link"></span></a>
</div>
</div><!-- end magnifier -->
</div><!-- end entry -->
<h4><a href="shop-single.html">Water Filling Cans</a></h4>
<small>$21.00</small>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<span>(3)</span>
</div>
</div><!-- end shop_item -->
<div class="col-md-4 col-sm-4 shop-item">
<div class="entry">
<img class="img-responsive" src="upload/shop_03.jpg" alt="">
<div class="magnifier">
<div class="buttons">
<a class="st" rel="bookmark" href="shop-checkout.html"><span class="fa fa-shopping-cart"></span></a>
<a class="st" rel="bookmark" href="shop-single.html"><span class="fa fa-link"></span></a>
</div>
</div><!-- end magnifier -->
</div><!-- end entry -->
<h4><a href="shop-single.html">Custom Yellow Pot</a></h4>
<small>$21.00</small>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<span>(6)</span>
</div>
</div><!-- end shop_item -->
</div><!-- end row -->
</div><!-- end content -->
</div><!-- end row -->
</div><!-- end container -->
</section><!-- end 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><!-- end title -->
<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><!-- end latest-tweet -->
</div><!-- end twitter-widget -->
</div><!-- end widget -->
</div><!-- end col -->
<div class="col-md-3 col-sm-6">
<div class="widget">
<div class="widget-title">
<h4>Twitter Feed</h4>
</div><!-- end widget -->
<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><!-- end latest-tweet -->
</div>
</div><!-- end widget -->
</div><!-- end col -->
<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><!-- end widget -->
</div><!-- end col -->
<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><!-- end widget -->
</div><!-- end col -->
</div><!-- end row -->
</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><!-- end col -->
<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><!-- end row -->
</div><!-- end container -->
</section><!-- end section -->
</div><!-- end wrapper -->
<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.prettyPhoto.js"></script>
<script type="text/javascript">
(function($) {
"use strict";
jQuery('a[data-gal]').each(function() {
jQuery(this).attr('rel', jQuery(this).data('gal')); });
jQuery("a[data-rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'light_square',slideshow:true,overlay_gallery:
true,social_tools:false,deeplinking:false});
})(jQuery);
</script>
</body>
</html>