MIF_E31211730/resources/views/landing/pages/landing.blade.php

4003 lines
270 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@extends('landing.layouts.main')
@section('content')
<section class="home-slider position-relative mb-30">
<div class="container">
<div class="home-slide-cover mt-30">
<div class="hero-slider-1 style-4 dot-style-1 dot-style-1-position-1">
<div class="single-hero-slider single-animation-wrap" style="background-image: url('https://images.unsplash.com/photo-1479142506502-19b3a3b7ff33?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D ')">
<div class="slider-content">
<h1 style="
color: white;
" class="display-2 mb-40">
Membaca adalah petualangan <br />
yang tak terlupakan.
</h1>
<p style="
color: white;
" class="mb-65">J.K. Rowling</p>
</div>
</div>
<div class="single-hero-slider single-animation-wrap" style="background-image: url('https://images.unsplash.com/photo-1479142506502-19b3a3b7ff33?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D')">
<div class="slider-content">
<h1 style="
color: white;
" class="display-2 mb-40">
Buku adalah sahabat <br />
terbaik manusia.
{{-- Big discount --}}
</h1>
<p style="
color: white;
" class="mb-65">Ralph Waldo Emerson</p>
{{-- <form class="form-subcriber d-flex">
<input type="email" placeholder="Your emaill address" />
<button class="btn" type="submit">Subscribe</button>
</form> --}}
</div>
</div>
</div>
<div class="slider-arrow hero-slider-1-arrow"></div>
</div>
</div>
</section>
<!--End hero slider-->
{{-- <section class="popular-categories section-padding">
<div class="container wow animate__animated animate__fadeIn">
<div class="section-title">
<div class="title">
<h3>Featured Categories</h3>
<ul class="list-inline nav nav-tabs links">
<li class="list-inline-item nav-item"><a class='nav-link' href='shop-grid-right.html'>Cake & Milk</a></li>
<li class="list-inline-item nav-item"><a class='nav-link' href='shop-grid-right.html'>Coffes & Teas</a></li>
<li class="list-inline-item nav-item"><a class='nav-link active' href='shop-grid-right.html'>Pet Foods</a></li>
<li class="list-inline-item nav-item"><a class='nav-link' href='shop-grid-right.html'>Vegetables</a></li>
</ul>
</div>
<div class="slider-arrow slider-arrow-2 flex-right carausel-10-columns-arrow" id="carausel-10-columns-arrows"></div>
</div>
<div class="carausel-10-columns-cover position-relative">
<div class="carausel-10-columns" id="carausel-10-columns">
<div class="card-2 bg-9 wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-13.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Cake & Milk</a></h6>
<span>26 items</span>
</div>
<div class="card-2 bg-10 wow animate__animated animate__fadeInUp" data-wow-delay=".2s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-12.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Oganic Kiwi</a></h6>
<span>28 items</span>
</div>
<div class="card-2 bg-11 wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-11.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Peach</a></h6>
<span>14 items</span>
</div>
<div class="card-2 bg-12 wow animate__animated animate__fadeInUp" data-wow-delay=".4s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-9.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Red Apple</a></h6>
<span>54 items</span>
</div>
<div class="card-2 bg-13 wow animate__animated animate__fadeInUp" data-wow-delay=".5s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-3.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Snack</a></h6>
<span>56 items</span>
</div>
<div class="card-2 bg-14 wow animate__animated animate__fadeInUp" data-wow-delay=".6s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-1.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Vegetables</a></h6>
<span>72 items</span>
</div>
<div class="card-2 bg-15 wow animate__animated animate__fadeInUp" data-wow-delay=".7s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-2.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Strawberry</a></h6>
<span>36 items</span>
</div>
<div class="card-2 bg-12 wow animate__animated animate__fadeInUp" data-wow-delay=".8s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-4.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Black plum</a></h6>
<span>123 items</span>
</div>
<div class="card-2 bg-10 wow animate__animated animate__fadeInUp" data-wow-delay=".9s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-5.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Custard apple</a></h6>
<span>34 items</span>
</div>
<div class="card-2 bg-12 wow animate__animated animate__fadeInUp" data-wow-delay="1s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-14.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Coffe & Tea</a></h6>
<span>89 items</span>
</div>
<div class="card-2 bg-11 wow animate__animated animate__fadeInUp" data-wow-delay="0s">
<figure class="img-hover-scale overflow-hidden">
<a href='shop-grid-right.html'><img src="assets/imgs/shop/cat-15.png" alt="" /></a>
</figure>
<h6><a href='shop-grid-right.html'>Headphone</a></h6>
<span>87 items</span>
</div>
</div>
</div>
</div>
</section> --}}
<!--End category slider-->
{{-- <section class="banners mb-25">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="banner-img wow animate__animated animate__fadeInUp" data-wow-delay="0">
<img src="assets/imgs/banner/banner-1.png" alt="" />
<div class="banner-text">
<h4>
Everyday Fresh & <br />Clean with Our<br />
Products
</h4>
<a class='btn btn-xs' href='shop-grid-right.html'>Shop Now <i class="fi-rs-arrow-small-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="banner-img wow animate__animated animate__fadeInUp" data-wow-delay=".2s">
<img src="assets/imgs/banner/banner-2.png" alt="" />
<div class="banner-text">
<h4>
Make your Breakfast<br />
Healthy and Easy
</h4>
<a class='btn btn-xs' href='shop-grid-right.html'>Shop Now <i class="fi-rs-arrow-small-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 d-md-none d-lg-flex">
<div class="banner-img mb-sm-0 wow animate__animated animate__fadeInUp" data-wow-delay=".4s">
<img src="assets/imgs/banner/banner-3.png" alt="" />
<div class="banner-text">
<h4>The best Organic <br />Products Online</h4>
<a class='btn btn-xs' href='shop-grid-right.html'>Shop Now <i class="fi-rs-arrow-small-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section> --}}
<!--End banners-->
<section class="product-tabs section-padding position-relative">
<div class="container">
<div class="section-title style-2 wow animate__animated animate__fadeIn">
<h3>Products</h3>
{{-- <ul class="nav nav-tabs links" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="nav-tab-one" data-bs-toggle="tab" data-bs-target="#tab-one" type="button" role="tab" aria-controls="tab-one" aria-selected="true">All</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="nav-tab-two" data-bs-toggle="tab" data-bs-target="#tab-two" type="button" role="tab" aria-controls="tab-two" aria-selected="false">Milks & Dairies</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="nav-tab-three" data-bs-toggle="tab" data-bs-target="#tab-three" type="button" role="tab" aria-controls="tab-three" aria-selected="false">Coffes & Teas</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="nav-tab-four" data-bs-toggle="tab" data-bs-target="#tab-four" type="button" role="tab" aria-controls="tab-four" aria-selected="false">Pet Foods</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="nav-tab-five" data-bs-toggle="tab" data-bs-target="#tab-five" type="button" role="tab" aria-controls="tab-five" aria-selected="false">Meats</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="nav-tab-six" data-bs-toggle="tab" data-bs-target="#tab-six" type="button" role="tab" aria-controls="tab-six" aria-selected="false">Vegetables</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="nav-tab-seven" data-bs-toggle="tab" data-bs-target="#tab-seven" type="button" role="tab" aria-controls="tab-seven" aria-selected="false">Fruits</button>
</li>
</ul> --}}
</div>
<!--End nav-tabs-->
<div class="tab-content" id="myTabContent">
<div id="test" class="tab-pane fade show active" id="tab-one" role="tabpanel" aria-labelledby="tab-one">
<div class="row product-grid-4">
@include('landing.data.landing')
</div>
<!--End product-grid-4-->
</div>
<div>
@if($jumlah_data > 10) <div class="ajax-load text-center mb-3">
<button id="loadmore" class="btn btn-sm btn-success">More</button>
</div>
@else
<div class="ajax-load text-center mb-3">
<button id="loadmore" class="btn btn-sm btn-success" style="display: none;">More</button>
</div>
@endif
</div>
<!--En tab one-->
<div class="tab-pane fade" id="tab-two" role="tabpanel" aria-labelledby="tab-two">
<div class="row product-grid-4">
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-10-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-10-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown, & Red Rice</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$28.85</span>
<span class="old-price">$32.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-12-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-12-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>All Natural Italian-Style Chicken Meatballs</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<span class="font-small ml-5 text-muted"> (3.5)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Stouffer</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$52.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-13-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-13-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Angies Boomchickapop Sweet & Salty Kettle Corn</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 85%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>StarKist</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$48.85</span>
<span class="old-price">$52.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-14-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-14-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Vegetables</a>
</div>
<h2><a href='shop-product-right.html'>Foster Farms Takeout Crispy Classic Buffalo Wings</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$17.85</span>
<span class="old-price">$19.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-15-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-15-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">-14%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Pet Foods</a>
</div>
<h2><a href='shop-product-right.html'>Blue Diamond Almonds Lightly Salted Vegetables</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-16-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-16-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Chobani Complete Vanilla Greek Yogurt</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$54.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-7-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-7-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Meats</a>
</div>
<h2><a href='shop-product-right.html'>Canada Dry Ginger Ale 2 L Bottle - 200ml - 400g</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-8-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-8-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Encore Seafoods Stuffed Alaskan Salmon</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$35.85</span>
<span class="old-price">$37.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Coffes</a>
</div>
<h2><a href='shop-product-right.html'>Gortons Beer Battered Fish Fillets with soft paper</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Old El Paso</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6 d-none d-xl-block">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-10-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-10-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Cream</a>
</div>
<h2><a href='shop-product-right.html'>Haagen-Dazs Caramel Cone Ice Cream Ketchup</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 50%"></div>
</div>
<span class="font-small ml-5 text-muted"> (2.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Tyson</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$22.85</span>
<span class="old-price">$24.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
</div>
<!--End product-grid-4-->
</div>
<!--En tab two-->
<div class="tab-pane fade" id="tab-three" role="tabpanel" aria-labelledby="tab-three">
<div class="row product-grid-4">
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown, & Red Rice</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$28.85</span>
<span class="old-price">$32.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-8-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-8-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>All Natural Italian-Style Chicken Meatballs</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<span class="font-small ml-5 text-muted"> (3.5)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Stouffer</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$52.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-7-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-7-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Angies Boomchickapop Sweet & Salty Kettle Corn</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 85%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>StarKist</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$48.85</span>
<span class="old-price">$52.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-6-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-6-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Vegetables</a>
</div>
<h2><a href='shop-product-right.html'>Foster Farms Takeout Crispy Classic Buffalo Wings</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$17.85</span>
<span class="old-price">$19.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-5-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-5-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">-14%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Pet Foods</a>
</div>
<h2><a href='shop-product-right.html'>Blue Diamond Almonds Lightly Salted Vegetables</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-4-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-4-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Chobani Complete Vanilla Greek Yogurt</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$54.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-3-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-3-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Meats</a>
</div>
<h2><a href='shop-product-right.html'>Canada Dry Ginger Ale 2 L Bottle - 200ml - 400g</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-2-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-2-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Encore Seafoods Stuffed Alaskan Salmon</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$35.85</span>
<span class="old-price">$37.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Coffes</a>
</div>
<h2><a href='shop-product-right.html'>Gortons Beer Battered Fish Fillets with soft paper</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Old El Paso</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6 d-none d-xl-block">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-1-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-1-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Cream</a>
</div>
<h2><a href='shop-product-right.html'>Haagen-Dazs Caramel Cone Ice Cream Ketchup</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 50%"></div>
</div>
<span class="font-small ml-5 text-muted"> (2.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Tyson</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$22.85</span>
<span class="old-price">$24.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
</div>
<!--End product-grid-4-->
</div>
<!--En tab three-->
<div class="tab-pane fade" id="tab-four" role="tabpanel" aria-labelledby="tab-four">
<div class="row product-grid-4">
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-6-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-6-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown, & Red Rice</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$28.85</span>
<span class="old-price">$32.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-7-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-7-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>All Natural Italian-Style Chicken Meatballs</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<span class="font-small ml-5 text-muted"> (3.5)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Stouffer</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$52.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-8-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-8-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Angies Boomchickapop Sweet & Salty Kettle Corn</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 85%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>StarKist</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$48.85</span>
<span class="old-price">$52.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Vegetables</a>
</div>
<h2><a href='shop-product-right.html'>Foster Farms Takeout Crispy Classic Buffalo Wings</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$17.85</span>
<span class="old-price">$19.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-4-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-4-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">-14%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Pet Foods</a>
</div>
<h2><a href='shop-product-right.html'>Blue Diamond Almonds Lightly Salted Vegetables</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-3-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-3-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Chobani Complete Vanilla Greek Yogurt</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$54.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-2-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-2-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Meats</a>
</div>
<h2><a href='shop-product-right.html'>Canada Dry Ginger Ale 2 L Bottle - 200ml - 400g</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-1-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-1-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Encore Seafoods Stuffed Alaskan Salmon</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$35.85</span>
<span class="old-price">$37.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-11-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-11-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Coffes</a>
</div>
<h2><a href='shop-product-right.html'>Gortons Beer Battered Fish Fillets with soft paper</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Old El Paso</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6 d-none d-xl-block">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-12-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-12-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Cream</a>
</div>
<h2><a href='shop-product-right.html'>Haagen-Dazs Caramel Cone Ice Cream Ketchup</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 50%"></div>
</div>
<span class="font-small ml-5 text-muted"> (2.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Tyson</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$22.85</span>
<span class="old-price">$24.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
</div>
<!--End product-grid-4-->
</div>
<!--En tab four-->
<div class="tab-pane fade" id="tab-five" role="tabpanel" aria-labelledby="tab-five">
<div class="row product-grid-4">
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-12-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-12-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown, & Red Rice</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$28.85</span>
<span class="old-price">$32.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-13-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-13-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>All Natural Italian-Style Chicken Meatballs</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<span class="font-small ml-5 text-muted"> (3.5)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Stouffer</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$52.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-14-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-14-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Angies Boomchickapop Sweet & Salty Kettle Corn</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 85%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>StarKist</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$48.85</span>
<span class="old-price">$52.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-15-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-15-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Vegetables</a>
</div>
<h2><a href='shop-product-right.html'>Foster Farms Takeout Crispy Classic Buffalo Wings</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$17.85</span>
<span class="old-price">$19.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-16-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-16-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">-14%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Pet Foods</a>
</div>
<h2><a href='shop-product-right.html'>Blue Diamond Almonds Lightly Salted Vegetables</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-5-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-5-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Chobani Complete Vanilla Greek Yogurt</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$54.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-7-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-7-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Meats</a>
</div>
<h2><a href='shop-product-right.html'>Canada Dry Ginger Ale 2 L Bottle - 200ml - 400g</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-8-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-8-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Encore Seafoods Stuffed Alaskan Salmon</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$35.85</span>
<span class="old-price">$37.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Coffes</a>
</div>
<h2><a href='shop-product-right.html'>Gortons Beer Battered Fish Fillets with soft paper</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Old El Paso</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6 d-none d-xl-block">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-10-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-10-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Cream</a>
</div>
<h2><a href='shop-product-right.html'>Haagen-Dazs Caramel Cone Ice Cream Ketchup</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 50%"></div>
</div>
<span class="font-small ml-5 text-muted"> (2.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Tyson</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$22.85</span>
<span class="old-price">$24.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
</div>
<!--End product-grid-4-->
</div>
<!--En tab five-->
<div class="tab-pane fade" id="tab-six" role="tabpanel" aria-labelledby="tab-six">
<div class="row product-grid-4">
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-4-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-4-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown, & Red Rice</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$28.85</span>
<span class="old-price">$32.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-6-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-6-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>All Natural Italian-Style Chicken Meatballs</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<span class="font-small ml-5 text-muted"> (3.5)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Stouffer</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$52.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-8-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-8-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Angies Boomchickapop Sweet & Salty Kettle Corn</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 85%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>StarKist</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$48.85</span>
<span class="old-price">$52.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Vegetables</a>
</div>
<h2><a href='shop-product-right.html'>Foster Farms Takeout Crispy Classic Buffalo Wings</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$17.85</span>
<span class="old-price">$19.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-5-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-5-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">-14%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Pet Foods</a>
</div>
<h2><a href='shop-product-right.html'>Blue Diamond Almonds Lightly Salted Vegetables</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-6-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-6-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Chobani Complete Vanilla Greek Yogurt</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$54.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-7-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-7-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Meats</a>
</div>
<h2><a href='shop-product-right.html'>Canada Dry Ginger Ale 2 L Bottle - 200ml - 400g</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-8-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-8-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Encore Seafoods Stuffed Alaskan Salmon</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$35.85</span>
<span class="old-price">$37.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Coffes</a>
</div>
<h2><a href='shop-product-right.html'>Gortons Beer Battered Fish Fillets with soft paper</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Old El Paso</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6 d-none d-xl-block">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-10-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-10-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Cream</a>
</div>
<h2><a href='shop-product-right.html'>Haagen-Dazs Caramel Cone Ice Cream Ketchup</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 50%"></div>
</div>
<span class="font-small ml-5 text-muted"> (2.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Tyson</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$22.85</span>
<span class="old-price">$24.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
</div>
<!--End product-grid-4-->
</div>
<!--En tab six-->
<div class="tab-pane fade" id="tab-seven" role="tabpanel" aria-labelledby="tab-seven">
<div class="row product-grid-4">
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-5-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-5-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown, & Red Rice</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$28.85</span>
<span class="old-price">$32.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-3-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-3-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>All Natural Italian-Style Chicken Meatballs</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<span class="font-small ml-5 text-muted"> (3.5)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Stouffer</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$52.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-7-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-7-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">New</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Angies Boomchickapop Sweet & Salty Kettle Corn</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 85%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>StarKist</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$48.85</span>
<span class="old-price">$52.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Vegetables</a>
</div>
<h2><a href='shop-product-right.html'>Foster Farms Takeout Crispy Classic Buffalo Wings</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$17.85</span>
<span class="old-price">$19.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap mb-30">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-10-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-10-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">-14%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Pet Foods</a>
</div>
<h2><a href='shop-product-right.html'>Blue Diamond Almonds Lightly Salted Vegetables</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-16-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-16-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Chobani Complete Vanilla Greek Yogurt</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$54.85</span>
<span class="old-price">$55.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-7-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-7-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Meats</a>
</div>
<h2><a href='shop-product-right.html'>Canada Dry Ginger Ale 2 L Bottle - 200ml - 400g</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-8-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-8-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Snack</a>
</div>
<h2><a href='shop-product-right.html'>Encore Seafoods Stuffed Alaskan Salmon</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$35.85</span>
<span class="old-price">$37.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Hot</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Coffes</a>
</div>
<h2><a href='shop-product-right.html'>Gortons Beer Battered Fish Fillets with soft paper</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Old El Paso</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$23.85</span>
<span class="old-price">$25.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
<div class="col-lg-1-5 col-md-4 col-12 col-sm-6 d-none d-xl-block">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-10-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-10-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label='Add To Wishlist' class='action-btn' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
<a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Cream</a>
</div>
<h2><a href='shop-product-right.html'>Haagen-Dazs Caramel Cone Ice Cream Ketchup</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 50%"></div>
</div>
<span class="font-small ml-5 text-muted"> (2.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Tyson</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$22.85</span>
<span class="old-price">$24.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
<!--end product card-->
</div>
<!--End product-grid-4-->
</div>
<!--En tab seven-->
</div>
<!--End tab-content-->
</div>
</section>
<!--Products Tabs-->
{{-- <section class="section-padding pb-5">
<div class="container">
<div class="section-title wow animate__animated animate__fadeIn">
<h3 class="">Daily Best Sells</h3>
<ul class="nav nav-tabs links" id="myTab-2" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="nav-tab-one-1" data-bs-toggle="tab" data-bs-target="#tab-one-1" type="button" role="tab" aria-controls="tab-one" aria-selected="true">Featured</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="nav-tab-two-1" data-bs-toggle="tab" data-bs-target="#tab-two-1" type="button" role="tab" aria-controls="tab-two" aria-selected="false">Popular</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="nav-tab-three-1" data-bs-toggle="tab" data-bs-target="#tab-three-1" type="button" role="tab" aria-controls="tab-three" aria-selected="false">New added</button>
</li>
</ul>
</div>
<div class="row">
<div class="col-lg-3 d-none d-lg-flex wow animate__animated animate__fadeIn">
<div class="banner-img style-2">
<div class="banner-text">
<h2 class="mb-100">Bring nature into your home</h2>
<a class='btn btn-xs' href='shop-grid-right.html'>Shop Now <i class="fi-rs-arrow-small-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-9 col-md-12 wow animate__animated animate__fadeIn" data-wow-delay=".4s">
<div class="tab-content" id="myTabContent-1">
<div class="tab-pane fade show active" id="tab-one-1" role="tabpanel" aria-labelledby="tab-one-1">
<div class="carausel-4-columns-cover arrow-center position-relative">
<div class="slider-arrow slider-arrow-2 carausel-4-columns-arrow" id="carausel-4-columns-arrows"></div>
<div class="carausel-4-columns carausel-arrow-center" id="carausel-4-columns">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-1-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-1-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Save 15%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-5-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-5-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">Save 35%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>All Natural Italian-Style Chicken Meatballs</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-2-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-2-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Angies Boomchickapop Sweet and womnies</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-3-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-3-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">Best sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Foster Farms Takeout Crispy Classic </a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-4-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-4-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Save 15%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Blue Diamond Almonds Lightly Salted</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
</div>
</div>
</div>
<!--End tab-pane-->
<div class="tab-pane fade" id="tab-two-1" role="tabpanel" aria-labelledby="tab-two-1">
<div class="carausel-4-columns-cover arrow-center position-relative">
<div class="slider-arrow slider-arrow-2 carausel-4-columns-arrow" id="carausel-4-columns-2-arrows"></div>
<div class="carausel-4-columns carausel-arrow-center" id="carausel-4-columns-2">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-10-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-10-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Save 15%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Canada Dry Ginger Ale 2 L Bottle</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-15-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-15-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">Save 35%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Encore Seafoods Stuffed Alaskan</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-12-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-12-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Gortons Beer Battered Fish </a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-13-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-13-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">Best sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Haagen-Dazs Caramel Cone Ice</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-14-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-14-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Save 15%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Italian-Style Chicken Meatball</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-three-1" role="tabpanel" aria-labelledby="tab-three-1">
<div class="carausel-4-columns-cover arrow-center position-relative">
<div class="slider-arrow slider-arrow-2 carausel-4-columns-arrow" id="carausel-4-columns-3-arrows"></div>
<div class="carausel-4-columns carausel-arrow-center" id="carausel-4-columns-3">
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-7-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-7-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Save 15%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Perdue Simply Smart Organics Gluten Free</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-8-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-8-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="new">Save 35%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-9-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-9-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="sale">Sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Signature Wood-Fired Mushroom</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-13-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-13-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="best">Best sale</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Simply Lemonade with Raspberry Juice</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
<div class="product-cart-wrap">
<div class="product-img-action-wrap">
<div class="product-img product-img-zoom">
<a href='shop-product-right.html'>
<img class="default-img" src="assets/imgs/shop/product-14-1.jpg" alt="" />
<img class="hover-img" src="assets/imgs/shop/product-14-2.jpg" alt="" />
</a>
</div>
<div class="product-action-1">
<a aria-label="Quick view" class="action-btn small hover-up" data-bs-toggle="modal" data-bs-target="#quickViewModal"> <i class="fi-rs-eye"></i></a>
<a aria-label='Add To Wishlist' class='action-btn small hover-up' href='shop-wishlist.html'><i class="fi-rs-heart"></i></a>
<a aria-label='Compare' class='action-btn small hover-up' href='shop-compare.html'><i class="fi-rs-shuffle"></i></a>
</div>
<div class="product-badges product-badges-position product-badges-mrg">
<span class="hot">Save 15%</span>
</div>
</div>
<div class="product-content-wrap">
<div class="product-category">
<a href='shop-grid-right.html'>Hodo Foods</a>
</div>
<h2><a href='shop-product-right.html'>Organic Quinoa, Brown, & Red Rice</a></h2>
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<div class="product-price mt-10">
<span>$238.85 </span>
<span class="old-price">$245.8</span>
</div>
<div class="sold mt-15 mb-15">
<div class="progress mb-5">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span class="font-xs text-heading"> Sold: 90/120</span>
</div>
<a class='btn w-100 hover-up' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
</div>
</div>
<!--End product Wrap-->
</div>
</div>
</div>
</div>
<!--End tab-content-->
</div>
<!--End Col-lg-9-->
</div>
</div>
</section> --}}
<!--End Best Sales-->
{{-- <section class="section-padding pb-5">
<div class="container">
<div class="section-title wow animate__animated animate__fadeIn" data-wow-delay="0">
<h3 class="">Deals Of The Day</h3>
<a class='show-all' href='shop-grid-right.html'>
All Deals
<i class="fi-rs-angle-right"></i>
</a>
</div>
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="product-cart-wrap style-2 wow animate__animated animate__fadeInUp" data-wow-delay="0">
<div class="product-img-action-wrap">
<div class="product-img">
<a href='shop-product-right.html'>
<img src="assets/imgs/banner/banner-5.png" alt="" />
</a>
</div>
</div>
<div class="product-content-wrap">
<div class="deals-countdown-wrap">
<div class="deals-countdown" data-countdown="2025/03/25 00:00:00"></div>
</div>
<div class="deals-content">
<h2><a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown, & Red Rice</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>NestFood</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="product-cart-wrap style-2 wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
<div class="product-img-action-wrap">
<div class="product-img">
<a href='shop-product-right.html'>
<img src="assets/imgs/banner/banner-6.png" alt="" />
</a>
</div>
</div>
<div class="product-content-wrap">
<div class="deals-countdown-wrap">
<div class="deals-countdown" data-countdown="2026/04/25 00:00:00"></div>
</div>
<div class="deals-content">
<h2><a href='shop-product-right.html'>Perdue Simply Smart Organics Gluten Free</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Old El Paso</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$24.85</span>
<span class="old-price">$26.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 d-none d-lg-block">
<div class="product-cart-wrap style-2 wow animate__animated animate__fadeInUp" data-wow-delay=".2s">
<div class="product-img-action-wrap">
<div class="product-img">
<a href='shop-product-right.html'>
<img src="assets/imgs/banner/banner-7.png" alt="" />
</a>
</div>
</div>
<div class="product-content-wrap">
<div class="deals-countdown-wrap">
<div class="deals-countdown" data-countdown="2027/03/25 00:00:00"></div>
</div>
<div class="deals-content">
<h2><a href='shop-product-right.html'>Signature Wood-Fired Mushroom and Caramelized</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<span class="font-small ml-5 text-muted"> (3.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Progresso</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$12.85</span>
<span class="old-price">$13.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 d-none d-xl-block">
<div class="product-cart-wrap style-2 wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
<div class="product-img-action-wrap">
<div class="product-img">
<a href='shop-product-right.html'>
<img src="assets/imgs/banner/banner-8.png" alt="" />
</a>
</div>
</div>
<div class="product-content-wrap">
<div class="deals-countdown-wrap">
<div class="deals-countdown" data-countdown="2025/02/25 00:00:00"></div>
</div>
<div class="deals-content">
<h2><a href='shop-product-right.html'>Simply Lemonade with Raspberry Juice</a></h2>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 80%"></div>
</div>
<span class="font-small ml-5 text-muted"> (3.0)</span>
</div>
<div>
<span class="font-small text-muted">By <a href='vendor-details-1.html'>Yoplait</a></span>
</div>
<div class="product-card-bottom">
<div class="product-price">
<span>$15.85</span>
<span class="old-price">$16.8</span>
</div>
<div class="add-cart">
<a class='add' href='shop-cart.html'><i class="fi-rs-shopping-cart mr-5"></i>Add </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> --}}
<!--End Deals-->
{{-- <section class="section-padding mb-30">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 mb-sm-5 mb-md-0 wow animate__animated animate__fadeInUp" data-wow-delay="0">
<h4 class="section-title style-1 mb-30 animated animated">Top Selling</h4>
<div class="product-list-small animated animated">
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-1.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Nestle Original Coffee-Mate Coffee Creamer</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-2.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Nestle Original Coffee-Mate Coffee Creamer</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-3.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Nestle Original Coffee-Mate Coffee Creamer</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-md-0 wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
<h4 class="section-title style-1 mb-30 animated animated">Trending Products</h4>
<div class="product-list-small animated animated">
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-4.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Organic Cage-Free Grade A Large Brown Eggs</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-5.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Seeds of Change Organic Quinoa, Brown, & Red Rice</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-6.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Naturally Flavored Cinnamon Vanilla Light Roast Coffee</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-sm-5 mb-md-0 d-none d-lg-block wow animate__animated animate__fadeInUp" data-wow-delay=".2s">
<h4 class="section-title style-1 mb-30 animated animated">Recently added</h4>
<div class="product-list-small animated animated">
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-7.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Pepperidge Farm Farmhouse Hearty White Bread</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-8.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Organic Frozen Triple Berry Blend</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-9.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Oroweat Country Buttermilk Bread</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-sm-5 mb-md-0 d-none d-xl-block wow animate__animated animate__fadeInUp" data-wow-delay=".3s">
<h4 class="section-title style-1 mb-30 animated animated">Top Rated</h4>
<div class="product-list-small animated animated">
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-10.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Foster Farms Takeout Crispy Classic Buffalo Wings</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-11.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>Angies Boomchickapop Sweet & Salty Kettle Corn</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
<article class="row align-items-center hover-up">
<figure class="col-md-4 mb-0">
<a href='shop-product-right.html'><img src="assets/imgs/shop/thumbnail-12.jpg" alt="" /></a>
</figure>
<div class="col-md-8 mb-0">
<h6>
<a href='shop-product-right.html'>All Natural Italian-Style Chicken Meatballs</a>
</h6>
<div class="product-rate-cover">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width: 90%"></div>
</div>
<span class="font-small ml-5 text-muted"> (4.0)</span>
</div>
<div class="product-price">
<span>$32.85</span>
<span class="old-price">$33.8</span>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section> --}}
<!--End 4 columns-->
@endsection
@section('script')
<script>
var page = 1;
var ENDPOINT = "/?";
$("#loadmore").click(function() {
page++;
loadMoreData(page);
});
function loadMoreData(page) {
$.ajax({
url: ENDPOINT + '&page=' + page
, type: "get"
, beforeSend: function() {
$('#loadmore').show();
}
})
.done(function(data) {
if (data.html == "") {
$('.ajax-load').html("No more records found");
return;
}
$('#loadmore').show();
$("#test").append('<div class="row product-grid-4">' + data.html + '</div>');
})
.fail(function(jqXHR, ajaxOptions, thrownError) {});
}
</script>
@endsection