/home/moonrcjl/template.moontelict.com/rosun/product-details.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rosun - Grocery Store Ecommerce HTML5 Template </title>
<link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/fontawesome-pro.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/swiper-min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- scroll to top -->
<button id="back-to-top"><i class="far fa-arrow-up"></i></button>
<!-- preloader -->
<div id="loading">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="object" id="object_four"></div>
<div class="object" id="object_three"></div>
<div class="object" id="object_two"></div>
<div class="object" id="object_one"></div>
</div>
</div>
</div>
<!-- Offcanvas -->
<div class="mt-offcanvas">
<div class="mt-offcanvas-wrapper">
<div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-40">
<div class="mt-offcanvas-logo">
<a href="index.html"><img src="assets/img/logo/black-logo.png" alt=""></a>
</div>
<div class="mt-offcanvas-close">
<button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="mtheader__bottom-bar-wrap offcanvas-cate mb-40">
<div class="mtheader__bottom-bar d-flex align-items-center justify-content-between">
<div class="mtcategories-bar">
<i class="fa-regular fa-bars"></i>
<span>All Categories</span>
</div>
<div class="mtcategories-icon">
<i class="fa-regular fa-angle-down"></i>
</div>
</div>
<div id="mtheader__bottom-category-offcanvas" class="mtheader__bottom-category-offcanvas ">
<nav>
<ul>
<li>
<a href="shop.html"><img src="assets/img/category/cat-menu-1-1.png"
alt=""><span>Vegetables</span></a>
</li>
<li>
<a href="shop.html"><img src="assets/img/category/cat-menu-1-2.png" alt=""><span>Soft
Drinks</span></a>
</li>
<li>
<a href="shop.html"><img src="assets/img/category/cat-menu-1-3.png" alt=""><span>Fresh
Fruits</span></a>
</li>
<li>
<a href="shop.html"><img src="assets/img/category/cat-menu-1-4.png" alt=""><span>Meat
&
Fish</span></a>
</li>
<li>
<a href="shop.html"><img src="assets/img/category/cat-menu-1-5.png" alt=""><span>Milk
&
Cream</span></a>
</li>
<li>
<a href="shop.html"><img src="assets/img/category/cat-menu-1-6.png" alt=""><span>Frozen
Foods</span></a>
</li>
<li>
<a href="shop.html"><img src="assets/img/category/cat-menu-1-7.png" alt=""><span>Dairy
Products</span></a>
</li>
<li>
<a href="shop.html"><img src="assets/img/category/cat-menu-1-8.png" alt=""><span>Bottled
Water</span></a>
</li>
</ul>
<a href="shop.html" class="mtheader__bottom-category-btn">View
All <i class="fa-light fa-angle-right"></i></a>
</nav>
</div>
</div>
<div class="mt-offcanvas-menu d-xl-none mb-50">
<nav></nav>
</div>
<div class="mt-offcanvas-content mb-50 d-none d-xl-block">
<h2 class="mt-offcanvas-title">Hello There!</h2>
<p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
</div>
<div class="mt-offcanvas-info mb-50">
<h3 class="mt-offcanvas-sm-title">Information</h3>
<span><a href="#">+ 4 20 7700 1007</a></span>
<span><a href="#">hello@rosun.com</a></span>
<span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
</div>
<div class="mt-offcanvas-social mb-50">
<h3 class="mt-offcanvas-sm-title">Follow Us</h3>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<!-- mt-offcanvas-overlay -->
<div class="mt-offcanvas-overlay"></div>
<!-- Cart mini star -->
<div class="mtcartmini__area">
<div class="mtcartmini__wrapper d-flex justify-content-between flex-column">
<div class="mtcartmini__top-wrapper">
<div class="mtcartmini__top p-relative">
<div class="mtcartmini__top-title">
<h4>Shopping cart</h4>
</div>
<div class="mtcartmini__close">
<button type="button" class="mtcartmini__close-btn mtcartmini-close-btn"><i
class="fal fa-times"></i></button>
</div>
</div>
<div class="mtcartmini__shipping">
<p> Free Shipping for all orders over <span>$50</span></p>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
data-width="70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
</div>
</div>
</div>
<div class="mtcartmini__widget">
<div class="mtcartmini__widget-item">
<div class="mtcartmini__thumb">
<a href="product.html">
<img src="assets/img/product/feature-1-10.png" alt="">
</a>
</div>
<div class="mtcartmini__content">
<h5 class="mtcartmini__title"><a href="product.html">Best Masoori dry <br> indian Rice</a></h5>
<div class="mtcartmini__prmte-wrapper">
<span class="mtcartmini__prmte">$16.00</span>
<span class="mtcartmini__quantity">x3</span>
</div>
</div>
<a href="#" class="mtcartmini__del"><i class="fa-regular fa-xmark"></i></a>
</div>
<div class="mtcartmini__widget-item">
<div class="mtcartmini__thumb">
<a href="product.html">
<img src="assets/img/product/feature-1-13.png" alt="">
</a>
</div>
<div class="mtcartmini__content">
<h5 class="mtcartmini__title"><a href="product.html">White Pumpkin - Each <br> (appr 1.5 LB-2
LB)</a>
</h5>
<div class="mtcartmini__prmte-wrapper">
<span class="mtcartmini__prmte">$20.00</span>
<span class="mtcartmini__quantity">x3</span>
</div>
</div>
<a href="#" class="mtcartmini__del"><i class="fa-regular fa-xmark"></i></a>
</div>
</div>
<!-- for wp -->
</div>
<div class="mtcartmini__checkout">
<div class="mtcartmini__checkout-title mb-30">
<h4>Subtotal:</h4>
<span>$213.00</span>
</div>
<div class="mtcartmini__checkout-btn text-center">
<a href="cart.html" class="mt-btn mb-10 w-100"> view cart</a>
<a href="checkout.html" class="mt-btn-3 w-100"> checkout</a>
</div>
</div>
</div>
</div>
<!-- Cart mini end -->
<header class="mtheader__area p-relative">
<!-- header top area start -->
<div class="mtheader__top-area mtheader__top-2 theme-bg p-relative d-none d-lg-block">
<div class="container">
<div class="mtborder__top-wrapper d-flex align-items-center justify-content-between">
<div class="mtheader__top-left">
<a href="mailto:support@domain.com"><i
class="fa-light fa-envelope"></i><span>support@domain.com</span></a>
<span>
<i class="fa-solid fa-star-sharp"></i>
</span>
<a href="#"><i class="fa-light fa-location-dot"></i><span>Lincoln- 344, Illinois, Florida,
USA</span></a>
</div>
<div class="mtheader__top-right d-flex align-items-center justify-content-between">
<div class="mtheader__top-social">
<a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
</div>
<span>
<i class="fa-solid fa-star-sharp"></i>
</span>
<div class="mtheader__top-lang">
<select>
<option value="1">Eng</option>
<option value="2">Bang</option>
<option value="3">Lang</option>
<option value="3">Latin</option>
</select>
</div>
<span>
<i class="fa-solid fa-star-sharp"></i>
</span>
<div class="mtheader__top-currency">
<select>
<option value="1">USD</option>
<option value="2">URO</option>
<option value="3">BDT</option>
<option value="3">RCS</option>
</select>
</div>
</div>
</div>
</div>
</div>
<!-- header Menu area start -->
<div id="mt-header-sticky" class="mtheader__bottom-area mtheader__bottom-2 mt-sticky-theme-2 p-relative">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-2 col-6">
<div class="mtheader__bottom-category-wrap p-relative">
<div class="mtheader__bottom-category">
<div class="mtheader__logo">
<a href="index.html"><img src="assets/img/logo/black-logo.png" alt="Rosun"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-10 col-6">
<div
class="mtheader__bottom-wrapper p-relative d-flex align-items-center justify-content-end justify-content-xl-between">
<div class="mtheader__bottom-menu d-none d-xl-block">
<nav class="mt-mobile-menu-active">
<ul>
<li class="has-dropdown">
<a href="index.html">Home</a>
<ul class="sub-menu mt-submenu">
<li><a href="index.html">Home One</a></li>
<li><a href="index-2.html">Home Two</a>
</li>
</ul>
</li>
<li><a href="about.html">About</a>
<li class="has-dropdown"><a href="#">Shop</a>
<ul class="sub-menu mt-submenu">
<li><a href="shop.html">Shop</a></li>
<li><a href="product-details.html">Prodcut Details</a></li>
</ul>
</li>
<li class="has-dropdown"><a href="#">Pages</a>
<ul class="sub-menu mt-submenu">
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="product-details.html">Prodcut</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
</ul>
</li>
<li class="has-dropdown"><a href="#">Blog</a>
<ul class="sub-menu mt-submenu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
<div
class="mtheader__midel-account-wrap p-relative d-flex align-items-center justify-content-between">
<div class="mtheader__midel-wishlist d-none d-lg-block">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
<span class="d-none d-lg-block">
<i class="fa-solid fa-star-sharp"></i>
</span>
<div class="mtheader__midel-login mtheader__mobile-cart">
<a href="login.html" class="mt__header-login-another-page">
<i class="fa-solid fa-user-plus"></i>
<span>Login your</span>
<h6>Account</h6>
</a>
</div>
<span>
<i class="fa-solid fa-star-sharp"></i>
</span>
<div class="mtheader__midel-login mtheader__mobile-cart">
<div class="mtcartmini-open-btn">
<div class="mtheader__midel-card-value">
<i class="fa-solid fa-basket-shopping"></i>
<p>2</p>
<span>Cart Items</span>
<h6>$570.00</h6>
</div>
</div>
</div>
</div>
<div class="mt-header-toogle d-xl-none text-end">
<button class="mt-offcanvas-toogle mt-offcanvas-toogle-2"><i
class="fa-regular fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<!-- Breadcrumb Area Start -->
<section class="mt-breadcrumb-area mt-breadcrumb-space p-relative"
data-background="assets/img/breadcurmb/breadcrumb-bg.jpg">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="mt-breadcrumb p-relative">
<h1 class="mt-breadcrumb-title">Products <span>Details</span></h1>
<div class="mt-breadcrumb-list">
<span class="active"><a href="#">Home</a></span>
<span class="dvir">-</span>
<span><a href="#">Products Details</a></span>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="mt-breadcrumb-img text-end wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/breadcurmb/breadcrumb.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Breadcrumb Area End -->
<!-- Start Brand Title -->
<section class="mtbreadcrumb__titleslide-area p-relative">
<div class="swiper mt-brand-title-active">
<div class="swiper-wrapper mt-slide-transtion">
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title"><span><i class="fa-solid fa-star-sharp"></i></span>
PRODUCT DETAILS</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title"><span><i class="fa-solid fa-star-sharp"></i></span>
PRODUCT DETAILS</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title"><span><i class="fa-solid fa-star-sharp"></i></span>
PRODUCT DETAILS</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title"><span><i class="fa-solid fa-star-sharp"></i></span>
PRODUCT DETAILS</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title"><span><i class="fa-solid fa-star-sharp"></i></span>
PRODUCT DETAILS</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title"><span><i class="fa-solid fa-star-sharp"></i></span>
PRODUCT DETAILS</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title"><span><i class="fa-solid fa-star-sharp"></i></span>
PRODUCT DETAILS</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title"><span><i class="fa-solid fa-star-sharp"></i></span>
PRODUCT DETAILS</h5>
</div>
</div>
</div>
</div>
</section>
<!-- End Brand Title -->
<!--product-details-area-start -->
<div class="mt-product-details-area pt-130 fix">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 ">
<div class="mt-shop-details__wrapper mb-30">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="mt-shop-details__tab-btn-box">
<nav>
<div class="nav nav-tab" id="nav-tab" role="tablist">
<button class="nav-links active" id="nav-one-tab" data-bs-toggle="tab"
data-bs-target="#nav-one" type="button" role="tab" aria-controls="nav-one"
aria-selected="true">
<img src="assets/img/product/recent-big-1-1.png" alt="">
</button>
<button class="nav-links" id="nav-two-tab" data-bs-toggle="tab"
data-bs-target="#nav-two" type="button" role="tab" aria-controls="nav-two"
aria-selected="false">
<img src="assets/img/product/recent-1-4.png" alt="">
</button>
<button class="nav-links" id="nav-three-tab" data-bs-toggle="tab"
data-bs-target="#nav-three" type="button" role="tab" aria-controls="nav-three"
aria-selected="false">
<img src="assets/img/product/recent-1-3.png" alt="">
</button>
<button class="nav-links" id="nav-four-tab" data-bs-toggle="tab"
data-bs-target="#nav-four" type="button" role="tab" aria-controls="nav-four"
aria-selected="false">
<img src="assets/img/product/recent-1-5.png" alt="">
</button>
</div>
</nav>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-9">
<div class="mt-shop-details__tab-content-box mb-20">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-one" role="tabpanel"
aria-labelledby="nav-one-tab">
<div class="mt-shop-details__tab-big-img">
<img src="assets/img/product/product-details-1.jpg" alt="">
</div>
</div>
<div class="tab-pane fade" id="nav-two" role="tabpanel" aria-labelledby="nav-two-tab">
<div class="mt-shop-details__tab-big-img">
<img src="assets/img/product/product-details-2.jpg" alt="">
</div>
</div>
<div class="tab-pane fade" id="nav-three" role="tabpanel"
aria-labelledby="nav-three-tab">
<div class="mt-shop-details__tab-big-img">
<img src="assets/img/product/product-details-3.jpg" alt="">
</div>
</div>
<div class="tab-pane fade" id="nav-four" role="tabpanel"
aria-labelledby="nav-four-tab">
<div class="mt-shop-details__tab-big-img">
<img src="assets/img/product/product-details-4.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 ">
<div class="mt-shop-details__right-warp mb-30 p-relative">
<div class="mt-shop-details__offer mb-15">
<span class="red-color">-35% OFF</span>
</div>
<h3 class="mt-shop-details__title-sm mb-15">Crisp Green Apples – Fresh Delight</h3>
<div class="mt-shop-details__text mb-17">
<p>Enjoy the perfect crunch with our crisp green apples, bursting with a tart and juicy flavor.
Great for snacking or adding to salads. They bring a juicy, garden-fresh taste to your meals.
</p>
</div>
<div class="mt-shop-details__ratting mb-10">
<span>
<i class="fa-solid fa-star-sharp"></i>
</span>
<span>
<i class="fa-solid fa-star-sharp"></i>
</span>
<span>
<i class="fa-solid fa-star-sharp"></i>
</span>
<span>
<i class="fa-regular fa-star-half-stroke"></i>
</span>
<span>
<i class="fa-light fa-star"></i>
</span>
<span class="review-text">(2 Review)</span>
</div>
<div class="mt-shop-details__price mb-17">
<del>$16.00</del>
<span>$56.00</span>
</div>
<div class="mt-shop-details__product-info-2 mb-25">
<ul>
<li>Weight:<span>1kg</span> <span>500gm</span></li>
</ul>
</div>
<div class="mt-shop-details__quantity-wrap mb-40 d-flex align-items-center">
<div class="mt-shop-details__quantity-box">
<div class="mt-shop-details__quantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i></div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i></div>
</div>
</div>
<div class="mt-shop-details__btn mr-12">
<a class="mt-btn" href="cart.html"><i class="fa-solid fa-basket-shopping"></i><span
class="ml-6">Add To Cart</span></a>
</div>
<div class="mt-shop-list-btn">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
<a href="product-details.html"><i class="fa-sharp fa-regular fa-rotate"></i></a>
</div>
</div>
<div class="mt-shop-details__product-info mb-15">
<ul>
<li>Type: <span>Organic</span></li>
<li>Category: <span>Fresh, </span> <span> Fruits </span></li>
<li>SKU: <span>ROSH556</span></li>
<li>Brand: <span>EcoMart</span></li>
</ul>
</div>
<div class="mt-shop-details__product-box ">
<div class="mt-shop-details__product-box-item d-flex align-items-center ">
<span><i class="fa-solid fa-sack-dollar"></i></span>
<div class="mt-shop-details__product-box-text">
<p>Save 5% on First Flipkart Order! for this</p>
</div>
</div>
<div class="mt-shop-details__product-box-item d-flex align-items-center ">
<span><i class="fa-solid fa-tags"></i></span>
<div class="mt-shop-details__product-box-text">
<p>Get $30+ with Citi-branded Credit Card EMI. Terms apply.</p>
</div>
</div>
<div class="mt-shop-details__product-box-item d-flex align-items-center ">
<span><i class="fa-solid fa-truck"></i></span>
<div class="mt-shop-details__product-box-text">
<p>Enjoy free shipping on all orders over $100.</p>
</div>
</div>
<div class="mt-shop-details__product-box-item d-flex align-items-center ">
<span><i class="fa-solid fa-shield"></i></span>
<div class="mt-shop-details__product-box-text">
<p>Your transactions are safe with us. We</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="productdetails-tabs mt-100 ">
<div class="row">
<div class="col-xl-12 col-lg-12 col-12">
<div class="product-additional-tab">
<div class="pro-details-nav mb-40">
<ul class="nav nav-tabs pro-details-nav-btn" id="myTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-links active" id="home-tab-1" data-bs-toggle="tab"
data-bs-target="#home-1" type="button" role="tab" aria-controls="home-1"
aria-selected="true"><span>Description</span></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-links" id="information-tab" data-bs-toggle="tab"
data-bs-target="#additional-information" type="button" role="tab"
aria-controls="additional-information" aria-selected="false"><span>Additional
Information</span></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-links" id="reviews-tab" data-bs-toggle="tab"
data-bs-target="#reviews" type="button" role="tab" aria-controls="reviews"
aria-selected="false"><span>Reviews</span></button>
</li>
</ul>
</div>
<div class="tab-content mt-content-tab" id="myTabContent-2">
<div class="tab-para tab-pane fade show active" id="home-1" role="tabpanel"
aria-labelledby="home-tab-1">
<div class="row">
<div class="col-lg-7">
<div class="mt-content-tab-wrap mb-15">
<div class="mt-content-tab-content">
<h3 class="mt-content-tab-title mb-10">Introduction</h3>
<p class="mb-30">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s, when an unkno printer took a galley of type
and
scrambled it to make a type specimen book. It has survived not only five
centuries but also the on leap into electronic typesetting, remaining
essentially unchanged.</p>
</div>
<div class="product-details-list-box">
<span>
More Details :
</span>
<ul>
<li>Lorem Ipsum is simply dummy text of the printing.</li>
<li>Printer took a galley of type and scrambled it to make a type specim
</li>
<li>Ok a galley of type and scrambled it to make a type specimen</li>
<li>Type specimen book. It has survived not only five centuries but also
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="mt-content-tab-thumb br-20 text-end mb-15 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.1s">
<img src="assets/img/product/product-dec-1.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="additional-information" role="tabpanel"
aria-labelledby="information-tab">
<div class="mt-content-tab-content">
<p class="mb-30">Enjoy the perfect crunch with our Crisp Green Apples. They offer a
refreshing, tangy flavor that's ideal for snacking, baking, or adding to your
favorite salads. Fresh and juicy, they bring a delightful burst of flavor to
every bite.</p>
</div>
<div class="product__details-info table-responsive mb-15">
<table class="table table-striped">
<tbody>
<tr>
<td class="add-info">Weight</td>
<td class="add-info-list"> 2 lbs</td>
</tr>
<tr>
<td class="add-info">Dimensions</td>
<td class="add-info-list"> 12 × 16 × 19 in</td>
</tr>
<tr>
<td class="add-info">Product</td>
<td class="add-info-list"> Purchase this product on
rag-bone.com</td>
</tr>
<tr>
<td class="add-info">Color</td>
<td class="add-info-list"> Gray, Black</td>
</tr>
<tr>
<td class="add-info">Size</td>
<td class="add-info-list"> S, M, L, XL</td>
</tr>
<tr>
<td class="add-info">Model</td>
<td class="add-info-list"> Model </td>
</tr>
<tr>
<td class="add-info">Shipping</td>
<td class="add-info-list"> Standard shipping: $5,95L</td>
</tr>
<tr>
<td class="add-info">Care Info</td>
<td class="add-info-list"> Machine Wash up to 40ºC/86ºF
Gentle Cycle</td>
</tr>
<tr>
<td class="add-info">Brand</td>
<td class="add-info-list"> Kazen</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
<div class="row">
<div class="col-xl-6 col-lg-9">
<div class="product-details-review">
<h3 class="mt-comments-title mb-35">Ratings and Reviews</h3>
<div class="mt-product-details-range-wrap d-flex align-items-center mb-40">
<div class="mt-product-details-range-rating d-flex align-items-center">
<h2 class="mt-product-details-range-count">4.7</h2>
<div class="mt-product-details-range-review">
<span><i class="fa-solid fa-star-sharp"></i> Excellent</span>
<p class="mt-6">(40 Reviews & 56 Ratings)</p>
<ul>
<li><a href="#"><i class="fa-solid fa-star-sharp"></i></a></li>
<li><a href="#"><i class="fa-solid fa-star-sharp"></i></a></li>
<li><a href="#"><i class="fa-solid fa-star-sharp"></i></a></li>
<li><a href="#"><i class="fa-solid fa-star-sharp"></i></a></li>
<li><a href="#"><i class="fal fa-star"></i></a></li>
</ul>
</div>
</div>
<div class="mt-product-details-range-right">
<div class="mt-product-details-range-bar mb-10">
<ul>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><span></span></li>
<li>30</li>
</ul>
</div>
<div class="mt-product-details-range-bar mb-10">
<ul>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fal fa-star"></i></li>
<li><span></span></li>
<li>54</li>
</ul>
</div>
<div class="mt-product-details-range-bar mb-10">
<ul>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><span></span></li>
<li>37</li>
</ul>
</div>
<div class="mt-product-details-range-bar mb-10">
<ul>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><span></span></li>
<li>21</li>
</ul>
</div>
<div class="mt-product-details-range-bar mb-10">
<ul>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><i class="fal fa-star"></i></li>
<li><span></span></li>
<li>10</li>
</ul>
</div>
</div>
</div>
<!-- form -->
<div class="product-details-comment pb-100">
<div class="comment-title mb-20">
<h3>Submit Your Reviews</h3>
</div>
<div class="comment-rating mb-20 d-flex">
<span>Your Ratings </span>
<ul>
<li><a href="#"><i class="fa-solid fa-star-sharp"></i></a></li>
<li><a href="#"><i class="fa-solid fa-star-sharp"></i></a></li>
<li><a href="#"><i class="fa-solid fa-star-sharp"></i></a></li>
<li><a href="#"><i class="fa-solid fa-star-sharp"></i></a></li>
<li><a href="#"><i class="fal fa-star"></i></a></li>
</ul>
</div>
<div class="comment-input-box">
<form action="#">
<div class="row">
<div class="col-xxl-6">
<div class="comment-input">
<input type="text" placeholder="Your Name*">
</div>
</div>
<div class="col-xxl-6">
<div class="comment-input">
<input type="email" placeholder="Your Email*">
</div>
</div>
<div class="col-xxl-12">
<div class="comment-input">
<textarea placeholder="Your review..."></textarea>
</div>
</div>
<div class="col-xxl-12">
<div class="comment-submit">
<button type="submit" class="mt-btn"><span>Submit
Review</span></button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="mt-review-box d-flex align-items-center mb-50">
<span>Reviews</span>
<div class="mt-reviews-box-number">
<a href="#">
<i class="fa-solid fa-star-sharp"></i> 5
</a>
<a href="#">
<i class="fa-solid fa-star-sharp"></i> 4
</a>
<a href="#">
<i class="fa-solid fa-star-sharp"></i> 3
</a>
<a href="#">
<i class="fa-solid fa-star-sharp"></i> 2
</a>
<a href="#">
<i class="fa-solid fa-star-sharp"></i> 1
</a>
</div>
</div>
<!-- comment -->
<div class="latest-comments mb-15">
<ul>
<li>
<div class="comments-box d-flex align-items-center">
<div class="comments-avatar br-5 mr-15">
<img src="assets/img/product/author-1.jpg" alt="">
</div>
<div class="comments-text">
<div
class="comments-top d-sm-flex align-items-start justify-content-between mb-6">
<div class="avatar-name d-flex">
<b>Elias Gomez</b>
<div class="comments-date">
<span>18 July, 2025</span>
</div>
</div>
<div class="user-rating">
<ul>
<li><a href="#"><i
class="fa-solid fa-star-sharp"></i></a>
</li>
<li><a href="#"><i
class="fa-solid fa-star-sharp"></i></a>
</li>
<li><a href="#"><i
class="fa-solid fa-star-sharp"></i></a>
</li>
<li><a href="#"><i
class="fa-solid fa-star-sharp"></i></a>
</li>
<li><a href="#"><i
class="fa-regular fa-star-sharp"></i>
</a></li>
</ul>
</div>
</div>
<p class="mb-8">These green apples are amazing! They have the
perfect
balance of <br> tartness and sweetness, with a satisfying
crunch
in every bite. </p>
<div class="comments-top-like-wrap">
<a href="#"><i class="fa-solid fa-thumbs-up"></i> 33</a>
<a href="#"><i class="fa-solid fa-thumbs-down"></i> 22</a>
</div>
</div>
</div>
</li>
<li>
<div class="comments-box d-flex align-items-center">
<div class="comments-avatar br-5 mr-15">
<img src="assets/img/product/author-2.jpg" alt="">
</div>
<div class="comments-text">
<div
class="comments-top d-sm-flex align-items-start justify-content-between mb-6">
<div class="avatar-name d-flex">
<b>Mitchel Marsh</b>
<div class="comments-date">
<span>18 July, 2025</span>
</div>
</div>
<div class="user-rating">
<ul>
<li><a href="#"><i
class="fa-solid fa-star-sharp"></i></a>
</li>
<li><a href="#"><i
class="fa-solid fa-star-sharp"></i></a>
</li>
<li><a href="#"><i
class="fa-solid fa-star-sharp"></i></a>
</li>
<li><a href="#"><i
class="fa-solid fa-star-sharp"></i></a>
</li>
<li><a href="#"><i
class="fa-regular fa-star-sharp"></i>
</a></li>
</ul>
</div>
</div>
<p class="mb-8">They're perfect for a healthy snack or adding a
zesty
touch to my <br> salads. Highly recommend! </p>
<div class="comments-top-like-wrap">
<a href="#"><i class="fa-solid fa-thumbs-up"></i> 33</a>
<a href="#"><i class="fa-solid fa-thumbs-down"></i> 22</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- product-details-area-end -->
<!-- Start Popular Product Area -->
<section class="mtpopular__product-area mtpopular__product-2 pt-80 pb-50 p-relative fix">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="mt-section-content mb-30">
<h3 class="mt-section-title">
Related
<span>Products</span>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"
fill="none">
<path
d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
fill="#FDD057" stroke="#060121" />
</svg>
</span>
</h3>
<p>Emphasize the main features that make the related products <br> appealing. Mention any unique
selling points or benefits.</p>
</div>
</div>
<div class="col-lg-6 ">
<div class="mtpopular__product-arrow text-end">
<div class="mtpopular__product-slider-left1">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
fill="none">
<path
d="M7.39367 0.820693C6.37396 5.14484 1.88 6.84235 1.46856 6.98943C1.4577 6.99331 1.45706 7.00855 1.4676 7.01347C1.87294 7.20245 6.37316 9.37583 7.39367 13.1793M14.54 7.00001L2.62943 7.00001"
stroke="#060121" stroke-width="2" />
</svg>
</span>
</div>
<div class="mtpopular__product-slider-right1">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
fill="none">
<path
d="M7.60633 13.1793C8.62604 8.85516 13.12 7.15765 13.5314 7.01057C13.5423 7.00669 13.5429 6.99145 13.5324 6.98653C13.1271 6.79755 8.62684 4.62417 7.60633 0.820679M0.459961 6.99999L12.3706 6.99999"
stroke="#060121" stroke-width="2" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="mtpopular__product-wrap">
<div class="swiper mtpopular_product_2_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mthot__product-item-wrap ">
<div class="mthot__product-item p-relative fix">
<div class="mthot__product-img mb-10">
<div class="mtfeature__product-offer">
<span>70% OFF</span>
</div>
<a href="#"><img src="assets/img/product/hot-1-1.png" alt=""></a>
<div class="mthot__product-wishlist">
<a href="wishlist.html">
<i class="fa-regular fa-heart"></i>
</a>
</div>
</div>
<div class="mthot__product-content">
<div
class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
<div class="mthot__product-cate ">
<span>1Kg</span>
<span>500Kg</span>
</div>
<div class="mtflash__product-ratting">
<span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
<span class="mtflash__product-review-number">(5.0)</span>
</div>
</div>
<h6 class="mthot__product-title mb-30 ">
<a href="product-details.html">local organic Green
</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$16.00</span>
<del>$20.00</del>
</div>
<div class="mthot__product-cart">
<a href="cart.html">
<i class="fa-solid fa-basket-shopping"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mthot__product-item-wrap ">
<div class="mthot__product-item p-relative fix">
<div class="mthot__product-img mb-10">
<a href="#"><img src="assets/img/product/hot-1-2.png" alt=""></a>
<div class="mthot__product-wishlist">
<a href="wishlist.html">
<i class="fa-regular fa-heart"></i>
</a>
</div>
</div>
<div class="mthot__product-content">
<div
class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
<div class="mthot__product-cate ">
<span>1Kg</span>
<span>500Kg</span>
</div>
<div class="mtflash__product-ratting">
<span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
<span class="mtflash__product-review-number">(5.0)</span>
</div>
</div>
<h6 class="mthot__product-title mb-30 ">
<a href="product-details.html">Juicy Sweet
Mango</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$9.00</span>
<del>$15.00</del>
</div>
<div class="mthot__product-cart">
<a href="cart.html">
<i class="fa-solid fa-basket-shopping"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mthot__product-item-wrap ">
<div class="mthot__product-item p-relative fix">
<div class="mthot__product-img mb-10">
<a href="#"><img src="assets/img/product/hot-1-3.png" alt=""></a>
<div class="mthot__product-wishlist">
<a href="wishlist.html">
<i class="fa-regular fa-heart"></i>
</a>
</div>
</div>
<div class="mthot__product-content">
<div
class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
<div class="mthot__product-cate ">
<span>1Kg</span>
<span>500Kg</span>
</div>
<div class="mtflash__product-ratting">
<span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
<span class="mtflash__product-review-number">(5.0)</span>
</div>
</div>
<h6 class="mthot__product-title mb-30 ">
<a href="product-details.html">Creamy Yellow
Banana</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$19.00</span>
<del>$26.00</del>
</div>
<div class="mthot__product-cart">
<a href="cart.html">
<i class="fa-solid fa-basket-shopping"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mthot__product-item-wrap ">
<div class="mthot__product-item p-relative fix">
<div class="mthot__product-img mb-10">
<a href="#"><img src="assets/img/product/hot-1-4.png" alt=""></a>
<div class="mthot__product-wishlist">
<a href="wishlist.html">
<i class="fa-regular fa-heart"></i>
</a>
</div>
</div>
<div class="mthot__product-content">
<div
class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
<div class="mthot__product-cate ">
<span>1Kg</span>
<span>500Kg</span>
</div>
<div class="mtflash__product-ratting">
<span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
<span class="mtflash__product-review-number">(5.0)</span>
</div>
</div>
<h6 class="mthot__product-title mb-30 ">
<a href="product-details.html">Red Seedless
Grapes</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$11.00</span>
<del>$17.00</del>
</div>
<div class="mthot__product-cart">
<a href="cart.html">
<i class="fa-solid fa-basket-shopping"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mthot__product-item-wrap ">
<div class="mthot__product-item p-relative fix">
<div class="mthot__product-img mb-10">
<a href="#"><img src="assets/img/product/hot-1-5.png" alt=""></a>
<div class="mthot__product-wishlist">
<a href="wishlist.html">
<i class="fa-regular fa-heart"></i>
</a>
</div>
</div>
<div class="mthot__product-content">
<div
class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
<div class="mthot__product-cate ">
<span>1Kg</span>
<span>500Kg</span>
</div>
<div class="mtflash__product-ratting">
<span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
<span class="mtflash__product-review-number">(5.0)</span>
</div>
</div>
<h6 class="mthot__product-title mb-30 ">
<a href="product-details.html">Organic Yellow Bananas </a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$12.00</span>
<del>$18.00</del>
</div>
<div class="mthot__product-cart">
<a href="cart.html">
<i class="fa-solid fa-basket-shopping"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mthot__product-item-wrap ">
<div class="mthot__product-item p-relative fix">
<div class="mthot__product-img mb-10">
<div class="mtfeature__product-offer">
<span>70% OFF</span>
</div>
<a href="#"><img src="assets/img/product/hot-1-6.png" alt=""></a>
<div class="mthot__product-wishlist">
<a href="wishlist.html">
<i class="fa-regular fa-heart"></i>
</a>
</div>
</div>
<div class="mthot__product-content">
<div
class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
<div class="mthot__product-cate ">
<span>1Kg</span>
<span>500Kg</span>
</div>
<div class="mtflash__product-ratting">
<span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
<span class="mtflash__product-review-number">(5.0)</span>
</div>
</div>
<h6 class="mthot__product-title mb-30 ">
<a href="product-details.html">Tropical Yellow
Pineapple</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$21.00</span>
<del>$28.00</del>
</div>
<div class="mthot__product-cart">
<a href="cart.html">
<i class="fa-solid fa-basket-shopping"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mthot__product-item-wrap ">
<div class="mthot__product-item p-relative fix">
<div class="mthot__product-img mb-10">
<a href="#"><img src="assets/img/product/hot-1-7.png" alt=""></a>
<div class="mthot__product-wishlist">
<a href="wishlist.html">
<i class="fa-regular fa-heart"></i>
</a>
</div>
</div>
<div class="mthot__product-content">
<div
class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
<div class="mthot__product-cate ">
<span>1Kg</span>
<span>500Kg</span>
</div>
<div class="mtflash__product-ratting">
<span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
<span class="mtflash__product-review-number">(5.0)</span>
</div>
</div>
<h6 class="mthot__product-title mb-30 ">
<a href="product-details.html">Tropical Yellow
Pineapple</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$16.00</span>
<del>$20.00</del>
</div>
<div class="mthot__product-cart">
<a href="cart.html">
<i class="fa-solid fa-basket-shopping"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Popular Product Area -->
<!-- Start Newslatter Area -->
<section class="mtnewslatter__area mtnewslatter__space mt-60 mb-120">
<div class="container">
<div class="mtnewslatter__mainwrapper p-relative fix br-20 wow img-custom-anim-left"
data-wow-duration="1.5s" data-wow-delay="0.1s"
data-background="assets/img/newslatter/newslatter-bg-2.jpg">
<div class="mtnewslatter__shape">
<img src="assets/img/newslatter/star.png" alt="">
</div>
<div class="row align-items-center">
<div class="col-lg-6">
<div class="mtnewslatter__wrapper wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.5s">
<div class="mtnewslatter__item">
<h3 class="mtnewslatter__title mb-10 ">Subscribe <span class="p-relative">newsletter <img
src="assets/img/newslatter/shape-text.png" alt=""></span> <br>
to get offers
</h3>
<p class="mb-35">Enjoy early access to sales, new product launches, expert advice, and
special offers delivered straight to your inbox.</p>
<form action="#">
<div class="mtnewslatter__subscribe p-relative">
<input type="email" placeholder="Enter Your Eamil">
<button type="submit" class="mt-btn">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Newslatter Area -->
<!-- feature area Start -->
<section class="mtfeature__area mtfeature__bg pb-50 pt-60 fix">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-4">
<div class="mtfeature__wrapper d-flex align-items-center">
<div class="mtfeature__icon">
<img src="assets/img/feature/feature-1-1.jpg" alt="">
</div>
<div class="mtfeature__content">
<h5 class="mtfeature__title">Free Shipping</h5>
<p>
shipping on your order. No <br>
extra charges for delivery.
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="mtfeature__wrapper d-flex align-items-center">
<div class="mtfeature__icon">
<img src="assets/img/feature/feature-1-2.jpg" alt="">
</div>
<div class="mtfeature__content">
<h5 class="mtfeature__title">Secure Payments
</h5>
<p>
our financial information is <br>
protected
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="mtfeature__wrapper d-flex align-items-center">
<div class="mtfeature__icon">
<img src="assets/img/feature/feature-1-3.jpg" alt="">
</div>
<div class="mtfeature__content">
<h5 class="mtfeature__title">24 Hour Support</h5>
<p>
We're here to help whenever <br>
you need us.
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="mtfeature__wrapper d-flex align-items-center">
<div class="mtfeature__icon">
<img src="assets/img/feature/feature-1-4.jpg" alt="">
</div>
<div class="mtfeature__content">
<h5 class="mtfeature__title">Best Prices & Offers</h5>
<p>
Provides unbeatable deals <br> on a wide range of products
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- feature area End -->
</main>
<!-- footer start -->
<footer class="mt-footer-area mt-footer-2 p-relative fix pt-80" data-bg-color="#171A2B">
<div class="mt-footer-wraper p-relative">
<div class="container">
<div class="row ">
<div class="col-lg-3 col-md-4">
<div class="mt-footer-widget footer-2-cols-1">
<div class="mt-footer-logo mb-20">
<a href="#"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
<div class="mt-footer-content">
<p class="mb-25">Roshun is a online grocery shop. we are selling grocery products</p>
<div class="mt-footer-social mb-30">
<a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
</div>
<div class="mt-footer-app mb-20">
<h4 class="mt-footer-app-title">Download App</h4>
<div class="mt-footer-app-img mt-20">
<a href="#"><img src="assets/img/footer/goolge-play.png" alt="Rosun"></a>
<a href="#"><img src="assets/img/footer/app-store.png" alt="Rosun"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-9 col-md-8">
<div class="mt-footer-wrapper mb-30">
<div class="row">
<div class="col-xl-3 col-md-6 mb-50">
<div class="mt-footer-widget footer-2-cols-2">
<h2 class="mt-footer-title mb-50">Company </h2>
<div class="mt-footer-list">
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Condition</a></li>
<li><a href="#">Site Map</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-50">
<div class="mt-footer-widget footer-2-cols-3">
<h2 class="mt-footer-title mb-50">Quick Links </h2>
<div class="mt-footer-list">
<ul>
<li><a href="about.html">About Company</a></li>
<li><a href="blog.html">Articles & Blogs</a></li>
<li><a href="shop.html">Flash Sales</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="faq.html">FAQs Page</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-50">
<div class="mt-footer-widget footer-2-cols-4">
<h2 class="mt-footer-title mb-50">Support </h2>
<div class="mt-footer-list">
<ul>
<li><a href="login.html">My Account</a></li>
<li><a href="#">Payment Method</a></li>
<li><a href="#">License & Permit</a></li>
<li><a href="about.html">Our Partners</a></li>
<li><a href="contact.html">Support Center</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mb-50">
<div class="mt-footer-widget footer-2-cols-5">
<h2 class="mt-footer-title mb-50">Category </h2>
<div class="mt-footer-list">
<ul>
<li><a href="shop.html">Fresh Produce</a></li>
<li><a href="shop.html">Dairy & Eggs</a></li>
<li><a href="shop.html">Meat & Seafood</a></li>
<li><a href="shop.html">Beverages</a></li>
<li><a href="shop.html">Vegetables</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-footer-midel mt-footer-midel-border pb-30">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="mt-footer-midel-item d-flex align-items-center mb-20">
<div class="mt-footer-midel-icon mr-15">
<span><i class="fa-solid fa-location-dot"></i></span>
</div>
<div class="mt-footer-midel-content">
<a href="#">Tri Opposite 123 Main Street, <br>
Anytown, California 90210 USA</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mt-footer-midel-item d-flex align-items-center mb-20 justify-content-lg-center">
<div class="mt-footer-midel-icon mr-15">
<span><i class="fa-light fa-envelope-open-text"></i></span>
</div>
<div class="mt-footer-midel-content">
<a href="mailto:support@domain.com">support@domain.com</a> <br>
<a href="mailto:info@domain.com">info@domain.com</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mt-footer-midel-item d-flex align-items-center mb-20 justify-content-lg-center">
<div class="mt-footer-midel-icon mr-15">
<span><i class="fa-regular fa-headset"></i></span>
</div>
<div class="mt-footer-midel-content">
<a href="tel:+991234567888">+99 123 4567 888</a><br>
<a href="tel:+001235555888">+00 123 5555 888</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="mt-footer-midel-item d-flex align-items-center mb-20 justify-content-lg-center">
<div class="mt-footer-midel-icon mr-15">
<span><i class="fa-light fa-clock"></i></span>
</div>
<div class="mt-footer-midel-content">
<a href="#">10:00 - 18:00 <br>
Monday - saturday</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mt-copyright-area mt-copyright-2 pt-20 pb-20">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 ">
<div class="mt-copyright-left text-center text-md-start">
<p>Copyright 2025 ©Rosun. All rights reserved.</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 ">
<div class="mt-copyright-right text-center text-md-end">
<img src="assets/img/footer/payment.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area end -->
</footer>
<!-- JS here -->
<script src="assets/js/jquery-min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/magnific-popup.js"></script>
<script src="assets/js/range-slider.js"></script>
<script src="assets/js/swiper-min.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/countdown.js"></script>
<script src="assets/js/mobile-menu-scripts.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>