core/skin/inc/mod/main/index.html

1765 lines
74 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{include file=$header}
<!--start information-->
<section class="py-3 border-top border-bottom">
<div class="container">
<div class="row row-cols-1 row-cols-lg-3 row-group align-items-center">
<div class="col">
<div class="d-flex align-items-center p-3 bg-white">
<div class="fs-1"><i class='bx bx-taxi'></i>
</div>
<div class="info-box-content ps-3">
<h6 class="mb-0">FREE SHIPPING &amp; RETURN</h6>
<p class="mb-0">Free shipping on all orders over $49</p>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-3 bg-white">
<div class="fs-1"><i class='bx bx-dollar-circle'></i>
</div>
<div class="info-box-content ps-3">
<h6 class="mb-0">MONEY BACK GUARANTEE</h6>
<p class="mb-0">100% money back guarantee</p>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-3 bg-white">
<div class="fs-1"><i class='bx bx-support'></i>
</div>
<div class="info-box-content ps-3">
<h6 class="mb-0">ONLINE SUPPORT 24/7</h6>
<p class="mb-0">Awesome Support for 24/7 Days</p>
</div>
</div>
</div>
</div>
<!--end row-->
</div>
</section>
<!--end information-->
<!--start pramotion-->
<section class="py-4">
<div class="container">
<div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3">
<div class="col">
<div class="card rounded-0 border shadow-none">
<div class="row g-0 align-items-center">
<div class="col">
<img src="assets/images/promo/01.png" class="img-fluid" alt="" />
</div>
<div class="col">
<div class="card-body">
<h5 class="card-title text-uppercase">Mens' Wear</h5>
<p class="card-text text-uppercase">Starting at $9</p> <a href="javascript:;" class="btn btn-dark btn-ecomm">SHOP NOW</a>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 border shadow-none">
<div class="row g-0 align-items-center">
<div class="col">
<img src="assets/images/promo/02.png" class="img-fluid" alt="" />
</div>
<div class="col">
<div class="card-body">
<h5 class="card-title text-uppercase">Womens' Wear</h5>
<p class="card-text text-uppercase">Starting at $9</p> <a href="javascript:;" class="btn btn-dark btn-ecomm">SHOP NOW</a>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 border shadow-none">
<div class="row g-0 align-items-center">
<div class="col">
<img src="assets/images/promo/03.png" class="img-fluid" alt="" />
</div>
<div class="col">
<div class="card-body">
<h5 class="card-title text-uppercase">Kids' Wear</h5>
<p class="card-text text-uppercase">Starting at $9</p> <a href="javascript:;" class="btn btn-dark btn-ecomm">SHOP NOW</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end row-->
</div>
</section>
<!--end pramotion-->
<!--start Featured product-->
<section class="py-4">
<div class="container">
<div class="d-flex align-items-center">
<h5 class="text-uppercase mb-0">FEATURED PRODUCTS</h5>
<a href="javascript:;" class="btn btn-dark btn-ecomm ms-auto rounded-0">More Products<i class='bx bx-chevron-right'></i></a>
</div>
<hr/>
<div class="product-grid">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4">
<div class="col">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end gap-3">
<a href="javascript:;">
<div class="product-compare"><span><i class='bx bx-git-compare'></i> Compare</span>
</div>
</a>
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/01.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"><span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto">
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end gap-3">
<a href="javascript:;">
<div class="product-compare"><span><i class='bx bx-git-compare'></i> Compare</span>
</div>
</a>
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/02.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-light-4"></i>
<i class="bx bxs-star text-light-4"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end gap-3">
<a href="javascript:;">
<div class="product-compare"><span><i class='bx bx-git-compare'></i> Compare</span>
</div>
</a>
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/03.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-light-4"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end gap-3">
<a href="javascript:;">
<div class="product-compare"><span><i class='bx bx-git-compare'></i> Compare</span>
</div>
</a>
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/04.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end gap-3">
<a href="javascript:;">
<div class="product-compare"><span><i class='bx bx-git-compare'></i> Compare</span>
</div>
</a>
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/05.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-light-4"></i>
<i class="bx bxs-star text-light-4"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end gap-3">
<a href="javascript:;">
<div class="product-compare"><span><i class='bx bx-git-compare'></i> Compare</span>
</div>
</a>
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/06.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end gap-3">
<a href="javascript:;">
<div class="product-compare"><span><i class='bx bx-git-compare'></i> Compare</span>
</div>
</a>
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/07.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-light-4"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end gap-3">
<a href="javascript:;">
<div class="product-compare"><span><i class='bx bx-git-compare'></i> Compare</span>
</div>
</a>
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/08.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end row-->
</div>
</div>
</section>
<!--end Featured product-->
<!--start New Arrivals-->
<section class="py-4">
<div class="container">
<div class="d-flex align-items-center">
<h5 class="text-uppercase mb-0">New Arrivals</h5>
<a href="javascript:;" class="btn btn-dark ms-auto rounded-0">View All<i class='bx bx-chevron-right'></i></a>
</div>
<hr/>
<div class="product-grid">
<div class="new-arrivals owl-carousel owl-theme">
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/09.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>5.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/10.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>5.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/11.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>4.9</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/12.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>5.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/13.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>3.9</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/14.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>5.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/15.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>5.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/16.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>5.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/17.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>4.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/18.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>5.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/19.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>4.5</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card">
<div class="card-header bg-transparent border-bottom-0">
<div class="d-flex align-items-center justify-content-end">
<a href="javascript:;">
<div class="product-wishlist"> <i class='bx bx-heart'></i>
</div>
</a>
</div>
</div>
<a href="product-details.html">
<img src="assets/images/products/20.png" class="card-img-top" alt="...">
</a>
<div class="card-body">
<div class="product-info">
<a href="javascript:;">
<p class="product-catergory font-13 mb-1">Catergory Name</p>
</a>
<a href="javascript:;">
<h6 class="product-name mb-2">Product Short Name</h6>
</a>
<div class="d-flex align-items-center">
<div class="mb-1 product-price"> <span class="me-1 text-decoration-line-through">$99.00</span>
<span class="fs-5">$49.00</span>
</div>
<div class="cursor-pointer ms-auto"> <span>5.0</span> <i class="bx bxs-star text-white"></i>
</div>
</div>
<div class="product-action mt-2">
<div class="d-grid gap-2">
<a href="javascript:;" class="btn btn-dark btn-ecomm"> <i class='bx bxs-cart-add'></i>Add to Cart</a>
<a href="javascript:;" class="btn btn-light btn-ecomm" data-bs-toggle="modal" data-bs-target="#QuickViewProduct"><i class='bx bx-zoom-in'></i>Quick View</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end New Arrivals-->
<!--start Advertise banners-->
<section class="py-4">
<div class="container">
<div class="add-banner">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-4">
<div class="col d-flex">
<div class="card rounded-0 w-100 border shadow-none">
<img src="assets/images/promo/04.png" class="card-img-top" alt="...">
<div class="position-absolute top-0 end-0 m-3 product-discount"><span class="">-10%</span>
</div>
<div class="card-body">
<h5 class="card-title">Sunglasses Sale</h5>
<p class="card-text">See all Sunglasses and get 10% off at all Sunglasses</p> <a href="javascript:;" class="btn btn-dark btn-ecomm">SHOP BY GLASSES</a>
</div>
</div>
</div>
<div class="col d-flex">
<div class="card rounded-0 w-100 border shadow-none">
<div class="position-absolute top-0 end-0 m-3 product-discount"><span class="">-80%</span>
</div>
<div class="card-body text-center mt-5">
<h5 class="card-title">Cosmetics Sales</h5>
<p class="card-text">Buy Cosmetics products and get 30% off at all Cosmetics</p> <a href="javascript:;" class="btn btn-dark btn-ecomm">SHOP BY COSMETICS</a>
</div>
<img src="assets/images/promo/08.png" class="card-img-top" alt="...">
</div>
</div>
<div class="col d-flex">
<div class="card rounded-0 w-100 border shadow-none">
<img src="assets/images/promo/06.png" class="card-img h-100" alt="...">
<div class="card-img-overlay text-center top-20">
<div class="border border-white border-3 py-3 bg-dark-3">
<h5 class="card-title text-white">Fashion Summer Sale</h5>
<p class="card-text text-uppercase fs-1 lh-1 mt-3 mb-2 text-white">Up to 80% off</p>
<p class="card-text fs-5 text-white">On top Fashion Brands</p> <a href="javascript:;" class="btn btn-white btn-ecomm">SHOP BY FASHION</a>
</div>
</div>
</div>
</div>
<div class="col d-flex">
<div class="card rounded-0 w-100 border shadow-none">
<div class="position-absolute top-0 end-0 m-3 product-discount"><span class="">-50%</span>
</div>
<div class="card-body text-center">
<img src="assets/images/promo/07.png" class="card-img-top" alt="...">
<h5 class="card-title fs-1 text-uppercase">Super Sale</h5>
<p class="card-text text-uppercase fs-4 lh-1 mb-2">Up to 50% off</p>
<p class="card-text">On All Electronic</p> <a href="javascript:;" class="btn btn-dark btn-ecomm">HURRY UP!</a>
</div>
</div>
</div>
</div>
<!--end row-->
</div>
</div>
</section>
<!--end Advertise banners-->
<!--start categories-->
<section class="py-4">
<div class="container">
<div class="d-flex align-items-center">
<h5 class="text-uppercase mb-0">Browse Catergory</h5>
<a href="shop-categories.html" class="btn btn-dark ms-auto rounded-0">View All<i class='bx bx-chevron-right'></i></a>
</div>
<hr/>
<div class="product-grid">
<div class="browse-category owl-carousel owl-theme">
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/01.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Fashion</h6>
<p class="mb-0 font-12 text-uppercase">10 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/02.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Watches</h6>
<p class="mb-0 font-12 text-uppercase">8 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/03.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Shoes</h6>
<p class="mb-0 font-12 text-uppercase">14 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/04.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Bags</h6>
<p class="mb-0 font-12 text-uppercase">6 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/05.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Electronis</h6>
<p class="mb-0 font-12 text-uppercase">6 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/06.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Headphones</h6>
<p class="mb-0 font-12 text-uppercase">5 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/07.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Furniture</h6>
<p class="mb-0 font-12 text-uppercase">20 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/08.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Jewelry</h6>
<p class="mb-0 font-12 text-uppercase">16 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/09.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Sports</h6>
<p class="mb-0 font-12 text-uppercase">28 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/10.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Vegetable</h6>
<p class="mb-0 font-12 text-uppercase">15 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/11.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Medical</h6>
<p class="mb-0 font-12 text-uppercase">24 Products</p>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="card-body">
<img src="assets/images/categories/12.png" class="img-fluid" alt="...">
</div>
<div class="card-footer text-center">
<h6 class="mb-1 text-uppercase">Sunglasses</h6>
<p class="mb-0 font-12 text-uppercase">18 Products</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end categories-->
<!--start support info-->
<section class="py-4 bg-light">
<div class="container">
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 row-group">
<div class="col">
<div class="text-center">
<div class="font-50"> <i class='bx bx-cart'></i>
</div>
<h2 class="fs-5 text-uppercase mb-0">Free delivery</h2>
<p class="text-capitalize">Free delivery over $199</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</p>
</div>
</div>
<div class="col">
<div class="text-center">
<div class="font-50"> <i class='bx bx-credit-card'></i>
</div>
<h2 class="fs-5 text-uppercase mb-0">Secure payment</h2>
<p class="text-capitalize">We possess SSL / Secure сertificate</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</p>
</div>
</div>
<div class="col">
<div class="text-center">
<div class="font-50"> <i class='bx bx-dollar-circle'></i>
</div>
<h2 class="fs-5 text-uppercase mb-0">Free returns</h2>
<p class="text-capitalize">We return money within 30 days</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</p>
</div>
</div>
<div class="col">
<div class="text-center">
<div class="font-50"> <i class='bx bx-support'></i>
</div>
<h2 class="fs-5 text-uppercase mb-0">Customer Support</h2>
<p class="text-capitalize">Friendly 24/7 customer support</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</p>
</div>
</div>
</div>
<!--end row-->
</div>
</section>
<!--end support info-->
<!--start News-->
<section class="py-4">
<div class="container">
<div class="d-flex align-items-center">
<h5 class="text-uppercase mb-0">Latest News</h5>
<a href="blog.html" class="btn btn-dark ms-auto rounded-0">View All News<i class='bx bx-chevron-right'></i></a>
</div>
<hr/>
<div class="product-grid">
<div class="latest-news owl-carousel owl-theme">
<div class="item">
<div class="card rounded-0 product-card border">
<div class="news-date">
<div class="date-number">24</div>
<div class="date-month">FEB</div>
</div>
<a href="javascript:;">
<img src="assets/images/blogs/01.png" class="card-img-top border-bottom" alt="...">
</a>
<div class="card-body">
<div class="news-title">
<a href="javascript:;">
<h5 class="mb-3 text-capitalize">Blog Short Title</h5>
</a>
</div>
<p class="news-content mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus sem. Aenean...</p>
</div>
<div class="card-footer border-top">
<a href="javascript:;">
<p class="mb-0"><small>0 Comments</small>
</p>
</a>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="news-date">
<div class="date-number">24</div>
<div class="date-month">FEB</div>
</div>
<a href="javascript:;">
<img src="assets/images/blogs/02.png" class="card-img-top border-bottom" alt="...">
</a>
<div class="card-body">
<div class="news-title">
<a href="javascript:;">
<h5 class="mb-3 text-capitalize">Blog Short Title</h5>
</a>
</div>
<p class="news-content mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus sem. Aenean...</p>
</div>
<div class="card-footer border-top">
<a href="javascript:;">
<p class="mb-0"><small>0 Comments</small>
</p>
</a>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="news-date">
<div class="date-number">24</div>
<div class="date-month">FEB</div>
</div>
<a href="javascript:;">
<img src="assets/images/blogs/03.png" class="card-img-top border-bottom" alt="...">
</a>
<div class="card-body">
<div class="news-title">
<a href="javascript:;">
<h5 class="mb-3 text-capitalize">Blog Short Title</h5>
</a>
</div>
<p class="news-content mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus sem. Aenean...</p>
</div>
<div class="card-footer border-top">
<a href="javascript:;">
<p class="mb-0"><small>0 Comments</small>
</p>
</a>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="news-date">
<div class="date-number">24</div>
<div class="date-month">FEB</div>
</div>
<a href="javascript:;">
<img src="assets/images/blogs/04.png" class="card-img-top border-bottom" alt="...">
</a>
<div class="card-body">
<div class="news-title">
<a href="javascript:;">
<h5 class="mb-3 text-capitalize">Blog Short Title</h5>
</a>
</div>
<p class="news-content mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus sem. Aenean...</p>
</div>
<div class="card-footer border-top">
<a href="javascript:;">
<p class="mb-0"><small>0 Comments</small>
</p>
</a>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="news-date">
<div class="date-number">24</div>
<div class="date-month">FEB</div>
</div>
<a href="javascript:;">
<img src="assets/images/blogs/05.png" class="card-img-top border-bottom" alt="...">
</a>
<div class="card-body">
<div class="news-title">
<a href="javascript:;">
<h5 class="mb-3 text-capitalize">Blog Short Title</h5>
</a>
</div>
<p class="news-content mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus sem. Aenean...</p>
</div>
<div class="card-footer border-top">
<a href="javascript:;">
<p class="mb-0"><small>0 Comments</small>
</p>
</a>
</div>
</div>
</div>
<div class="item">
<div class="card rounded-0 product-card border">
<div class="news-date">
<div class="date-number">24</div>
<div class="date-month">FEB</div>
</div>
<a href="javascript:;">
<img src="assets/images/blogs/06.png" class="card-img-top border-bottom" alt="...">
</a>
<div class="card-body">
<div class="news-title">
<a href="javascript:;">
<h5 class="mb-3 text-capitalize">Blog Short Title</h5>
</a>
</div>
<p class="news-content mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus sem. Aenean...</p>
</div>
<div class="card-footer border-top">
<a href="javascript:;">
<p class="mb-0"><small>0 Comments</small>
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end News-->
<!--start brands-->
<section class="py-4">
<div class="container">
<h3 class="d-none">Brands</h3>
<div class="brand-grid">
<div class="brands-shops owl-carousel owl-theme border">
<div class="item border-end">
<div class="p-4">
<a href="javascript:;">
<img src="assets/images/brands/01.png" class="img-fluid" alt="...">
</a>
</div>
</div>
<div class="item border-end">
<div class="p-4">
<a href="javascript:;">
<img src="assets/images/brands/02.png" class="img-fluid" alt="...">
</a>
</div>
</div>
<div class="item border-end">
<div class="p-4">
<a href="javascript:;">
<img src="assets/images/brands/03.png" class="img-fluid" alt="...">
</a>
</div>
</div>
<div class="item border-end">
<div class="p-4">
<a href="javascript:;">
<img src="assets/images/brands/04.png" class="img-fluid" alt="...">
</a>
</div>
</div>
<div class="item border-end">
<div class="p-4">
<a href="javascript:;">
<img src="assets/images/brands/05.png" class="img-fluid" alt="...">
</a>
</div>
</div>
<div class="item border-end">
<div class="p-4">
<a href="javascript:;">
<img src="assets/images/brands/06.png" class="img-fluid" alt="...">
</a>
</div>
</div>
<div class="item border-end">
<div class="p-4">
<a href="javascript:;">
<img src="assets/images/brands/07.png" class="img-fluid" alt="...">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end brands-->
<!--start bottom products section-->
<section class="py-4 border-top">
<div class="container">
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
<div class="col">
<div class="bestseller-list mb-3">
<h6 class="mb-3 text-uppercase">Best Selling Products</h6>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/01.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/02.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/03.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/04.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="featured-list mb-3">
<h6 class="mb-3 text-uppercase">Featured Products</h6>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/05.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/06.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/07.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/08.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="new-arrivals-list mb-3">
<h6 class="mb-3 text-uppercase">New arrivals</h6>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="jproduct-details.html">
<img src="assets/images/products/09.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/10.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/11.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/12.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="top-rated-products-list mb-3">
<h6 class="mb-3 text-uppercase">Top rated Products</h6>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/13.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/14.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/15.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
<hr/>
<div class="d-flex align-items-center">
<div class="bottom-product-img">
<a href="product-details.html">
<img src="assets/images/products/16.png" width="100" alt="">
</a>
</div>
<div class="ms-0">
<h6 class="mb-0 fw-light mb-1">Product Short Name</h6>
<div class="rating font-12"> <i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
<i class="bx bxs-star text-warning"></i>
</div>
<p class="mb-0"><strong>$59.00</strong>
</p>
</div>
</div>
</div>
</div>
</div>
<!--end row-->
</div>
</section>
<!--end bottom products section-->
{include file=$footer}