/home/moonrcjl/template.moontelict.com/testorest/product-details.html
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Testorest - Restaurant Seafood Cafe Burger HTML5 Template.</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.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-bundle.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/nice-select.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- scroll to top -->
<button id="back-to-top"><i class="fa-light fa-arrow-up-long"></i></button>
<!-- Preloader -->
<div class="preloader" id="preloader">
<div class="spinner-grow" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
<div class="mt-offcanvas">
<div class="mt-offcanvas-wrapper">
<div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-90">
<div class="mt-offcanvas-logo">
<a href="index.html"><img src="assets/img/logo/white-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="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-gallery mb-50">
<a class="popup-image" href="assets/img/gallery/thumb-1.jpg"><img src="assets/img/gallery/thumb-1.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/gallery/thumb-2.jpg"><img src="assets/img/gallery/thumb-2.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/gallery/thumb-1.jpg"><img src="assets/img/gallery/thumb-1.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/gallery/thumb-4.jpg"><img src="assets/img/gallery/thumb-4.jpg"
alt=""></a>
</div>
<div class="mt-offcanvas-info mb-50">
<h3 class="mt-offcanvas-sm-title">Information</h3>
<span><a href="tel:42077001007">+ 4 20 7700 1007</a></span>
<span><a href="mailto:hello@compay.com">hello@compay.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>
<div class="mt-offcanvas-overlay"></div>
<header id="mtfooterarrow" class="mt-header-area p-relative z-index-11 mt-transparent-header">
<!-- header main area start -->
<div id="mt-header-sticky" class="mt-header-area ">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-2 col-6">
<div class="mt-header-logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xl-10 col-lg-10 col-6">
<div class="mt-header-wrap d-flex align-items-center justify-content-end justify-content-xl-between">
<div class="mt-header-menu d-none d-xl-block ml-90">
<nav class="mt-mobile-menu-active mt-menu">
<ul>
<li class="dropdown has-dropdown"><a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 01</a></li>
<li><a href="index-2.html">Home 02 </a></li>
<li><a href="index-3.html">Home 03</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Page</a>
<ul class="sub-menu">
<li><a href="about.html"> About Us</a></li>
<li><a href="service.html">Our Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
<li><a href="gallery-page.html">Gallery Page</a></li>
<li><a href="chief.html">Our Chief</a></li>
<li><a href="shop.html">Modern Shop</a></li>
<li><a href="product-details.html">Shop Details</a></li>
<li><a href="menu-page.html">Modern Menu</a></li>
<li><a href="booking.html">Booking Page</a></li>
<li><a href="book-table.html">Booking Table</a></li>
<li><a href="error.html">Error 404</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Menu</a>
<ul class="sub-menu">
<li><a href="menu-page.html">Modern Menu</a></li>
<li><a href="booking.html">Booking Page</a></li>
<li><a href="book-table.html">Booking Table</a></li>
<li><a href="chief.html">Chief Page</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Modern Shop</a></li>
<li><a href="product-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout Page</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">news</a>
<ul class="sub-menu">
<li><a href="blog.html">Modern 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="mt-header-right d-flex align-items-center">
<div class="mt-header-contact mr-15 d-none d-md-block">
<a href="tel:2395550108"><span><i class="fa-light fa-phone"></i></span>(239) 555-0108</a>
</div>
<div class="mt-header-bar mt-10 mb-10 mr-15">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<main>
<!-- Breadcrumb Area Start -->
<section class="mt-breadcrumb-area mt-breadcrumb-bg mt-breadcrumb-space p-relative fix"
data-background="assets/img/breadcrumb/breadcrumb-bg.jpg">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 mb-30">
<div class="mt-breadcrumb z-index-2">
<h1 class="mt-breadcrumb-title mt-upper ">Product Details</h1>
<div class="mt-breadcrumb-list mt-20">
<span class="active"><a href="index.html">Home</a></span>
<span class="dvir">-</span>
<span>Product Details</span>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="mt-breadcrumb-thumb-wrap z-index-2 ">
<div class="mt-breadcrumb-thumb text-center text-lg-end wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/breadcrumb/thumb.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Product Details Area Start -->
<section class="mtproduct__details-area pt-110 pb-20 fix p-relative">
<div class="container">
<div class="row">
<div class="col-xl-7 ">
<div class="mtproduct__details-wrapper mb-30">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9">
<div class="mtproduct__details-tabthumb mb-30 ">
<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="mtproduct__thumb mtproduct__thumb-space p-relative fix wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s"
data-background="assets/img/product/feature-bg-shape.png">
<img src="assets/img/product/thumb-4.jpg" alt="">
</div>
</div>
<div class="tab-pane fade" id="nav-two" role="tabpanel" aria-labelledby="nav-two-tab">
<div class="mtproduct__thumb mtproduct__thumb-space p-relative fix wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s"
data-background="assets/img/product/feature-bg-shape.png">
<img src="assets/img/product/thumb-3.jpg" alt="">
</div>
</div>
<div class="tab-pane fade" id="nav-three" role="tabpanel" aria-labelledby="nav-three-tab">
<div class="mtproduct__thumb mtproduct__thumb-space p-relative fix wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s"
data-background="assets/img/product/feature-bg-shape.png">
<img src="assets/img/product/thumb-5.jpg" alt="">
</div>
</div>
<div class="tab-pane fade" id="nav-four" role="tabpanel" aria-labelledby="nav-four-tab">
<div class="mtproduct__thumb mtproduct__thumb-space p-relative fix wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s"
data-background="assets/img/product/feature-bg-shape.png">
<img src="assets/img/product/thumb-9.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="mtproduct__details-tabbtn ml-18">
<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/thumb-sm-4.jpg" 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/thumb-sm-3.jpg" 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/thumb-sm-2.jpg" 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/thumb-sm-1.jpg" alt="">
</button>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5 ">
<div class="mtproduct__details-content mb-30 p-relative">
<h3 class="mtproduct__details-title mb-6">American Could Coffee</h3>
<div class="mtproduct__details-ratting mb-20">
<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="mtproduct__details-price mb-25">
<span>$56.00</span>
<del>$80.00</del>
</div>
<div class="mtproduct__details-separator"></div>
<div class="mtproduct__details-text mb-20">
<p>Experience the finest seafood with our premium products, meticulously selected to
bring the freshness and flavor of the ocean to your table. Each product is sourced
with care, ensuring top quality while supporting sustainable.</p>
</div>
<div class="mtproduct__details-quantity-wrap mb-30 d-flex align-items-end">
<div class="mtproduct__details-quantity-box">
<span>Quantity :</span>
<div class="mtproduct__details-quantity mt-10">
<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="mtproduct__details-btn mr-12">
<a class="mt-btn" href="cart.html">Add To Cart</a>
</div>
<div class="mtproduct__details-btn mr-12">
<a class="mt-btn-3" href="cart.html">Buy Now</a>
</div>
</div>
<div class="mtproduct__details-info mb-30">
<ul>
<li><span>Categories : </span>Tags clothing, e-commerce, fashion</li>
<li><span>Tags :</span>Black, Brown, Red, Shoes, £0.00 - £150.00 </li>
</ul>
</div>
<div class="mtproduct__details-social mb-20">
<span>Share:</span>
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-vimeo-v"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
<div class="mtproduct__details-tabs mt-20 ">
<div class="row">
<div class="col-xl-12 col-lg-12 col-12">
<div class="mtproduct__details-additional-tabs">
<div class="mtproduct__details-nav-btn mb-40">
<ul class="nav nav-tabs " 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="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 mtproduct__details-tabs" id="myTabContent-2">
<div class="tab-para tab-pane fade show active" id="home-1" role="tabpanel"
aria-labelledby="home-tab-1">
<div class="mtproduct__details-content-tab-wrap">
<div class="mtproduct__details-content-tab">
<p class="mb-25">Discover the ultimate seafood experience with our premium collection. Each
product is sustainably sourced and carefully handled to ensure exceptional freshness, flavor,
and quality. Perfect for
home cooking, special occasions, or gourmet recipes, our seafood brings the taste of the ocean
right to your plate. Packed with essential nutrients and crafted to meet the highest
standards,
our seafood offers a healthy and delicious way to elevate your meals. Dive into a world of
flavor and freshness today! Let me know if you'd like adjustments for a specific product or
audience.</p>
<h3 class="mtproduct__details-content-tab-title mb-20">Product Features:</h3>
<ul>
<li><span>Premium Quality – </span>Sourced from trusted fisheries, ensuring exceptional taste
and freshness in every bite.</li>
<li><span>Sustainably Harvested – </span> Ethically sourced to protect marine ecosystems and
promote responsible fishing practices.</li>
<li><span>Freshness Guarantee – </span> Expertly handled and packaged to maintain natural
flavor and texture from ocean to plate.</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane fade " id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
<div class="mtproduct__details-content-tab-wrap">
<div class="mtproduct__details-review">
<h3 class="mtproduct__details-review-title mb-35">2 reviews for “American Could Coffee”</h3>
<!-- comment -->
<div class="latest-comments mb-15">
<ul>
<li>
<div class="comments-box d-flex">
<div class="comments-avatar 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-20">
<div class="avatar-name">
<b>Elias Gomez</b>
<div class="comments-date">
<span>March 27, 2025 9:51 am</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">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
vulputate vestibulum Phasellus rhoncus, dolor eget viverra pretium, dolor tellus
aliquet nunc, vitae ultricies erat elit eu lacus. Vestibulum non justo consectetur,
cursus ante, tincidunt sapien. Nulla quis diam sit amet turpis interdum accumsan
quis nec enim. Vivamus faucibus ex sed nibh egestas elementum. Mauris et bibendum
dui. Aenean consequat pulvinar luctus. Suspendisse consectetur tristique tortor </p>
</div>
</div>
</li>
<li>
<div class="comments-box d-flex ">
<div class="comments-avatar 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-20">
<div class="avatar-name ">
<b>Mitchel Marsh</b>
<div class="comments-date">
<span>March 27, 2025 9:51 am</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">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
vulputate vestibulum Phasellus rhoncus, dolor eget viverra pretium, dolor tellus
aliquet nunc, vitae ultricies erat elit eu lacus. Vestibulum non justo consectetur,
cursus ante, tincidunt sapien. Nulla quis diam sit amet turpis interdum accumsan
quis nec enim. Vivamus faucibus ex sed nibh egestas elementum. Mauris et bibendum
dui. Aenean consequat pulvinar luctus. Suspendisse consectetur tristique tortor</p>
</div>
</div>
</li>
</ul>
</div>
<!-- form -->
<div class="mtproduct__details-comment pb-100">
<div class="comment-title mb-20">
<h3>Add a review</h3>
<p>Your email address will not be published. Required fields are
marked*</p>
</div>
<div class="comment-rating mb-20 d-flex">
<span>Overall ratings</span>
<ul>
<li><a href="#"><i class="fas fa-star"></i></a></li>
<li><a href="#"><i class="fas fa-star"></i></a></li>
<li><a href="#"><i class="fas fa-star"></i></a></li>
<li><a href="#"><i class="fas fa-star"></i></a></li>
<li><a href="#"><i class="fal fa-star"></i></a></li>
</ul>
</div>
<div class="mtproduct__details-input-box">
<form action="#">
<div class="row">
<div class="col-xxl-6">
<div class="mtcomment-input mb-20">
<input type="text" placeholder="Your Name*">
</div>
</div>
<div class="col-xxl-6">
<div class="mtcomment-input mb-20">
<input type="email" placeholder="Your Email*">
</div>
</div>
<div class="col-xxl-12">
<div class="mtcomment-input mb-20">
<textarea placeholder="Your review..."></textarea>
</div>
</div>
<div class="col-xxl-12">
<div class="mtcomment-submit ">
<button type="submit" class="mt-btn"><span>Submit
Review</span></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Product Details Area End -->
<!-- Feature Product Area Start -->
<section class="mtproduct__area mtproduct__2 p-relative fix pt-80 pb-30">
<div class="container">
<div class="mt-section-content mb-40 text-center">
<h2 class="mt-section-title mb-15">Related Product</h2>
</div>
<div class="mtproduct__slider-wrapper">
<div class="swiper mtproduct__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtproduct__wrapper p-relative fix text-center mb-30">
<div class="mtproduct__item ">
<div class="mtproduct__thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a href="product-details.html">
<img src="assets/img/product/feature-2-1.jpg" alt="">
</a>
</div>
<div class="mtproduct__content mb-15">
<div class="mtproduct__rating 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-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
<h5 class="mtproduct__title mb-10">
<a href="product-details.html">Golden Fried Shrimps</a>
</h5>
</div>
<div class="mtproduct__price">
<span>$29.00</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtproduct__wrapper p-relative fix text-center mb-30">
<div class="mtproduct__item ">
<div class="mtproduct__thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<a href="product-details.html">
<img src="assets/img/product/feature-2-2.jpg" alt="">
</a>
</div>
<div class="mtproduct__content mb-15">
<div class="mtproduct__rating 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-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
<h5 class="mtproduct__title mb-10">
<a href="product-details.html">Fried Clam Strips</a>
</h5>
</div>
<div class="mtproduct__price">
<span>$29.00</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtproduct__wrapper p-relative fix text-center mb-30">
<div class="mtproduct__item ">
<div class="mtproduct__thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<a href="product-details.html">
<img src="assets/img/product/feature-2-3.jpg" alt="">
</a>
</div>
<div class="mtproduct__content mb-15">
<div class="mtproduct__rating 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-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
<h5 class="mtproduct__title mb-10">
<a href="product-details.html">Soft-Shell Crab Tempura</a>
</h5>
</div>
<div class="mtproduct__price">
<span>$29.00</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtproduct__wrapper p-relative fix text-center mb-30">
<div class="mtproduct__item ">
<div class="mtproduct__thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a href="product-details.html">
<img src="assets/img/product/feature-2-2.jpg" alt="">
</a>
</div>
<div class="mtproduct__content mb-15">
<div class="mtproduct__rating 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-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
<h5 class="mtproduct__title mb-10">
<a href="product-details.html">Golden Fried Shrimps</a>
</h5>
</div>
<div class="mtproduct__price">
<span>$29.00</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtproduct__wrapper p-relative fix text-center mb-30">
<div class="mtproduct__item ">
<div class="mtproduct__thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<a href="product-details.html">
<img src="assets/img/product/feature-2-1.jpg" alt="">
</a>
</div>
<div class="mtproduct__content mb-15">
<div class="mtproduct__rating 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-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
<h5 class="mtproduct__title mb-10">
<a href="product-details.html">Soft-Shell Crab Tempura</a>
</h5>
</div>
<div class="mtproduct__price">
<span>$29.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Feature Product Area End -->
<!-- Instagram Area Start -->
<div class="mtinstagram__area p-relative pt-45 pb-60 fix">
<div class="container-fluid px-0 ">
<div class="swiper mtinstagram__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/instagram/thumb-1-1.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/instagram/thumb-1-2.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/instagram/thumb-1-3.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/instagram/thumb-1-4.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/instagram/thumb-1-5.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/instagram/thumb-1-6.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/instagram/thumb-1-2.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Instagram Area End -->
</main>
<!-- footer start -->
<footer class="mtfooter__area mtfooter__2 p-relative fix">
<div class="mtfooter__shape">
<img src="assets/img/footer/shape-1-1.png" alt="">
</div>
<div class="mtfooter__shape-2">
<img src="assets/img/footer/shape-1-2.png" alt="">
</div>
<div class="mtfooter__shape-3">
<img src="assets/img/footer/shape-1-3.png" alt="">
</div>
<div class="mtfooter__shape-4">
<img src="assets/img/footer/shape-1-4.png" alt="">
</div>
<div class="container">
<div class="mtfooter__border mtfooter__space p-relative">
<div class="row">
<div class="mtfooter__logo text-center">
<a href="index.html"><img src="assets/img/footer/logo.png" alt=""></a>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget mtborder text-center">
<h2 class="mtfooter__title mb-20">Get In Touch</h2>
<div class="mtfooter__contact">
<ul>
<li><span>T.</span><a href="tel:603555-0123">+(603) 555-0123</a> </li>
<li><span>G.</span><a href="mailto:Testorest@gmail.com">Testorest@gmail.com</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget mtborder text-center">
<h2 class="mtfooter__title mb-20">Address</h2>
<div class="mtfooter__contact">
<ul>
<li><a href="#">4140 Parker Rd. Allentown, <br>
New Mexico 31134</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget mtborder text-center">
<h2 class="mtfooter__title mb-20">Sub Branch</h2>
<div class="mtfooter__contact">
<ul>
<li><a href="#">2464 Royal Ln. Mesa, New <br>
Jersey 45463</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget text-center">
<h2 class="mtfooter__title mb-20">opening Hours </h2>
<div class="mtfooter__contact">
<ul>
<li><span>Mon - Fri:</span><a href="#">10.00 am - 01:00 am</a> </li>
<li><span>Fri - Sun:</span><a href="#">10.00 am - 01:00 am</a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mtcopyright__area mtcopyright__space p-relative">
<div class="container">
<div class="mtcopyright__topicon">
<a href="#mtfooterarrow"><i class="fa-light fa-arrow-up-long"></i></a>
</div>
<div class="row align-items-center">
<div class="col-xl-6">
<div class="mtcopyright__content">
<p>© 1995-2025 All rights for Testorest exclusive</p>
</div>
</div>
<div class="col-xl-6">
<div class="mtcopyright__menu text-lg-end">
<ul>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--<< Mouse Cursor Start >>-->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- JS here -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/jarallax.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/mobile-menu-scripts.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/range-slider.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>