/home/moonrcjl/template.moontelict.com/rosun/team-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">Team <span>Details</span></h1>
<div class="mt-breadcrumb-list">
<span class="active"><a href="#">Home</a></span>
<span class="dvir">-</span>
<span><a href="#">Team 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>
<!-- 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>
Team 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>
Team 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>
Team 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>
Team 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>
Team 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>
Team 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>
Team 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>
Team Details</h5>
</div>
</div>
</div>
</div>
</section>
<!-- End Brand Title -->
<!-- Team Details Area Start -->
<section class="mt-team-details-area pt-130 pb-90">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-5">
<div class="team-details-thumb br-15">
<img class="w-100 wow img-custom-anim-top" data-wow-duration="1s" data-wow-delay=".2s"
src="assets/img/team/team-details.jpg" alt="">
</div>
<div class="team-details-thumb-bottom mt-30 mb-40">
<div class="row align-items-center">
<div class="col-6">
<div class="mt-team-call">
<a href="mailto:test@gmail.com">Email Me <i class="far fa-phone"></i></a>
</div>
</div>
<div class="col-6">
<div class="mt-team-social-share text-end">
<div class="mt-postbox-social text-end">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-7">
<div class="mt-team-details-content pl-70 mb-40">
<div class="mt-section-content ">
<h3 class="mt-section-title mb-6">Ralph Edwards</h3>
<span>Founder & CEO</span>
<div class="mb-20"></div>
<p>As an artist here to solve such issues, we successfully filed several mandamus cases
on
behalf of more than 250 artwork and their family members and had approved green
cards
within several months after filing a complaint.</p>
</div>
<div class="mt-team-more-info mt-30">
<h4 class="mt-team-sm-title mb-20">More details</h4>
<ul>
<li><label>Location:</label> <span>Germany</span></li>
<li><label>Position:</label> <span>Founder & CEO</span></li>
<li><label>Location:</label> <span>info@example.com</span></li>
<li><label>Age:</label> <span>35</span></li>
<li><label>Qualification:</label> <span> Master Degree</span></li>
<li><label>Gender:</label> <span>Male</span></li>
</ul>
</div>
<div class="mt-team-exp-info mt-30">
<h4 class="mt-team-sm-title mb-20">Experience</h4>
<ul>
<li>Legal employee business law firm (2019-2023)</li>
<li>Research Assistant University of St.Gallen (2017-2019)</li>
<li>Corporate Finance & Management (2013-2017)</li>
</ul>
</div>
<div class="mt-team-skill-info mt-30 mb-60">
<h4 class="mt-team-sm-title mb-20">My Skill</h4>
<div class="mt-skill-bar">
<div class="mt-skill-item mb-25">
<label>Concept</label>
<div class="progress-outer">
<span class="progress-num" style="left:calc(80% - 31px)">80%</span>
<div class="fix">
<div class="progress wow tpSkillInLeft " data-wow-duration="1s"
data-wow-delay="0.2s" role="progressbar"
aria-label="Example with label" aria-valuenow="25" aria-valuemin="0"
aria-valuemax="100">
<div class="progress-bar" style="width: 80%"></div>
</div>
</div>
</div>
</div>
<div class="mt-skill-item mb-25">
<label>Research</label>
<div class="progress-outer">
<span class="progress-num" style="left:calc(90% - 31px)">90%</span>
<div class="fix">
<div class="progress wow tpSkillInLeft " data-wow-duration="1s"
data-wow-delay="0.4s" role="progressbar"
aria-label="Example with label" aria-valuenow="25" aria-valuemin="0"
aria-valuemax="100">
<div class="progress-bar" style="width: 90%"></div>
</div>
</div>
</div>
</div>
<div class="mt-skill-item mb-25">
<label>Development</label>
<div class="progress-outer">
<span class="progress-num" style="left:calc(85% - 31px)">85%</span>
<div class="fix">
<div class="progress wow tpSkillInLeft " data-wow-duration="1s"
data-wow-delay="0.6s" role="progressbar"
aria-label="Example with label" aria-valuenow="25" aria-valuemin="0"
aria-valuemax="100">
<div class="progress-bar" style="width: 85%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="contact-form-box">
<h4 class="mt-team-sm-title mb-20">Experience</h4>
<form action="assets/mail.php" method="post" id="contact-form">
<div class="row">
<div class="col-md-6 mb-30">
<input name="name" type="text" placeholder="Full Name*">
</div>
<div class="col-md-6 mb-30">
<input name="email" type="email" placeholder="Email Here*">
</div>
<div class="col-md-12 mb-30">
<input name="subject" type="text" placeholder="subject *">
</div>
<div class="col-md-12 mb-45">
<textarea name="message" cols="30" rows="10"
placeholder="Message*"></textarea>
</div>
<div class="col-12">
<button type="submit" class="mt-btn">
<span>Send Message</span>
</button>
</div>
</div>
<p class="ajax-response"></p>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start Newslatter Area -->
<section class="mtnewslatter__area mtnewslatter__space 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>