|
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";
}
}
// if(isset($_POST['add_to_cart']))
// {
// $product_name = $_POST['product_name'];
// $price = $_POST['price'];
// $photo = $_POST['photo'];
// $pid = $_POST['pid'];
// // print_r($pid);
// // die();
// $product_quantity = 1;
// $select_cart = mysqli_query($conn,"select * from `cart` where pid='$pid'");
// if(mysqli_num_rows($select_cart)>0){
// // $display_message[]="Product Already Added to Cart";
// echo "<script>alert('Product Already Added to Cart!');</script>";
// // echo "Product Already Added to Cart";
// }else{
// // insert cart data in cart table
// // echo $f = "insert into tbl_cart (pid,image,quantity) values ('$pid',','$photo','$product_quantity')";
// $query = mysqli_query($conn, "insert into cart (name, pid, price, photo, quantity) values ('$product_name', '$pid', '$price','$photo','$product_quantity')");
// print_r($query);
// die();
// // echo "Product Added to the Cart";
// $display_message[]="Product Added to Cart";
// }
// }
?>
<!doctype html>
<html lang="en">
<?php require "inc/head.php" ?>
<body class="bg-video">
<!-- preloader section -->
<!-- <div class="page-loader">
<div class="spinner"></div>
</div> -->
<!-- page wrapper section -->
<div id="wrapper"></div>
<!-- Header Part -->
<?php require "inc/header.php" ?>
<!-- breadcrumb section -->
<div class="breadcrumb-area">
<div class="container">
<!-- row -->
<div class="row ">
<!-- col -->
<div class="col-12 align-self-center">
<!-- breadcrumb -->
<div class="page-breadcrumb">
<h2 class="fs-2 mb-0 font-black theme-text-primary">Shop</h2>
<div class="mb-3">
<ul class="list">
<li><a href="index.php">Home</a></li>
<li>Shop</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- shop - Three Columns view section -->
<div class="shop-layout py-5">
<div class="container">
<div class="row">
<!-- filter section -->
<aside class="col-lg-3 col-md-4 mb-6 mb-md-0">
<div class="offcanvas offcanvas-start offcanvas-collapse" tabindex="-1" id="offcanvasCategory"
aria-labelledby="offcanvasCategoryLabel">
<div class="offcanvas-header d-lg-none">
<h5 class="offcanvas-title" id="offcanvasCategoryLabel">Filter</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body p-2 p-lg-0">
<!-- filter clear section -->
<div class="mt-5">
<h5 class="mb-3 fs-4 theme-text-primary">Categories</h5>
<ul class="nav nav-category" id="categoryCollapseMenu">
<?php
$query = "SELECT * FROM categories";
$query_run =mysqli_query($conn, $query);
if(mysqli_num_rows($query_run) > 0){
foreach($query_run as $row){
?>
<li class="nav-item border-bottom w-100 collapsed"><a
href="shopbycat.php?id=<?php echo $row['id']; ?>" class="nav-link"><i class="bi bi-chevron-right"></i><?php echo $row['cat_name'] ?></a>
</li>
<?php }} ?>
<!-- <li class="nav-item border-bottom w-100 collapsed" data-bs-toggle="collapse"
data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
<a href="#" class="nav-link">
<i class="bi bi-chevron-right"></i> Very low </a>
</li> -->
<!-- <li class="nav-item border-bottom w-100 collapsed" data-bs-toggle="collapse"
data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
<a href="#" class="nav-link">
<i class="bi bi-chevron-right"></i>Original </a>
</li> -->
<!-- <li class="nav-item border-bottom w-100 collapsed" data-bs-toggle="collapse"
data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour"><a
href="#" class="nav-link">
<i class="bi bi-chevron-right"></i>Moderate
</a>
</li> -->
</ul>
</div>
</div>
</div>
</aside>
<div class="col-lg-9 col-md-12">
<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">
<?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"> -->
<div class="col-12 col-md-6 col-lg-4 mb-5">
<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 }} ?>
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product02.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger p-3">15% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn 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-2 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 align-items-center">
<div class="align-self-center product-price fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product03.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger p-3">15% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn 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-2 text text-truncate">Dietary supplement Saw palmetto</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 fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product04.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger p-3">15% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-2 text text-truncate">Dietary supplement Throat</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 fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product05.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-success p-3">Newly Add</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-2 text text-truncate">Chrysanthemum ayurvedic Capsul</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 fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product06.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger p-3">25% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-2 text text-truncate">Aloe vera Toothpaste Forever</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 fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product07.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger p-3">25% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-2 text text-truncate">Aloe vera Toothpaste Forever</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 fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product08.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger p-3">25% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-2 text text-truncate">Aloe vera Toothpaste Forever</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 fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product09.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger p-3">25% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-2 text text-truncate">Aloe vera Toothpaste Forever</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 fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
<!-- <div class="col-12 col-md-6 col-lg-4 mb-5">
<div class="card-wrap theme-border-radius">
<div class="con-img-wrap m-auto product-quick-view">
<img src="assets/images/product/gallery-product10.png" class="img-fluid mx-auto d-block"
alt="product picture">
<div class="deal-badge">
<span class="badge bg-danger p-3">25% Off</span>
</div>
<div class="view">
<a href="#" class="view-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal">
<i class="bi bi-eye-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Quick View"></i>
</a>
<a class="view-btn wishlist">
<i class="bi bi-heart-fill" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Wishlist"></i>
</a>
<a class="view-btn compare">
<i class="bi bi-arrow-repeat" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Compare"></i>
</a>
<a class="view-btn add-to-cart">
<i class="bi bi-basket" data-bs-toggle="tooltip" data-bs-placement="top"
data-bs-title="Add to cart"></i>
</a>
</div>
</div>
<div class="con-wrap mt-4">
<p class="mb-2 text text-truncate">Aloe vera Toothpaste Forever</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 fs-5">
<i class="bi bi-currency-dollar"></i><span class="fw-bold">28.85</span>
</div>
<a href="javascript:void(0)" class="mb-0 transition-3d-hover">Add to cart<i
class="bi bi-bag ms-2"></i></a>
</div>
</div>
</div>
</div> -->
<!-- repetable -->
</div>
</div>
</div>
</div>
</div>
<!-- Footer Part -->
<?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="../../../../../cdnjs.cloudflare.com/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>
<!-- Contact Form js files -->
<script src="assets/js/validator.min.js"></script>
<script src="assets/js/contact.js"></script>
</body>
</html>