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 ] |
---|
<?php session_start(); include("admin/includes/config.php"); error_reporting(E_ERROR | E_PARSE); if(isset($_POST['add_to_cart'])) { $pid = $_GET['pid']; $product_name = $_POST['product_name']; $pid = $_POST['pid']; $price = $_POST['price']; $photo = $_POST['photo']; // print_r($pid); // die(); $product_quantity = 1; $select_cart = mysqli_query($conn,"select * from `cart` where name='$product_name'"); if(mysqli_num_rows($select_cart)>0){ $display_message[]="Product Already Added to Cart"; // echo "Product Already Added to Cart"; }else{ // insert cart data in cart table $query = mysqli_query($conn, "insert into cart (name, pid, price, photo, quantity) values ('$product_name', '$pid', '$price','$photo','$product_quantity')"); // echo "Product Added to the Cart"; // print_r($query); // die(); $display_message[]="Product Added to Cart"; } } ?> <!doctype html> <html lang="en"> <?php require "inc/head.php" ?> <?php if(isset($_SESSION['status']) && $_SESSION != ''){ ?> <div class="alert alert-warning alert-dismissible fade show" role="alert"> <strong>Hey!</strong> <?php echo $_SESSION['status']; ?> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> </div> <?php unset($_SESSION['status']); } ?> <body class="bg-video"> <!-- preloader section --> <!-- <div class="page-loader"> <div class="spinner"></div> </div> --> <!-- page wrapper section --> <!-- <div id="wrapper"></div> --> <!-- Header Part --> <div class="position-relative"> <!-- product deal section --> <?php require "inc/header.php" ?> </div> <!-- Body Part - hero section --> <section class="hero"> <div class="carouselhero"> <!-- <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 </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> --> <div class="slider-item slider2"> <div class="video-image"> <video autoplay muted loop class="background-video" src="assets/images/slider/ba1.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> </div> <div class="slider-item slider2"> <div class="video-image"> <video autoplay muted loop class="background-video" src="assets/images/slider/ba2.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> </div> <div class="slider-item slider2"> <div class="video-image"> <video autoplay muted loop class="background-video" src="assets/images/slider/ba3.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> </div> <div class="slider-item slider2"> <div class="video-image"> <video autoplay muted loop class="background-video" src="assets/images/slider/ba4.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> </div> <!-- <div class="slider-item slider2"> <div class="video-image"> <video autoplay muted loop class="background-video" src="assets/images/slider/ba4.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> </div> --> </div> </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> <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> <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> </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="text-center">ayurvedic products have long been treasured for their natural healing properties, offering a holistic approach to health and wellness. </p> <!-- <p class="mb-0 text-center">Our range of ayurvedic products are elegantly packed, gorgeous look, and packed with the freshest all products</p> --> </div> </div> </div> </div> <div class="container"> <?php if(isset($display_message)){ foreach($display_message as $display_message){ echo "<div class= 'display_message'> <span>$display_message</span> <i class= 'fas fs-times' onClick='this.parentElement.style.display=`none`';></i> </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-5"> <?php $query = "SELECT * FROM products"; $query_run =mysqli_query($conn, $query); if(mysqli_num_rows($query_run) > 0){ foreach($query_run as $row){ ?> <div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0"> <form action="" method="post"> <div class="card-wrap theme-border-radius px-4 py-4"> <div class="con-img-wrap m-auto product-quick-view"> <img src="<?php echo "admin/products/" . $row['photo']; ?>" 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="shop-detail.php?id=<?php echo $row['id']; ?>" class="view-btn"> <i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Quick View"></i> </a> <!-- <a type="submit" name="add_to_cart" 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"><?php echo $row['product_name']; ?></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-rupee"></i><span class="ms-1 fs-6 fw-bold">₹ <?php echo $row['price']; ?></span> </div> <input type="hidden" name = "product_name" value="<?php echo $row['product_name']; ?>"> <input type="hidden" name = "price" value = "<?php echo $row['price']; ?>"> <input type="hidden" name = "pid" value = "<?php echo $row['id']; ?>"> <input type="hidden" name = "photo" value = "<?php echo "admin/products/". $row['photo']; ?>"> <button type="submit" name="add_to_cart" class="mb-0"> <i class="bi bi-bag"></i></button> <!-- <a href="javascript:void(0)" type="submit" name="add_to_cart" class="mb-0"><i class="bi bi-bag"></i></a> --> </div> </div> </div> </form> </div> <?php }} ?> <!-- <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 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 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 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 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 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 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 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="shop.php" class="fw-bold link-ef"> View More Products<i class="bi bi-arrow-right ps-2"></i></a> </div> </div> </div> </div> </section> <section class="topCategories border-top 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">Category</h2> <div class="row"> <div class="col-12 col-lg-6 offset-lg-3"> </div> </div> </div> </div> <!-- <div class="row justify-content-center mt-5"> <div class="col-12 col-xl-6 animate__animated wow animate__backInUp"> <ul class="nav nav-pills nav-justified mb-3" id="pills-tab" role="tablist"> <li class="nav-item mb-2 mb-md-0" role="presentation"> <button class="nav-link text-truncate active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true"> All Products </button> </li> <li class="nav-item mb-2 mb-md-0" role="presentation"> <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false"> Best </button> </li> <li class="nav-item mb-2 mb-md-0" role="presentation"> <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false"> Unique </button> </li> </ul> </div> </div> --> <div class="row"> <div class="col-12 animate__animated wow animate__backInUp"> <div class="tab-content my-3" id="pills-tabContent"> <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab"> <!-- tab 1 - first row products --> <div class="row mb-4"> <?php $query = "SELECT * FROM categories"; $query_run = mysqli_query($conn, $query); if (mysqli_num_rows($query_run) > 0) { foreach ($query_run as $row) { ?> <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="<?php echo "admin/category/" . $row['photo'] ?>" class="img-fluid mx-auto d-block" alt="product picture"> <!-- <div class="deal-badge"> <span class="badge bg-danger">15% Off</span> </div> --> </div> <div class="mt-4"> <a class="cat" href="shop.php"><?php echo $row['cat_name'] ?></a> <!-- <p class="mb-4 text text-truncate"><?php echo $row['cat_name'] ?></p> --> <!-- </a> --> </div> </div> </div> <?php }} ?> </div> </div> </div> </div> <!-- view all category button --> </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.jpg" 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 Us</h2> <p class="mb-5 theme-text-accent-one max animate__animated wow animate__backInUp about-home">Welcome to AyusshiHerbs Pvt Ltd, where tradition meets innovation. We are a leading manufacturer of high-quality Ayurveda medicines, dedicated to promoting holistic health and wellness through the timeless wisdom of Ayurveda.</p> <!-- <h6>Our Story</h6> <p class="mb-5 theme-text-accent-one max animate__animated wow animate__backInUp about-home">Founded in 2024, Welcome to AyusshiHerbs Pvt Ltd was born out of a passion for preserving and promoting the ancient science of Ayurveda. Our journey began with a vision to make natural and effective healthcare accessible to all. Over the years, we have grown from a small initiative into a renowned name in the Ayurveda industry, trusted by millions worldwide.</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> <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> <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> </ul> --> <div class="custom-button animate__animated wow animate__backInUp"> <a href="about.php" class="btn custom-btn-secondary theme-border fw-bold button-effect px-5"> About US</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 2024</p> <h3 class="icon-box-title">Heritage & Ancient</h3> <p>Our range of ayurvedic products is deeply rooted in the rich heritage and ancient wisdom of traditional medicine. Drawing inspiration from centuries-old practices, we bring you remedies that have stood the test of time. </p> <!-- <p>Established in 2024, our Tea has been sourcing, manufacturing and distributing quality and affordable tea.</p> --> <a href="shop.php" 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>At the heart of our ayurvedic products is a commitment to delivering the freshest and purest ingredients directly from their natural sources. Here's how we ensure the utmost quality and potency in every product:</p> <!-- <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="shop.php" 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>Our commitment to quality begins with our ingredients. We believe that the foundation of effective ayurvedic products lies in the purity and potency of their ingredients.</p> <!-- <p>Made with over 150 exotic spices, our teas are purposefully blended both delicious taste and healthful benefits.</p> --> <a href="shop.php" 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>self tested products</p> <!-- <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 friendly 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> <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> <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> <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> </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"> <?php $query = "SELECT * FROM testimonials"; $query_run =mysqli_query($conn, $query); if(mysqli_num_rows($query_run) > 0){ foreach($query_run as $row){ ?> <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="<?php echo "admin/testimonial/" . $row['photo']; ?>" class="img-fluid" alt="client review"> </figure> </div> <p class="fs-5 my-4 lh-lg con"><?php echo $row['content']; ?></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"><?php echo $row['name']; ?></span> <span class="theme-text-primary"><?php echo $row['position']; ?></span> </div> </div> </div> </div> </div> <?php }} ?> <!-- 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">Our Partners</h2> </div> </div> <div class="row align-items-center carouselPartner animate__animated"> <?php $query = "SELECT * FROM partners"; $query_run =mysqli_query($conn, $query); if(mysqli_num_rows($query_run) > 0){ foreach($query_run as $row){ ?> <div class="col"> <img src="<?php echo "admin/partner/". $row['photo']; ?>" class="partner" alt="Partner"> </div> <?php }} ?> <!-- <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 --> <?php require "inc/footer.php" ?> <!-- 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>