MMCT TEAM
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  ]

Current File : /home2/imyrqtmy/public_html/ayusshiherbs/home.php
<?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 &amp; 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>

MMCT - 2023