/home/moonrcjl/template.moontelict.com/rosun/contact.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">Contact <span>Us</span></h1>
<div class="mt-breadcrumb-list">
<span class="active"><a href="#">Home</a></span>
<span class="dvir">-</span>
<span><a href="#">Contact Us</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>
CONTACT US</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>
CONTACT US</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>
CONTACT US</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>
CONTACT US</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>
CONTACT US</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>
CONTACT US</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>
CONTACT US</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>
CONTACT US</h5>
</div>
</div>
</div>
</div>
</section>
<!-- End Brand Title -->
<!-- Start Contact page Area -->
<section class="mt-contact-area pt-120 pb-60 p-relative fix">
<div class="mt-contact-thumb wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
<img src="assets/img/contact/contact.png" alt="">
</div>
<div class="container">
<div class="row justify-content-xl-end">
<div class="col-xl-8">
<div class="mt-contact-wrapper p-relative" data-background="assets/img/contact/contact-bg.png">
<div class="mt-contact-border">
<div class="mt-section-content mb-50">
<h3 class="mt-section-title">
Get in
<span>touch</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>Lorem ipsum dolor sit amet, consectetur adipis icing elit, sed do <br> eius mod tempor.
</p>
</div>
<div class="mt-contact-form">
<form action="assets/mail.php" method="post" id="contact-form">
<div class="row">
<div class="col-md-6">
<div class="mt-checkout-input">
<label>Full Name <span>*</span></label>
<input name="name" type="text" placeholder="Thomas">
</div>
</div>
<div class="col-md-6">
<div class="mt-checkout-input">
<label>Email Address <span>*</span></label>
<input name="email" type="email" placeholder="Elison">
</div>
</div>
<div class="col-md-12">
<div class="mt-checkout-input">
<label>Your Subject</label>
<input name="subject" type="text" placeholder="Envato Elements">
</div>
</div>
<div class="col-md-12">
<div class="mt-checkout-input">
<label>Message <span>*</span></label>
<textarea name="message" cols="30" rows="10" placeholder="Comments*"></textarea>
</div>
</div>
<div class="col-12">
<button type="submit" class="mt-btn">
<span>Send Message</span>
</button>
</div>
</div>
<p class="ajax-response mt-20"></p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Contact page Area -->
<section class="mt-contact-area pt-60 pb-90">
<div class="container">
<div class="row text-center">
<div class="col-xl-4 col-lg-6 col-md-12">
<div class="mt-contact-info mb-30 d-flex align-items-center">
<div class="mt-contact-info-icon mr-20">
<span><i class="fa-regular fa-location-dot"></i></span>
</div>
<div class="mt-contact-info-text">
<h4 class="mt-contact-info-title">Our Location</h4>
<p>
<a href="#">9070 Green Lake Drive Chevy Chase, MD 20815, USA</a>
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-12">
<div class="mt-contact-info mb-30 d-flex align-items-center">
<div class="mt-contact-info-icon mr-20">
<span><i class="fa-solid fa-phone"></i></span>
</div>
<div class="mt-contact-info-text">
<h4 class="mt-contact-info-title">Phone Number</h4>
<p>
<a href="tel:99001234567888">+99 (00) 123 4567 888 </a>
</p>
<p>
<a href="tel:001235555888">+00 123 5555 888</a>
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-12">
<div class="mt-contact-info mb-30 d-flex align-items-center">
<div class="mt-contact-info-icon mr-20">
<span><i class="fa-solid fa-envelope"></i></span>
</div>
<div class="mt-contact-info-text">
<h4 class="mt-contact-info-title">Email Address</h4>
<p>
<a href="mailto:getsupport@domain.com">getsupport@domain.com</a>
</p>
<p>
<a href="mailto:contact@domain.com">contact@domain.com</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start Brand Title -->
<section class="mtbreadcrumb__titleslide-are p-relative" data-bg-color="#FDD057">
<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 mtbreadcrumb__titleslide-title-2"><span><i
class="fa-solid fa-star-sharp"></i></span>
VIEW OUR ALL OUTLET</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title mtbreadcrumb__titleslide-title-2"><span><i
class="fa-solid fa-star-sharp"></i></span>
VIEW OUR ALL OUTLET</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title mtbreadcrumb__titleslide-title-2"><span><i
class="fa-solid fa-star-sharp"></i></span>
VIEW OUR ALL OUTLET</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title mtbreadcrumb__titleslide-title-2"><span><i
class="fa-solid fa-star-sharp"></i></span>
VIEW OUR ALL OUTLET</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title mtbreadcrumb__titleslide-title-2"><span><i
class="fa-solid fa-star-sharp"></i></span>
VIEW OUR ALL OUTLET</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title mtbreadcrumb__titleslide-title-2"><span><i
class="fa-solid fa-star-sharp"></i></span>
VIEW OUR ALL OUTLET</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title mtbreadcrumb__titleslide-title-2"><span><i
class="fa-solid fa-star-sharp"></i></span>
VIEW OUR ALL OUTLET</h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbreadcrumb__titleslide ">
<h5 class="mtbreadcrumb__titleslide-title mtbreadcrumb__titleslide-title-2"><span><i
class="fa-solid fa-star-sharp"></i></span>
VIEW OUR ALL OUTLET</h5>
</div>
</div>
</div>
</div>
</section>
<!-- End Brand Title -->
<div class="mt-map-area">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d158858.182370726!2d-0.10159865000000001!3d51.52864165!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a00baf21de75%3A0x52963a5addd52a99!2sLondon%2C%20UK!5e0!3m2!1sen!2sbd!4v1745384213365!5m2!1sen!2sbd"></iframe>
</div>
<!-- Start Newslatter Area -->
<section class="mtnewslatter__area mtnewslatter__space mt-120 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/ajax-form.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>