|
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();
error_reporting(E_ERROR | E_PARSE);
$se = $_SESSION["id"];
if (!isset($_SESSION['id'])) {
// header("Location: login.php");
}
include("admin/includes/config.php");;
?>
<!doctype html>
<html lang="en">
<?php require "inc/head.php"; ?>
<body>
<!-- preloader section -->
<!-- <div class="page-loader">
<div class="spinner"></div>
</div> -->
<!-- page wrapper section -->
<div id="wrapper"></div>
<!-- Header Part -->
<div class="position-relative">
<?php require "inc/header.php"; ?>
</div>
<!-- breadcrumb section -->
<div class="py-5 theme-bg-accent-three">
<div class="container">
<!-- row -->
<div class="row ">
<!-- col -->
<div class="col-12 align-self-center">
<!-- breadcrumb -->
<div class="page-breadcrumb">
<ul class="list">
<li><a href="index.php">Home</a></li>
<li><a href="#">My Account</a></li>
<li>Dashboard</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- dashboard content section -->
<section class="dashboard-section pt-5">
<!-- dashboard tab -->
<div class="dashboard-tab">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-xl-9 col-lg-12">
<!-- tab section -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="dashboard-tab" data-bs-toggle="tab"
data-bs-target="#dashboard-tab-pane" type="button" role="tab" aria-controls="dashboard-tab-pane"
aria-selected="true">Dashboard</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="myOrder-tab" data-bs-toggle="tab" data-bs-target="#myOrder-tab-pane"
type="button" role="tab" aria-controls="myOrder-tab-pane" aria-selected="false">My Ordars</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane"
type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">My Profile</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="wishlist-tab" data-bs-toggle="tab" data-bs-target="#wishlist-tab-pane"
type="button" role="tab" aria-controls="wishlist-tab-pane" aria-selected="false">My Wishlist</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="notifications-tab" data-bs-toggle="tab"
data-bs-target="#notifications-tab-pane" type="button" role="tab"
aria-controls="notifications-tab-pane" aria-selected="false">Notifications</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="track-tab" data-bs-toggle="tab" data-bs-target="#track-tab-pane"
type="button" role="tab" aria-controls="track-tab-pane" aria-selected="false">Track Order</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="logout-tab" data-bs-toggle="tab" data-bs-target="#logout-tab-pane"
type="button" role="tab" aria-controls="logout-tab-pane" aria-selected="false">Logout</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- dashboard tab content -->
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-3 order-last order-lg-first">
<!-- dashboard sidebar -->
<div class="row mt-3 mt-lg-0">
<div class="col-12 mb-3">
<div class="p-4 theme-bg-accent-three theme-border-radius text-center">
<h5 class="fs-6 mb-3">Jony Bristow</h5>
<img src="assets/images/dashboard/profile-img.png" alt="images" class="rounded-circle">
<p class="mt-3 mb-0">ID: 5315141</p>
</div>
</div>
<div class="col-12 mb-3">
<div class="p-4 theme-bg-accent-three theme-border-radius text-center">
<h5 class="fs-6 mb-3">Available Balance</h5>
<img src="assets/images/dashboard/money-balance.svg" alt="images" class="rounded-circle">
<p class="mb-0 mt-3">$019.00</p>
<div class="d-flex align-items-center justify-content-between mt-3">
<p class="mb-0">Add money</p>
<a href="javascript:void(0)" class="mb-0">Deposit</a>
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="p-4 theme-bg-accent-three theme-border-radius text-center">
<figure class="mb-3 hero-image">
<img src="assets/images/dashboard/support.svg" alt="images" class="rounded-circle">
</figure>
<h5>Need Help?</h5>
<p class="mb-0">Have questions? Our experts are here to help!.</p>
<div class="mt-3">
<a href="contact.html"
class="btn custom-btn-primary fw-bold button-effect transition-3d-hover px-4">Support Center</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-9">
<!-- tab content -->
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="dashboard-tab-pane" role="tabpanel"
aria-labelledby="dashboard-tab" tabindex="0">
<!-- 1. dashboard section -->
<div class="d-flex flex-column theme-border-radius theme-bg-white theme-box-shadow mb-4">
<!-- title section -->
<div class="d-flex justify-content-between p-3">
<span class="fw-bold">Overview</span>
</div>
<!-- dashboard section -->
<div class="row g-0">
<div class="col-12 col-lg-6">
<div class="d-flex flex-column p-3">
<span class="small fw-bold">Personal Information</span>
<span class="small fw-normal">Kislay Chhimwal</span>
<span class="small fw-bold mt-3">Email Address</span>
<span class="small fw-normal">kislay.chhimwal@example.com</span>
<span class="small fw-bold mt-3">Mobile Number</span>
<span class="small fw-normal">9985471236</span>
</div>
</div>
<div class="col-12 col-lg-6 mb-3 mb-lg-0">
<div class="border mx-5 theme-border-radius">
<div class="d-flex flex-column p-3">
<span class="small fw-bold text-uppercase theme-text-primary">Default</span>
<span class="small fw-bold mt-3">Kislay Chhimwal</span>
<span class="small fw-normal">Nishta PG, 1199G, Guru Hari Das Rd,
Islampur Village, sec-38, Air Force Station,
Gurugram, Haryana - 122005</span>
</div>
</div>
</div>
</div>
<!-- title section -->
<div class="d-flex justify-content-between p-3 mt-5">
<span class="fw-bold">Recent Order</span>
</div>
<!-- dashboard section -->
<div class="p-3">
<div class="row g-0">
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products01.png" alt="foods" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small">Fresh Green Jussy Orange</p>
<span><small class="text-muted font-extra-small">Order No. : 123456</small></span>
<div class="mt-2 small lh-1 mb-3 mb-lg-0"> <a href="javascript:void(0)"
class="text-decoration-none text-inherit">
<span class="text-muted font-small">Status: <span class="text-success">Delivered</span>
</span></a>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary">$250.00</span>
<span class="theme-text-accent-one mt-2">Date: March 20, 2022</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products02.png" alt="foods" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small">Fresh Green Jussy Orange</p>
<span><small class="text-muted font-extra-small">Order No. : 123456</small></span>
<div class="mt-2 small lh-1 mb-3 mb-lg-0"> <a href="javascript:void(0)"
class="text-decoration-none text-inherit">
<span class="text-muted font-small">Status: <span class="text-success">Delivered</span>
</span></a>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary">$220.00</span>
<span class="theme-text-accent-one mt-2">Date: March 25, 2022</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products03.png" alt="foods" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small">Fresh Green Jussy Orange</p>
<span><small class="text-muted font-extra-small">Order No. : 123456</small></span>
<div class="mt-2 small lh-1 mb-3 mb-lg-0"> <a href="javascript:void(0)"
class="text-decoration-none text-inherit">
<span class="text-muted font-small">Status: <span class="text-success">Delivered</span>
</span></a>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary">$230.00</span>
<span class="theme-text-accent-one mt-2">Date: March 29, 2022</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="myOrder-tab-pane" role="tabpanel" aria-labelledby="myOrder-tab" tabindex="0">
<!-- 2. order history section -->
<div class="d-flex flex-column theme-border-radius theme-bg-white theme-box-shadow mb-4">
<!-- title section -->
<div class="d-flex justify-content-between p-3">
<span class="fw-bold">Order History</span>
</div>
<!-- order history section -->
<div class="p-3">
<div class="row g-0">
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products01.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Lemons</p>
<span><small class="text-muted font-extra-small">Order No. : 123456</small></span>
<div class="mt-2 small lh-1 mb-3 mb-lg-0"> <a href="javascript:void(0)"
class="text-decoration-none text-inherit">
<span class="text-muted font-small">Status: <span class="text-success">Delivered</span>
</span></a>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary">$250.00</span>
<span class="theme-text-accent-one mt-2">Date: March 20, 2022</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products02.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Red Barries</p>
<span><small class="text-muted font-extra-small">Order No. : 123456</small></span>
<div class="mt-2 small lh-1 mb-3 mb-lg-0"> <a href="javascript:void(0)"
class="text-decoration-none text-inherit">
<span class="text-muted font-small">Status: <span class="text-success">Delivered</span>
</span></a>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary">$220.00</span>
<span class="theme-text-accent-one mt-2">Date: March 25, 2022</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products03.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Chilis</p>
<span><small class="text-muted font-extra-small">Order No. : 123456</small></span>
<div class="mt-2 small lh-1 mb-3 mb-lg-0"> <a href="javascript:void(0)"
class="text-decoration-none text-inherit">
<span class="text-muted font-small">Status: <span class="text-success">Delivered</span>
</span></a>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary">$230.00</span>
<span class="theme-text-accent-one mt-2">Date: March 29, 2022</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products04.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Vegitables</p>
<span><small class="text-muted font-extra-small">Order No. : 123456</small></span>
<div class="mt-2 small lh-1 mb-3 mb-lg-0"> <a href="javascript:void(0)"
class="text-decoration-none text-inherit">
<span class="text-muted font-small">Status: <span class="text-success">Delivered</span>
</span></a>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary">$230.00</span>
<span class="theme-text-accent-one mt-2">Date: March 29, 2022</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products05.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Jussy Strawberrie</p>
<span><small class="text-muted font-extra-small">Order No. : 123456</small></span>
<div class="mt-2 small lh-1 mb-3 mb-lg-0"> <a href="javascript:void(0)"
class="text-decoration-none text-inherit">
<span class="text-muted font-small">Status: <span class="text-success">Delivered</span>
</span></a>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary">$230.00</span>
<span class="theme-text-accent-one mt-2">Date: March 29, 2022</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
<!-- 3. profile information section -->
<?php
// $se = $_SESSION["id"];
// if (!isset($_SESSION['id'])) {
if (isset($_SESSION['id'])) {
$se = $_SESSION['id'];
} else {
$se = null;
}
$query = "SELECT * FROM users WHERE id = '$se'";
$query_run =mysqli_query($conn, $query);
if(mysqli_num_rows($query_run) > 0){
foreach($query_run as $row){
?>
<div class="theme-box-shadow theme-border-radius theme-bg-white mb-3">
<div class="row g-0">
<div class="col-12 col-md-12">
<div class="d-flex justify-content-between align-items-center border-bottom p-3">
<div class="mb-0">
<span class="d-flex fw-bold">Profile</span>
<span class="theme-text-accent-one font-small">Basic info, for a
faster
booking experience
</span>
</div>
<a href="#" class="border border-primary theme-border-radius py-2 px-3 text-uppercase"><i
class="bi bi-pencil me-2"></i>Edit</a>
</div>
</div>
</div>
<!-- information section -->
<div class="row g-0 px-3 ">
<div class="col-12 border-bottom py-3">
<div class="row">
<div class="col-12 col-md-3">
<span class="font-medium text-uppercase theme-text-accent-one">Name</span>
</div>
<div class="col-12 col-md-9">
<span class="font-medium">Kislay Chhimwal</span>
</div>
</div>
</div>
<div class="col-12 border-bottom py-3">
<div class="row">
<div class="col-12 col-md-3">
<span class="font-medium text-uppercase theme-text-accent-one">Birthday</span>
</div>
<div class="col-12 col-md-9">
<span class="font-medium">7/21/1989</span>
</div>
</div>
</div>
<div class="col-12 border-bottom py-3">
<div class="row">
<div class="col-12 col-md-3">
<span class="font-medium text-uppercase theme-text-accent-one">Gender</span>
</div>
<div class="col-12 col-md-9">
<span class="font-medium">Male</span>
</div>
</div>
</div>
<div class="col-12 py-3">
<div class="row">
<div class="col-12 col-md-3">
<span class="font-medium text-uppercase theme-text-accent-one">Marital
Status</span>
</div>
<div class="col-12 col-md-9">
<span class="font-medium">Married</span>
</div>
</div>
</div>
</div>
</div>
<?php }} ?>
<div class="theme-box-shadow theme-border-radius theme-bg-white mb-3" id="details">
<div class="row g-0">
<div class="col-12 col-md-12">
<div class="d-flex justify-content-between align-items-center border-bottom p-3">
<div class="mb-0">
<span class="d-flex fw-bold">Login Details</span>
<span class="theme-text-accent-one font-small">Manage your email address
mobile number and password
</span>
</div>
<a href="#" class="border border-primary theme-border-radius py-2 px-3 text-uppercase"><i
class="bi bi-pencil me-2"></i>Edit</a>
</div>
</div>
</div>
<!-- login details -->
<div class="row g-0 px-3 ">
<div class="col-12 border-bottom py-3">
<div class="row">
<div class="col-12 col-md-3">
<span class="font-medium text-uppercase theme-text-accent-one">Mobile
Number</span>
</div>
<div class="col-12 col-md-9">
<span class="font-medium">+91 96587 98547</span>
</div>
</div>
</div>
<div class="col-12 border-bottom py-3">
<div class="row">
<div class="col-12 col-md-3">
<span class="font-medium text-uppercase theme-text-accent-one">Email
Id</span>
</div>
<div class="col-12 col-md-9">
<span class="font-medium">kislay.traveller@gmail.com</span>
</div>
</div>
</div>
<div class="col-12 py-3">
<div class="row">
<div class="col-12 col-md-3">
<span class="font-medium text-uppercase theme-text-accent-one">Password</span>
</div>
<div class="col-12 col-md-9">
<span class="font-medium">**********</span>
<a href="#" class="font-small ms-3">Change Password</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="wishlist-tab-pane" role="tabpanel" aria-labelledby="wishlist-tab"
tabindex="0">
<!-- 4. my wishlist section -->
<div class="d-flex flex-column theme-border-radius theme-bg-white theme-box-shadow mb-4">
<!-- title section -->
<div class="d-flex justify-content-between p-3">
<span class="fw-bold">My Wishlist (12)</span>
</div>
<!-- my wishlist section -->
<div class="p-3">
<div class="row g-0">
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products01.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Fruits</p>
<div class="mt-2 small lh-1 mb-3 mb-lg-0">
<span class="theme-text-primary fw-bold">$250.00</span>
</div>
<span class="badge bg-success">In Stock</span>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
<a class="theme-border custom-btn-secondary font-small button-effect px-2">Add
to Cart
</a>
<a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products02.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Strawberrie</p>
<div class="mt-2 small lh-1 mb-3 mb-lg-0">
<span class="theme-text-primary fw-bold">$250.00</span>
</div>
<span class="badge bg-success">In Stock</span>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
<a class="theme-border custom-btn-secondary font-small button-effect px-2">Add
to Cart
</a>
<a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products03.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Vegitables</p>
<div class="mt-2 small lh-1 mb-3 mb-lg-0">
<span class="theme-text-primary fw-bold">$250.00</span>
</div>
<span class="badge bg-danger">Out of
Stock</span>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
<a class="theme-border custom-btn-secondary font-small button-effect px-2">Add
to Cart
</a>
<a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products04.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Basket</p>
<div class="mt-2 small lh-1 mb-3 mb-lg-0">
<span class="theme-text-primary fw-bold">$250.00</span>
</div>
<span class="badge bg-success">In Stock</span>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
<a class="theme-border custom-btn-secondary font-small button-effect px-2">Add
to Cart
</a>
<a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products05.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Strawberrie</p>
<div class="mt-2 small lh-1 mb-3 mb-lg-0">
<span class="theme-text-primary fw-bold">$250.00</span>
</div>
<span class="badge bg-success">In Stock</span>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
<a class="theme-border custom-btn-secondary font-small button-effect px-2">Add
to Cart
</a>
<a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products06.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small fw-bold">Fresh Green Capsicum</p>
<div class="mt-2 small lh-1 mb-3 mb-lg-0">
<span class="theme-text-primary fw-bold">$250.00</span>
</div>
<span class="badge bg-success">In Stock</span>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
<a class="theme-border custom-btn-secondary font-small button-effect px-2">Add
to Cart
</a>
<a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products07.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-smal fw-bold">Fresh Green Carots</p>
<div class="mt-2 small lh-1 mb-3 mb-lg-0">
<span class="theme-text-primary fw-bold">$250.00</span>
</div>
<span class="badge bg-danger">Out of
Stock</span>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex justify-content-end align-items-center font-small mb-3 mb-lg-0">
<a class="theme-border custom-btn-secondary font-small button-effect px-2">Add
to Cart
</a>
<a href="#" class="ms-3"><i class="bi bi-trash ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
<div class="col-12 col-lg-12 mb-3 d-flex justify-content-center">
<div class="d-flex align-items-center custom-btn-primary font-small button-effect px-4">
Load more
</div>
</div>
</div>
</div>
</div>
</div>
<div class=" tab-pane fade" id="notifications-tab-pane" role="tabpanel" aria-labelledby="notifications-tab"
tabindex="0">
<!-- 5. notification section -->
<div class="d-flex align-self-center align-items-center text-start mb-5">
<h3 class="fs-5 mb-0">All Notification</h3>
<p class="mb-0 ms-3">(05 Unread)</p>
</div>
<div class="accordion" id="accordionExample">
<!-- notification 01 -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Herbal Product Market 01
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<div
class="d-flex align-items-center border-0 theme-border-radius bg-white position-relative p-0 mb-0">
<div class="flex-shrink-0 notify-icon">
<img src="assets/images/dashboard/notification.svg" alt="Notification Icon">
</div>
<div class="flex-grow-1 mx-3">
<h2 class="fs-4 mb-1 theme-text-primary">Herbal Product Market</h2>
<p class="mb-0 font-small theme-text-accent-one">Some new travel
deals & offers
notification.</p>
</div>
</div>
</div>
</div>
</div>
<!-- notification 02 -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Herbal Product Market 02
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<div
class="d-flex align-items-center border-0 theme-border-radius bg-white position-relative p-0 mb-0">
<div class="flex-shrink-0 notify-icon">
<img src="assets/images/dashboard/notification.svg" alt="Notification Icon">
</div>
<div class="flex-grow-1 mx-3">
<h2 class="fs-4 mb-1 theme-text-primary">Herbal Product Market</h2>
<p class="mb-0 font-small theme-text-accent-one">Some new travel
deals & offers
notification.</p>
</div>
</div>
</div>
</div>
</div>
<!-- notification 03 -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Herbal Product Market 03
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the third item's accordion body.</strong> It is hidden by
default, until the collapse plugin adds the appropriate classes that we use
to style each element. These classes control the overall appearance, as well
as the showing and hiding via CSS transitions. You can modify any of this
with custom CSS or overriding our default variables. It's also worth noting
that just about any HTML can go within the accordion-body,
though the transition does limit overflow.
</div>
</div>
</div>
<!-- notification 04 -->
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Herbal Product Market 04
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>This is the third item's accordion body.</strong> It is hidden by
default, until the collapse plugin adds the appropriate classes that we use
to style each element. These classes control the overall appearance, as well
as the showing and hiding via CSS transitions. You can modify any of this
with custom CSS or overriding our default variables. It's also worth noting
that just about any HTML can go within the accordion-body,
though the transition does limit overflow.
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="track-tab-pane" role="tabpanel" aria-labelledby="track-tab" tabindex="0">
<!-- 6. track order section -->
<div class="d-flex flex-column theme-border-radius theme-bg-white theme-box-shadow mb-4">
<!-- title section -->
<div class="d-flex flex-column p-3">
<span class="fw-bold mb-2">Your Orders With Us</span>
<p class="font-small theme-text-accent-one">We are yet to receive your first order</p>
</div>
<!-- dashboard section -->
<div class="p-3">
<div class="row g-0">
<div class="col-12 col-lg-12 mb-3">
<div class="border px-3 theme-border-radius">
<div class="row g-0 align-items-center">
<div class="col-12 col-md-6 col-lg-2">
<img src="assets/images/product/Products01.png" alt="Parts" class="img-fluid">
</div>
<div class="col-12 col-md-6 col-lg-6 ps-3">
<p class="mb-0 font-small mb-3 fw-bold">Fresh Jussy Lemons</p>
<span class="text-muted font-small">Order No. : 123456</span>
</div>
<div class="col-12 col-md-12 col-lg-4 text-lg-end text-start text-md-start">
<div class="d-flex flex-column font-small">
<span class="theme-text-primary mb-3 fw-bold">$250.00</span>
<span class="text-muted font-small">Status: <span class="text-success">Order Placed</span>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- repetable -->
</div>
</div>
<!-- track proces -->
<div class="col-lg-8 offset-lg-2 d-flex p-3 mb-5">
<div class="horizontal timeline">
<div class="steps">
<div class="step">
<span>To be prepared</span>
</div>
<div class="step">
<span>Sent to logistics</span>
</div>
<div class="step current">
<span>In preparation</span>
</div>
<div class="step">
<span>Shipped</span>
</div>
<div class="step">
<span>Delivered</span>
</div>
</div>
<div class="line"></div>
</div>
</div>
<div class="d-flex flex-column p-3">
<span class="fw-bold mb-3">Delivery expected by Tomorrow, Dec 22</span>
<a href="#" class="font-small theme-text-accent-one mb-3"><i
class="bi bi-x-circle-fill me-2"></i>Cancel
item</a>
<a href="#" class="font-small"><i class="bi bi-info-circle-fill me-2"></i>Need Help?</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="logout-tab-pane" role="tabpanel" aria-labelledby="logout-tab" tabindex="0">
<!-- 7. logut section -->
<div class="d-flex flex-column theme-border-radius theme-bg-white theme-box-shadow mb-4">
<div class="p-5 text-center">
<h3 class="fs-2 fw-bold">Are you sure?
<br>
you want to log out.
</h3>
<p class="font-medium">You have successfully logged out.</p>
<div class="d-flex justify-content-between mt-4 custom-button">
<a data-bs-dismiss="modal"
class="d-flex align-items-center justify-content-center custom-btn-primary font-small button-effect px-3">
<span class="fw-bold">Yes Confirm</span></a>
<a data-bs-dismiss="modal"
class="d-flex align-items-center justify-content-center theme-border custom-btn-secondary font-small button-effect px-3">No
Cancel
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 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 Herbal</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">
Herbal
</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>Herbal</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>
<!-- Mirrored from themeslay.com/preview/items/HTML-Websites/HerbalPro/account.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Jun 2024 05:33:33 GMT -->
</html>