/home/moonrcjl/template.moontelict.com/a.maxfy-prev/maxfy/shop-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>A.Maxfy – The Multipurpose AI, Cyber Security & Event Platform 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/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>
<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/project/portfolio-4-1.jpg"><img
src="assets/img/project/portfolio-4-1.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/portfolio-4-2.jpg"><img
src="assets/img/project/portfolio-4-2.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/portfolio-4-3.jpg"><img
src="assets/img/project/portfolio-4-3.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/portfolio-4-4.jpg"><img
src="assets/img/project/portfolio-4-4.jpg" alt=""></a>
</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@maxfy.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>
<!-- mt header search -->
<div class="mt-header-search-bar d-flex align-items-center">
<button class="mt-search-close">×</button>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="mt-search-bar text-center">
<h2 class="mt-search-bar-title mb-30">What are you looking for?</h2>
<div class="contact-form-box contact-search-form-box">
<form action="#">
<input type="email" placeholder="Search Here">
<button type="submit"><i class="far fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<header class="mt-header-area mt-header-10 mt-header-7 p-relative z-index-9" data-bg-color="#0A0B0A">
<!-- header top area start -->
<div class="mt-header-top-area mt-header-top-3 mt-header-top-border-4 plr-200 d-none d-xl-block ">
<div class="container-fluid">
<div class="row align-items-center justify-content-between">
<div class="col-xl-8 col-lg-7">
<div class="mt-header-top-left text-start d-none d-xl-block">
<ul>
<li><a href="tel:8085550111"><span><i class="fa-regular fa-phone"></i></span>(808)
555-0111</a></li>
<li><a href="mailto:Info@lax.fy.com"><span><i
class="fa-light fa-envelope"></i></span>Info@lax.fy.com</a></li>
<li><a href="#"><span><i class="fa-light fa-clock"></i></span>MON - FRI : 9AM - 10PM</a>
</li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-5 ">
<div class="mt-header-top-right-wrapper">
<div class="mt-header-top-right ">
<ul>
<li><span>Follow Us :</span></li>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area start -->
<div id="mt-header-sticky" class="mt-header-area mt-header-11 plr-200">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-5">
<div class="mt-header-wrap">
<div class="mt-header-menu d-none d-xl-block">
<nav class="mt-mobile-menu-active">
<ul>
<li class="dropdown has-dropdown p-static"><a href="#">Home</a>
<div class="mt-mega-menu mtmega-menu">
<div class="mt-home-menu">
<div class="row gx-4 row-cols-1 row-cols-md-1 row-cols-xl-5">
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/home-1.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="index.html">Dark
Version</a>
<a class="mt-menu-light" href="index-light.html">Light Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="index.html">AI image Generator</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/home-2.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="index-2.html">Dark
Version</a>
<a class="mt-menu-light" href="index-2-light.html">Light Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="index-2.html"> Cyber security</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/home-3.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="index-3.html">Dark
Version</a>
<a class="mt-menu-light" href="index-3-light.html">Light Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="index-3.html"> Ai Digital Agency</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/home-4.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="index-4.html">Dark
Version</a>
<a class="mt-menu-light" href="index-4-light.html">Light Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="index-4.html"> Event & Conference</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-5.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="data-analysis.html">Dark Version</a>
<a class="mt-menu-light" href="data-analysis-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="data-analysis.html">Data analysis</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-6.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="apps-landing.html">Dark Version</a>
<a class="mt-menu-light" href="apps-landing-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="apps-landing.html"> Apps Landing</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-7.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="online-payment.html">Online
Payments</a>
<a class="mt-menu-light d-none"
href="online-payment-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="online-payment.html"> Online Payment</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-8.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="sport-football.html">Modern Sports
Shop</a>
<a class="mt-menu-light d-none"
href="sport-football-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="sport-football.html"> Modern sports
Shop</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-9.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="e-learning.html">
E-learning</a>
<a class="mt-menu-light d-none" href="e-learning-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="e-learning.html"> Modern E-learning</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/coming.jpg" alt="">
<div class="homemenu-btn d-none">
<a class="mt-menu-dark" href="apps-landing.html">Dark Version</a>
<a class="mt-menu-light" href="apps-landing-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="#"> Restaurant Comming Soon</a>
</h4>
</div>
</div>
</div>
</div>
</div>
</li>
<li><a href="sport-about.html">About </a></li>
<li class="dropdown has-dropdown"><a href="#">Pages</a>
<ul class="sub-menu">
<li><a href="shop.html">Modern Shop </a></li>
<li><a href="shop-details.html">Shop Detials </a></li>
<li><a href="cart.html">Our Cart </a></li>
<li><a href="wishlist.html">Wishlist </a></li>
<li><a href="checkout.html">Checkout </a></li>
<li><a href="login.html">Our Login </a></li>
<li><a href="register.html">Register Page </a></li>
<li><a href="sport-blog-grid.html">Blog Grid </a></li>
<li><a href="sport-blog-list.html">Blog List </a></li>
<li><a href="sport-blog-details.html">Blog Details </a></li>
<li><a href="sport-contact.html">Contact Us </a></li>
</ul>
</li>
<li><a href="sport-blog-grid.html"> Our Blog</a></li>
<li><a href="sport-contact.html">Contact Us </a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-2 col-6">
<div class="mt-header-logo ">
<a href="sport-football.html"><img src="assets/img/logo/sport-logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xl-4 col-lg-10 col-6">
<div class="mt-header-wrap ">
<div class="d-nonw d-lg-block">
<div class="mt-header-right pt-10 pb-10">
<div class="mt-header-btn mr-18 d-none d-lg-block">
<a href="login.html" class="mt-btn-border boraus mtwhite">login
<i class="fa-light fa-arrow-right-long"></i></a>
</div>
<div class="mt-header-btn mr-18">
<a href="register.html" class=" mt-btn-3 ">Sign Up
<i class="fa-light fa-arrow-right-long"></i></a>
</div>
<div class="mt-header-toggle-bar d-xl-none">
<button class="mt-offcanvas-toggle mt-offcanvas-toogle">
<i class="fa-regular fa-bars-staggered"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<main>
<!-- Breadcrumb Area Start -->
<section class="mt-breadcrumb-area mt-breadcrumb-8 p-relative fix"
data-background="assets/img/breadcrumb/thumb-es-1.jpg">
<div class="mt-breadcrumb-shape">
<img src="assets/img/breadcrumb/shape-es.png" alt="">
</div>
<div class="container">
<div class="row ">
<div class="col-lg-12">
<div class="mt-breadcrumb z-index-2">
<h1 class="mt-breadcrumb-title">Shop Detials </h1>
<div class="mt-breadcrumb-list">
<span class="active"><a href="sport-football.html">Home</a></span>
<span class="dvir"> - </span>
<span>Shop Details</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!--product-details-area-start -->
<div class="mt-product-details-area pt-130 fix">
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-6 ">
<div class="mt-shop-details__wrapper mb-30 mr-40">
<div class="row g-0">
<div class="col-xl-3 col-12 order-last order-xl-first">
<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/product-1-3.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/product-1-6.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/product-1-5.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/product-1-4.png" alt="">
</button>
</div>
</nav>
</div>
</div>
<div class="col-xl-9 col-12 order-first order-xl-last">
<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-5 col-lg-6 ">
<div class="mt-shop-details__right-warp mb-30 p-relative">
<div class="mt-shop-details__offer ">
<span class="red-color" data-color="#767676">jersey</span>
</div>
<h3 class="mt-shop-details__title-sm mb-15 text-black">Velocity Sports Pro</h3>
<div class="mt-shop-details__ratting-wrap mb-14 d-flex align-items-center">
<div class="mt-shop-details__ratting mr-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-solid fa-star-sharp"></i>
</span>
<span>
<i class="fa-regular fa-star-sharp-half-stroke"></i>
</span>
<span class="review-text">(150 Review)</span>
</div>
<div class="mt-shop-details__sold">
<h4><span><i class="fa-solid fa-fire-flame-curved"></i></span> 15 sold in last 24 hours
</h4>
</div>
</div>
<div class="mt-shop-details__price mb-17">
<del>$120.55</del>
<span>$80.55</span>
</div>
<div class="mt-shop-details__text mb-20">
<p data-color="#767676">Our jerseys blend style, comfort, and performance, designed to
bring out the athlete in you. Made from premium,</p>
</div>
<div class="mt-shop-details__color mb-20">
<span class="mt-shop-details__subtitle">Color : </span>
<ul>
<li><cite data-bg-color="yellow"></cite> <span>yellow</span> </li>
<li><cite data-bg-color="black"></cite> <span>Black</span></li>
<li><cite data-bg-color="green"></cite> <span>Green</span> </li>
<li><cite data-bg-color="red"></cite> <span>Red</span> </li>
</ul>
</div>
<div class="mt-shop-details__size mb-20">
<span class="mt-shop-details__subtitle">Size :</span>
<ul>
<li><img src="assets/img/product/product-1-1.png" alt=""> <span>S</span> </li>
<li><img src="assets/img/product/product-1-2.png" alt=""> <span>M</span></li>
<li><img src="assets/img/product/product-1-3.png" alt=""> <span>L</span> </li>
<li><img src="assets/img/product/product-1-4.png" alt=""> <span>XL</span> </li>
</ul>
</div>
</div>
<div class="mt-shop-details__quantity-box mb-20">
<span class="mt-shop-details__subtitle">quantity :</span>
<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="1">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i></div>
</div>
</div>
<div class="mt-shop-details__quantity-wrap mb-20 d-flex align-items-center justify-content-between">
<div class="mt-shop-details__btn ">
<a class=" mt-upper w-100" href="cart.html">
<span class="ml-6"><i class="fa-solid fa-basket-shopping"></i> </span>
Add To
Cart
</a>
</div>
<div class="mt-shop-details__wishlist">
<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__buy mb-20">
<a class="mt-btn mt-btn-6 mt-upper w-100 text-center" href="cart.html">buy It Now</a>
</div>
<div class="mt-shop-details__meta mb-20">
<ul>
<li>SKU: <span>ROSH556</span></li>
<li>Category : <span>sport, </span> <span>fashion</span> </li>
<li>Tags : <span>jersey,</span> <span>Sport</span></li>
</ul>
</div>
<div class="mt-shop-details__product-box mb-20">
<div class="mt-shop-details__product-box-item d-flex align-items-center ">
<span><i class="fa-light fa-truck-fast"></i></span>
<div class="mt-shop-details__product-box-text">
<p data-color="#767676"><span>Estimate delivery :</span> 22-26 Dec, 2025</p>
</div>
</div>
<div class="mt-shop-details__product-box-item d-flex align-items-center ">
<span><i class="fa-light fa-person-dolly"></i></span>
<div class="mt-shop-details__product-box-text">
<p data-color="#767676"><span>delivers in :</span> 2-5 working days</p>
</div>
</div>
</div>
<div class="mt-shop-details__payment">
<span data-color="#767676">checkout with :</span>
<img src="assets/img/product/payment.png" alt="">
</div>
</div>
</div>
<div class="row">
<div class="mt-productdetails-tabs mt-120 ">
<div class="row">
<div class="col-xl-12 col-lg-12 col-12">
<div class="mt-productdetails-tabs-additional">
<div class="mt-productdetails-tabs-nav ">
<ul class="nav nav-tabs mt-productdetails-tabs-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="reviews-tab" data-bs-toggle="tab"
data-bs-target="#reviews" type="button" role="tab" aria-controls="reviews"
aria-selected="false"><span>Customer Reviews</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>
</ul>
</div>
<div class="tab-content mt-productdetails-tabs-wrapper" id="myTabContent-2">
<div class="tab-para tab-pane fade show active" id="home-1" role="tabpanel"
aria-labelledby="home-tab-1">
<div class="mt-productdetails-tabs-wrap mb-110">
<div class="mt-productdetails-tabs-content">
<p class="mb-20" data-color="#767676">Experience the ultimate comfort and
performance with our
high-quality football jerseys. Designed with athletes and fans in mind,
each jersey combines
cutting-edge materials with iconic style. Whether you're on the field or
supporting from the sidelines, this jersey is made to move with you.
Show your
passion and pride with a product built to last and crafted to inspire.
</p>
</div>
<div class="mt-productdetails-tabs-list">
<h3 class="mt-productdetails-tabs-title mb-15" data-color="#000">Product
Features:</h3>
<ul>
<li data-color="#767676"><span>Breathable Fabric </span> – Keeps you cool and
comfortable,
even during intense play.</li>
<li data-color="#767676"><span>Moisture-Wicking Technology </span> – Draws
sweat away from
the skin for a fresh feel. </li>
<li data-color="#767676"><span>Lightweight Design </span> – Allows freedom of
movement
without any added bulk.</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane fade " id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
<div class="mt-productdetails-tabs-wrap mb-110">
<div
class="mt-productdetails-tabs-range d-flex align-items-center justify-content-between mb-40">
<div class="mt-productdetails-tabs-range-wrap d-flex align-items-center">
<div class="mt-productdetails-tabs-range-rating mr-20">
<h2 class="mt-productdetails-tabs-range-count mb-0">5.0</h2>
<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>
</ul>
<p class="mt-6" data-color="#767676">(5.0 Rating)</p>
</div>
<div class="mt-productdetails-tabs-range">
<div class="mt-productdetails-tabs-range-bar mb-10">
<ul>
<li>5.0</li>
<li><span></span></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><i class="fa-solid fa-star-sharp"></i></li>
</ul>
</div>
<div class="mt-productdetails-tabs-range-bar mb-10">
<ul>
<li>4.0</li>
<li><span></span></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><i class="fa-regular fa-star-sharp-half-stroke"></i></li>
</ul>
</div>
<div class="mt-productdetails-tabs-range-bar mb-10">
<ul>
<li>3.0</li>
<li><span></span></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-regular fa-star-sharp-half-stroke"></i></li>
<li><i class="fa-regular fa-star-sharp-half-stroke"></i></li>
</ul>
</div>
<div class="mt-productdetails-tabs-range-bar mb-10">
<ul>
<li>2.0</li>
<li><span></span></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-regular fa-star-sharp-half-stroke"></i></li>
<li><i class="fa-regular fa-star-sharp-half-stroke"></i></li>
<li><i class="fa-regular fa-star-sharp-half-stroke"></i></li>
</ul>
</div>
<div class="mt-productdetails-tabs-range-bar mb-10">
<ul>
<li>1.0</li>
<li><span></span></li>
<li><i class="fa-solid fa-star-sharp"></i></li>
<li><i class="fa-regular fa-star-sharp-half-stroke"></i></li>
<li><i class="fa-regular fa-star-sharp-half-stroke"></i></li>
<li><i class="fa-regular fa-star-sharp-half-stroke"></i></li>
<li><i class="fa-regular fa-star-sharp-half-stroke"></i></li>
</ul>
</div>
</div>
</div>
<div class="mt-productdetails-tabs-range-btn">
<a href="#">cancel Review</a>
</div>
</div>
<!-- form -->
<div class="mt-productdetails-comment-wrapper mb-20">
<div class="mt-productdetails-comment-ratting mb-30 d-flex">
<span class="mt-productdetails-comment-title mr-10">write a review</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="mtcontact__forms">
<form action="#">
<div class="row">
<div class="col-12 mb-15">
<div class="mtcontact__form-inputbox">
<input type="text" placeholder="give your review a tittle">
</div>
</div>
<div class="col-12 mb-15">
<div class="mtcontact__form-inputbox">
<textarea placeholder="write your comments hare"></textarea>
</div>
</div>
<div class="col-lg-6 col-12 mb-15">
<div class="mtcontact__form-inputbox">
<input type="text" placeholder="Your Email (private)">
</div>
</div>
<div class="col-lg-6 col-12 mb-15">
<div class="mtcontact__form-inputbox">
<input type="text" placeholder="Your name (public)">
</div>
</div>
</div>
<button type="submit" class="mt-btn-3 mt-40"><span>Submit
Remiew</span></button>
</form>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="additional-information" role="tabpanel"
aria-labelledby="information-tab">
<div class="mt-productdetails-tabs-wrap mb-110">
<div class="mt-productdetails-tabs-content">
<p class="mb-30" data-color="#767676">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="mt-productdetails-tabs-info table-responsive">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- product-details-area-end -->
<!-- Product Area Start -->
<section class="mt-product-area pt-30 pb-100 p-relative">
<div class="container">
<div class="mt-section-content mb-50 text-center">
<h2 class="mt-section-title mt-upper" data-color="#000">related product</h2>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6">
<div class="mt-product-wrapper wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mt-product-item text-center mb-24">
<div class="mt-product-thumb p-relative mb-10 fix">
<div class="mt-product-cate">
<span>Sale</span>
</div>
<div class="mt-product-wishlist">
<a href="#"><i class="fa-light fa-heart"></i></a>
<a href="#"><i class="fa-light fa-magnifying-glass"></i></a>
</div>
<img src="assets/img/product/product-1-1.png" alt="">
<div class="mt-product-btn">
<a href="#"><span><i class="fa-light fa-basket-shopping-simple"></i></span> Add To
Card</a>
</div>
</div>
<div class="mt-product-content">
<h3 class="mt-product-title mb-10"><a href="#">Powerplay Performance</a></h3>
<div class="mt-product-rating mb-7">
<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>
<div class="mt-product-price mb-10">
<del>$120.55</del>
<span>$80.55</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="mt-product-wrapper wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<div class="mt-product-item text-center mb-24">
<div class="mt-product-thumb p-relative mb-10 fix">
<div class="mt-product-wishlist">
<a href="#"><i class="fa-light fa-heart"></i></a>
<a href="#"><i class="fa-light fa-magnifying-glass"></i></a>
</div>
<img src="assets/img/product/product-1-2.png" alt="">
<div class="mt-product-btn">
<a href="#"><span><i class="fa-light fa-basket-shopping-simple"></i></span> Add To
Card</a>
</div>
</div>
<div class="mt-product-content">
<h3 class="mt-product-title mb-10"><a href="#">Velocity Sports Pro</a></h3>
<div class="mt-product-rating mb-7">
<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>
<div class="mt-product-price mb-10">
<span>$170.55</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="mt-product-wrapper wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<div class="mt-product-item text-center mb-24">
<div class="mt-product-thumb p-relative mb-10 fix">
<div class="mt-product-cate">
<span>Sale</span>
</div>
<div class="mt-product-wishlist">
<a href="#"><i class="fa-light fa-heart"></i></a>
<a href="#"><i class="fa-light fa-magnifying-glass"></i></a>
</div>
<img src="assets/img/product/product-1-3.png" alt="">
<div class="mt-product-btn">
<a href="#"><span><i class="fa-light fa-basket-shopping-simple"></i></span> Add To
Card</a>
</div>
</div>
<div class="mt-product-content">
<h3 class="mt-product-title mb-10"><a href="#">ProFlex Sports</a></h3>
<div class="mt-product-rating mb-7">
<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>
<div class="mt-product-price mb-10">
<del>$120.55</del>
<span>$30.55</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Product Area End -->
<div class="mt-newsletter-area mt-newsletter-2 pt-80 pb-40 wow mtFadeInUp" data-wow-duration="1.5s"
data-wow-delay="0.4s" data-bg-color="#111410">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="mt-newsletter-wrap mb-30 ">
<h3 class="mt-newsletter-title">Subscribe for the
updates! </h3>
</div>
</div>
<div class="col-lg-7">
<div class="mt-newsletter-box mb-30">
<form action="#">
<div class="mt-newsletter-input p-relative">
<input type="email" placeholder="Inter Your email">
</div>
<button class="mt-btn-3" type="submit">Subscribe<span><i
class="fa-light fa-arrow-right"></i></span></button>
<div class="form-check mt-newsletter-inputbox">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
I Agree to the privacy policy.
</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- footer start -->
<footer class="mt-footer-area mt-footer-8 mt-footer-9 p-relative" data-bg-color="#111410">
<div class="mt-footer-main-wraper pt-110 pb-70 p-relative">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="mt-footer-widget mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mt-footer-logo mb-7">
<a href="sport-football.html"><img src="assets/img/logo/red-logo.png" alt=""></a>
</div>
<div class="mt-footer-content mb-20">
<p>We're passionate about bringing the best
football experience to fans.</p>
</div>
<div class="mt-footer-play d-flex justify-content-between">
<a class="mr-10" href="sport-contact.html"><img src="assets/img/footer/g-play.png" alt=""></a>
<a href="sport-contact.html"><img src="assets/img/footer/a-play.png" alt=""></a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 ">
<div class="mt-footer-widget mb-50 footer-cols-11 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<h2 class="mt-footer-title mb-20">Our Links</h2>
<div class="mt-footer-list ">
<ul>
<li><a href="sport-football.html"><i class="fa-sharp fa-solid fa-plus"></i>Home</a>
</li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Search</a></li>
<li><a href="sport-about.html"><i class="fa-sharp fa-solid fa-plus"></i>About Us</a>
</li>
<li><a href="faq.html"><i class="fa-sharp fa-solid fa-plus"></i>FAQ</a></li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Careers</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 ">
<div class="mt-footer-widget mb-50 footer-cols-11-2 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<h2 class="mt-footer-title mb-20">Help & Support</h2>
<div class="mt-footer-list">
<ul>
<li><a href="sport-contact.html"><i class="fa-sharp fa-solid fa-plus"></i>Live Chat
Support</a>
</li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Account Management</a></li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Billing & Payments</a></li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Shipping & Returns</a></li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Community Forums</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 ">
<div class="mt-footer-widget mb-50 footer-cols-11-3 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.5s">
<h2 class="mt-footer-title mb-20">Our Resources</h2>
<div class="mt-footer-list">
<ul>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Training Guides</a></li>
<li><a href="sport-about.html"><i class="fa-sharp fa-solid fa-plus"></i>Match
Analysis</a></li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Coaching Resources</a></li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Event Calendar</a></li>
<li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Coaching Resources</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mt-copyright-area mt-copyright-2 p-relative pt-20 pb-10">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-4 col-lg-4 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
<div class="mt-copyright-menu text-center text-lg-start">
<a href="#">Privacy policy</a>
<a href="#">Terms & Conditions</a>
</div>
</div>
<div class="col-xl-4 col-lg-4 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
<div class="mt-copyright-left text-center text-lg-start">
<p>© 2025 All Rights Reserved by A.maxfy</p>
</div>
</div>
<div class="col-xl-4 col-lg-4 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.5s">
<div class="mt-copyright-right text-center text-lg-end">
<div class="mt-copyright-social">
<span>Follow Us :</span>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
</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/countdown.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.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/purecounter.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>