1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / milkibirds /
Filename : user_dashboard.html
back
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- <meta name="description" content="Fastkart"><meta name="keywords" content="Fastkart"><meta name="author" content="Fastkart"> -->
    <link rel="icon" href="assets/images/logo/logo_1.png" type="" />
    <title>Milky Birds</title>
    <!-- Google font -->
    <link rel="preconnect" href="https://fonts.gstatic.com/" />
    <link
      href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Great+Vibes&amp;display=swap"
      rel="stylesheet"
    />
    <!-- bootstrap css -->
    <link
      id="rtl-link"
      rel="stylesheet"
      type="text/css"
      href="assets/css/vendors/bootstrap.css"
    />
    <!-- wow css -->
    <link rel="stylesheet" href="assets/css/animate.min.css" />
    <!-- font-awesome css -->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/css/vendors/font-awesome.css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
      integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <!-- feather icon css -->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/css/vendors/feather-icon.css"
    />
    <!-- Plugin CSS file with desired skin css -->
    <link rel="stylesheet" href="assets/css/vendors/ion.rangeSlider.min.css" />
    <!-- slick css -->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/css/vendors/slick/slick.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/css/vendors/slick/slick-theme.css"
    />
    <!-- animation css -->
    <link rel="stylesheet" type="text/css" href="assets/css/font-style.css" />
    <!-- Template css -->
    <link
      id="color-link"
      rel="stylesheet"
      type="text/css"
      href="assets/css/style.css"
    />
  </head>
  <body class="bg-effect">
    <!-- Loader Start -->
    <!-- <div class="fullpage-loader"><span></span><span></span><span></span><span></span><span></span><span></span></div> -->
    <!-- Loader End -->
    <!-- Header Start -->
    <header class="pb-md-4 pb-0">
      <div class="top-nav top-header sticky-header">
        <div class="container-fluid-lg">
          <div class="row">
            <div class="col-12">
              <div class="navbar-top">
                <button
                  class="navbar-toggler d-xl-none d-inline navbar-menu-button"
                  type="button"
                  data-bs-toggle="offcanvas"
                  data-bs-target="#primaryMenu"
                >
                  <span class="navbar-toggler-icon">
                    <i class="fa-solid fa-bars"></i>
                  </span>
                </button>
                <a href="index.html" class="web-logo nav-logo">
                  <img src="assets/images/logo/logo.png" alt="" />
                </a>
                <div class="middle-box">
                  <div class="search-box">
                    <div class="input-group">
                      <input
                        type="search"
                        class="form-control"
                        placeholder="I'm searching for..."
                        aria-label="Recipient's username"
                        aria-describedby="button-addon2"
                      />
                      <button class="btn" type="button" id="button-addon2">
                        <i data-feather="search"></i>
                      </button>
                    </div>
                  </div>
                </div>
                <div class="rightside-box">
                  <div class="search-full">
                    <div class="input-group">
                      <span class="input-group-text">
                        <i data-feather="search" class="font-light"></i>
                      </span>
                      <input
                        type="text"
                        class="form-control search-type"
                        placeholder="Search here.."
                      />
                      <span class="input-group-text close-search">
                        <i data-feather="x" class="font-light"></i>
                      </span>
                    </div>
                  </div>
                  <ul class="right-side-menu">
                    <li class="right-side">
                      <div class="delivery-login-box">
                        <div class="delivery-icon">
                          <div class="search-box">
                            <i data-feather="search"></i>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li class="right-side">
                      <a
                        href="wishlist.html"
                        class="btn p-0 position-relative header-wishlist"
                      >
                        <i data-feather="heart"></i>
                      </a>
                    </li>
                    <li class="right-side">
                      <div class="onhover-dropdown header-badge">
                        <button
                          type="button"
                          class="btn p-0 position-relative header-wishlist"
                        >
                          <i data-feather="shopping-cart"></i>
                          <span
                            class="position-absolute top-0 start-100 translate-middle badge"
                            >2
                            <span class="visually-hidden">unread messages</span>
                          </span>
                        </button>
                        <div class="onhover-div">
                          <ul class="cart-list">
                            <li class="product-box-contain">
                              <div class="drop-cart">
                                <a href="#" class="drop-image">
                                  <img
                                    src="assets/images/product/2.png"
                                    class=""
                                    alt=""
                                  />
                                </a>
                                <div class="drop-contain">
                                  <a href="#">
                                    <h5>Lemon Juice</h5>
                                  </a>
                                  <h6><span>1 x</span> ₹ 30</h6>
                                  <button class="close-button close_button">
                                    <i class="fa-solid fa-xmark"></i>
                                  </button>
                                </div>
                              </div>
                            </li>
                            <li class="product-box-contain">
                              <div class="drop-cart">
                                <a href="#" class="drop-image">
                                  <img
                                    src="assets/images/product/3.png"
                                    class=""
                                    alt=""
                                  />
                                </a>
                                <div class="drop-contain">
                                  <a href="#">
                                    <h5>Coconut Water</h5>
                                  </a>
                                  <h6><span>1 x</span> ₹ 30</h6>
                                  <button class="close-button close_button">
                                    <i class="fa-solid fa-xmark"></i>
                                  </button>
                                </div>
                              </div>
                            </li>
                          </ul>
                          <div class="price-box">
                            <h5>Total :</h5>
                            <h4 class="theme-color fw-bold">₹ 60</h4>
                          </div>
                          <div class="button-group">
                            <a
                              href="view-cart.html"
                              class="btn btn-sm cart-button"
                              >View Cart</a
                            >
                            <a
                              href="checkout.html"
                              class="btn btn-sm cart-button theme-bg-color text-white"
                              >Checkout</a
                            >
                          </div>
                        </div>
                      </div>
                    </li>
                    <li class="right-side onhover-dropdown">
                      <div class="delivery-login-box">
                        <a href="user_dashboard.html">
                          <div class="delivery-icon">
                            <i data-feather="user"></i>
                          </div>                                                                                                                                                    
                         </a>
                        <div class="delivery-detail">
                          <h6>Hello,</h6>
                                <a href="user_dashboard.html"><h5>My Account</h5></a>
                        </div>
                      </div>
                      <div class="onhover-div onhover-div-login">
                        <ul class="user-box-name">
                          <li class="product-box-contain">
                            <i></i>
                            <a href="login.html">Log In</a>
                          </li>
                          <li class="product-box-contain">
                            <a href="register.html">Register</a>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid-lg">
        <div class="row">
          <div class="col-12">
            <div class="header-nav">
              <div class="header-nav-left">
                <button class="dropdown-category">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="feather feather-align-left"
                  >
                    <line x1="17" y1="10" x2="3" y2="10"></line>
                    <line x1="21" y1="6" x2="3" y2="6"></line>
                    <line x1="21" y1="14" x2="3" y2="14"></line>
                    <line x1="17" y1="18" x2="3" y2="18"></line>
                  </svg>
                  <span>All Categories</span>
                </button>
                <div class="category-dropdown">
                  <div class="category-title">
                    <h5>Categories</h5>
                    <button
                      type="button"
                      class="btn p-0 close-button text-content"
                    >
                      <i class="fa-solid fa-xmark"></i>
                    </button>
                  </div>
                  <ul class="category-list">
                    <li class="onhover-category-list">
                      <a href="#milk_section" class="category-name">
                        <img src="assets/images/categories/milk.svg" alt="" />
                        <h6>Milk</h6>
                        <!-- <i class="fa-solid fa-angle-right"></i> -->
                      </a>
                    </li>
                    <li class="onhover-category-list">
                      <a href="#" class="category-name">
                        <img
                          src="assets/images/categories/milk-box.svg"
                          alt=""
                        />
                        <h6>Milk By Products</h6>
                        <!-- <i class="fa-solid fa-angle-right"></i> -->
                      </a>
                    </li>
                    <li class="onhover-category-list">
                      <a href="#" class="category-name">
                        <img src="assets/images/categories/others.svg" alt="" />
                        <h6>Others</h6>
                        <!-- <i class="fa-solid fa-angle-right"></i> -->
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="header-nav-middle">
                <div
                  class="main-nav navbar navbar-expand-xl navbar-light navbar-sticky"
                >
                  <div
                    class="offcanvas offcanvas-collapse order-xl-2"
                    id="primaryMenu"
                  >
                    <div class="offcanvas-header navbar-shadow">
                      <h5>Menu</h5>
                      <button
                        class="btn-close lead"
                        type="button"
                        data-bs-dismiss="offcanvas"
                        aria-label="Close"
                      ></button>
                    </div>
                    <div class="offcanvas-body">
                      <ul class="navbar-nav">
                        <li class="nav-item">
                          <a class="nav-link" href="index.html">Home</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="about.html">About</a>
                        </li>
                        <li class="nav-item dropdown">
                          <a
                            class="nav-link dropdown-toggle"
                            href="#"
                            data-bs-toggle="dropdown"
                            >Shop <i class="fas fa-angle-down mx-1"></i>
                          </a>
                          <ul class="dropdown-menu">
                            <li>
                              <a
                                class="dropdown-item"
                                href="product-list-page.html"
                                >Category Wise (Dairy)
                              </a>
                            </li>
                          </ul>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="#">Our Story</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="contact.html">Contact Us</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="header-nav-right">
                <a href="my_subscription.html">
                  <button
                    class="btn deal-button"
                    data-bs-toggle="modal"
                    data-bs-target="#deal-box"
                  >
                    <span>Subscribe</span>
                    <i class="fa-solid fa-crown"></i>
                  </button>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <!-- Header End -->
    <!-- mobile fix menu start -->
    <div class="mobile-menu d-lg-none mobile-cart">
      <ul>
        <li class="list active">
          <a href="index.html">
            <span class="icon">
              <i class="fas fa-home"></i>
            </span>
            <span class="text">Home</span>
          </a>
        </li>
        <li class="list">
          <a href="my-order.html">
            <span class="icon">
              <i class="fas fa-th-list"></i>
            </span>
            <span class="text">Orders</span>
          </a>
        </li>
        <li class="list">
          <a href="wishlist.html" class="notifi-wishlist">
            <span class="icon">
              <i class="fas fa-heart"></i>
            </span>
            <span class="text">My Wish</span>
          </a>
        </li>
        <li class="list">
          <a href="my_wallet.html" class="search-box">
            <span class="icon">
              <i class="fas fa-wallet"></i>
            </span>
            <span class="text">Wallet</span>
          </a>
        </li>
        <li class="list">
          <a href="view-cart.html">
            <span class="icon">
              <i class="fas fa-shopping-cart"></i>
            </span>
            <span class="text">Cart</span>
          </a>
        </li>
        <div class="indicator"></div>
      </ul>
    </div>
    <!-- mobile fix menu end -->

    <!-- User Dashboard Section Start -->
    <section class="user-dashboard-section section-b-space">
      <div class="container-fluid-lg">
        <div class="row">
          <div class="col-xxl-3 col-lg-4">
            <div class="dashboard-left-sidebar">
              <div class="close-button d-flex d-lg-none">
                <button class="close-sidebar">
                  <i class="fa-solid fa-xmark"></i>
                </button>
              </div>
              <div class="profile-box">
                <div class="cover-image">
                  <img
                    src="assets/images/inner-page/cover-img.jpg"
                    class="img-fluid"
                    alt=""
                  />
                </div>

                <div class="profile-contain">
                  <div class="profile-image">
                    <div class="position-relative">
                      <img
                        src="assets/images/inner-page/user/1.jpg"
                        class="update_img"
                        alt=""
                      />
                      <div class="cover-icon">
                        <i class="fa-solid fa-pen">
                          <input type="file" onchange="readURL(this,0)" />
                        </i>
                      </div>
                    </div>
                  </div>

                  <div class="profile-name">
                    <h3>Vicki E. Pope</h3>
                    <h6 class="text-content">vicki.pope@gmail.com</h6>
                  </div>
                </div>
              </div>

              <ul
                class="nav nav-pills user-nav-pills"
                id="pills-tab"
                role="tablist"
              >
                <li class="nav-item" role="presentation">
                  <button
                    class="nav-link active"
                    id="pills-dashboard-tab"
                    data-bs-toggle="pill"
                    data-bs-target="#pills-dashboard"
                    type="button"
                    role="tab"
                    aria-controls="pills-dashboard"
                    aria-selected="true"
                  >
                    <i data-feather="home"></i> DashBoard
                  </button>
                </li>

                <li class="nav-item" role="presentation">
                  <button
                    class="nav-link"
                    id="pills-order-tab"
                    data-bs-toggle="pill"
                    data-bs-target="#pills-order"
                    type="button"
                    role="tab"
                    aria-controls="pills-order"
                    aria-selected="false"
                  >
                    <i data-feather="shopping-bag"></i>Order
                  </button>
                </li>

                <li class="nav-item" role="presentation">
                  <button
                    class="nav-link"
                    id="pills-wishlist-tab"
                    data-bs-toggle="pill"
                    data-bs-target="#pills-wishlist"
                    type="button"
                    role="tab"
                    aria-controls="pills-wishlist"
                    aria-selected="false"
                  >
                    <i data-feather="heart"></i> Wishlist
                  </button>
                </li>


                <li class="nav-item" 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"
                  >
                    <i data-feather="user"></i> Profile
                  </button>
                </li>

                <li class="nav-item" role="presentation">
                  <button
                    class="nav-link"
                    id="pills-security-tab"
                    data-bs-toggle="pill"
                    data-bs-target="#pills-security"
                    type="button"
                    role="tab"
                    aria-controls="pills-security"
                    aria-selected="false"
                  >
                    <i data-feather="shield"></i> Privacy
                  </button>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-xxl-9 col-lg-8">
            <button
              class="btn left-dashboard-show btn-animation btn-md fw-bold d-block mb-4 d-lg-none"
            >
              Show Menu
            </button>
            <div class="dashboard-right-sidebar">
              <div class="tab-content" id="pills-tabContent">
                <div
                  class="tab-pane fade show active"
                  id="pills-dashboard"
                  role="tabpanel"
                  aria-labelledby="pills-dashboard-tab"
                >
                  <div class="dashboard-home">
                    <div class="title">
                      <h2>My Dashboard</h2>
                      <span class="title-leaf">
                        <svg class="icon-width bg-gray">
                          <use
                            xlink:href="https://themes.pixelstrap.com/fastkart/assets/svg/leaf.svg#leaf"
                          ></use>
                        </svg>
                      </span>
                    </div>

                    <div class="dashboard-user-name">
                      <h6 class="text-content">
                        Hello, <b class="text-title">Vicki E. Pope</b>
                      </h6>
                     
                    </div>

                    <div class="total-box">
                      <div class="row g-sm-4 g-3">
                        <div class="col-xxl-4 col-lg-6 col-md-4 col-sm-6">
                          <a href="my_wallet.html">
                            <div class="totle-contain">
                              <img
                                src="assets/images/icon/wallet.svg"
                                class="img-1"
                                alt=""
                              />
                              <img src="assets/images/icon/wallet.svg"
                                                      class="" alt="">
                              <div class="totle-detail">
                                <h5>Your Wallet Amount</h5>
                                <h3>3658</h3>
                                
                              </div>
                            </div>
                          </a>
                        </div>

                        <div class="col-xxl-4 col-lg-6 col-md-4 col-sm-6">
                          <a href="#">
                            <div class="totle-contain">
                              <img
                                src="assets/images/icon/shopping.svg"
                                class="img-1"
                                alt=""
                              />
                              <img
                                src="assets/images/icon/shopping.svg"
                                class=""
                                alt=""
                              />
                              <div class="totle-detail">
                                <h5>Total Orders</h5>
                                <h3>12</h3>
                              </div>
                            </div>
                          </a>
                        </div>

                        <div class="col-xxl-4 col-lg-6 col-md-4 col-sm-6">
                          <a href="#">
                            <div class="totle-contain">
                              <img
                                src="assets/images/icon/wishlist.svg"
                                class="img-1"
                                alt=""
                              />
                              <img
                                src="assets/images/icon/wishlist.svg"
                                class=""
                                alt=""
                              />
                              <div class="totle-detail">
                                <h5>Total Wishlist</h5>
                                <h3>13</h3>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>

                    <div class="dashboard-title">
                      <h3>Account Information</h3>
                    </div>

                    <div class="row g-4">
                      <div class="col-xxl-12">
                        <div class="dashboard-contant-title">
                          <h4>
                            Contact Information
                            <a
                              href="javascript:void(0)"
                              data-bs-toggle="modal"
                              data-bs-target="#editProfile"
                              >Edit</a
                            >
                          </h4>
                        </div>
                        <div class="dashboard-detail">
                          <h6 class="text-content">MARK JECNO</h6>
                          <h6 class="text-content">vicki.pope@gmail.com</h6>
                          <a href="javascript:void(0)">Change Password</a>
                        </div>
                      </div>

                 

                    </div>
                  </div>
                </div>

                <div
                  class="tab-pane fade show"
                  id="pills-wishlist"
                  role="tabpanel"
                  aria-labelledby="pills-wishlist-tab"
                >
                  <div class="dashboard-wishlist">
                    <div class="title">
                      <h2>My Wishlist History</h2>
                      <span class="title-leaf title-leaf-gray">
                        <svg class="icon-width bg-gray">
                          <use
                            xlink:href="https://themes.pixelstrap.com/fastkart/assets/svg/leaf.svg#leaf"
                          ></use>
                        </svg>
                      </span>
                    </div>
                    <div class="row g-sm-3 g-2">
                      <div
                        class="col-xxl-3 col-lg-4 col-md-4 col-6 product-box-contain"
                      >
                        <div class="product-box-3 h-100 shadow">
                          <div class="product-header">
                            <div class="product-image">
                              <a href="#">
                                <img
                                  src="assets/images/product/dairy/1.png"
                                  class="img-fluid"
                                  alt=""
                                />
                              </a>
                              <div class="label-flex">
                                <div class="discount dis-m">
                                  <a href="subscription_page.html">
                                    <label
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i>
                                    </label>
                                  </a>
                                </div>
                                <div class="product-header-top">
                                  <button
                                    class="btn wishlist-button close_button"
                                  >
                                    <i data-feather="x"></i>
                                  </button>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="product-footer">
                            <div class="product-detail">
                              <a href="product-left-thumbnail.html">
                                <h5 class="name">
                                  Fresh Bread and Pastry Flour 200 g
                                </h5>
                              </a>
                              <h6 class="unit mt-1">250 ml</h6>
                              <h5 class="price">
                                <span class="theme-color">₹ 40</span>
                              </h5>

                              <div class="mob-dis">
                                <div
                                  class="discount dis-m d-flex justify-content-center"
                                >
                                  <a href="subscription_page.html">
                                    <label class="text-white"
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i></label
                                  ></a>
                                </div>
                              </div>
                              <div class="add-to-cart-btn-2 addtocart_btn">
                                <button
                                  class="btn addcart-button btn buy-button"
                                >
                                  <span
                                    class="mx-2"
                                    style="font-size: 11px; font-weight: 600"
                                    >Add to cart</span
                                  >
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div
                        class="col-xxl-3 col-lg-4 col-md-4 col-6 product-box-contain"
                      >
                        <div class="product-box-3 h-100 shadow">
                          <div class="product-header">
                            <div class="product-image">
                              <a href="#">
                                <img
                                  src="assets/images/product/dairy/1.png"
                                  class="img-fluid"
                                  alt=""
                                />
                              </a>
                              <div class="label-flex">
                                <div class="discount dis-m">
                                  <a href="subscription_page.html">
                                    <label
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i>
                                    </label>
                                  </a>
                                </div>
                                <div class="product-header-top">
                                  <button
                                    class="btn wishlist-button close_button"
                                  >
                                    <i data-feather="x"></i>
                                  </button>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="product-footer">
                            <div class="product-detail">
                              <a href="product-left-thumbnail.html">
                                <h5 class="name">
                                  Fresh Bread and Pastry Flour 200 g
                                </h5>
                              </a>
                              <h6 class="unit mt-1">250 ml</h6>
                              <h5 class="price">
                                <span class="theme-color">₹ 40</span>
                              </h5>

                              <div class="mob-dis">
                                <div
                                  class="discount dis-m d-flex justify-content-center"
                                >
                                  <a href="subscription_page.html">
                                    <label class="text-white"
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i></label
                                  ></a>
                                </div>
                              </div>
                              <div class="add-to-cart-btn-2 addtocart_btn">
                                <button
                                  class="btn addcart-button btn buy-button"
                                >
                                  <span
                                    class="mx-2"
                                    style="font-size: 11px; font-weight: 600"
                                    >Add to cart</span
                                  >
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div
                        class="col-xxl-3 col-lg-4 col-md-4 col-6 product-box-contain"
                      >
                        <div class="product-box-3 h-100 shadow">
                          <div class="product-header">
                            <div class="product-image">
                              <a href="#">
                                <img
                                  src="assets/images/product/dairy/1.png"
                                  class="img-fluid"
                                  alt=""
                                />
                              </a>
                              <div class="label-flex">
                                <div class="discount dis-m">
                                  <a href="subscription_page.html">
                                    <label
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i>
                                    </label>
                                  </a>
                                </div>
                                <div class="product-header-top">
                                  <button
                                    class="btn wishlist-button close_button"
                                  >
                                    <i data-feather="x"></i>
                                  </button>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="product-footer">
                            <div class="product-detail">
                              <a href="product-left-thumbnail.html">
                                <h5 class="name">
                                  Fresh Bread and Pastry Flour 200 g
                                </h5>
                              </a>
                              <h6 class="unit mt-1">250 ml</h6>
                              <h5 class="price">
                                <span class="theme-color">₹ 40</span>
                              </h5>

                              <div class="mob-dis">
                                <div
                                  class="discount dis-m d-flex justify-content-center"
                                >
                                  <a href="subscription_page.html">
                                    <label class="text-white"
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i></label
                                  ></a>
                                </div>
                              </div>
                              <div class="add-to-cart-btn-2 addtocart_btn">
                                <button
                                  class="btn addcart-button btn buy-button"
                                >
                                  <span
                                    class="mx-2"
                                    style="font-size: 11px; font-weight: 600"
                                    >Add to cart</span
                                  >
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div
                        class="col-xxl-3 col-lg-4 col-md-4 col-6 product-box-contain"
                      >
                        <div class="product-box-3 h-100 shadow">
                          <div class="product-header">
                            <div class="product-image">
                              <a href="#">
                                <img
                                  src="assets/images/product/dairy/1.png"
                                  class="img-fluid"
                                  alt=""
                                />
                              </a>
                              <div class="label-flex">
                                <div class="discount dis-m">
                                  <a href="subscription_page.html">
                                    <label
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i>
                                    </label>
                                  </a>
                                </div>
                                <div class="product-header-top">
                                  <button
                                    class="btn wishlist-button close_button"
                                  >
                                    <i data-feather="x"></i>
                                  </button>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="product-footer">
                            <div class="product-detail">
                              <a href="product-left-thumbnail.html">
                                <h5 class="name">
                                  Fresh Bread and Pastry Flour 200 g
                                </h5>
                              </a>
                              <h6 class="unit mt-1">250 ml</h6>
                              <h5 class="price">
                                <span class="theme-color">₹ 40</span>
                              </h5>

                              <div class="mob-dis">
                                <div
                                  class="discount dis-m d-flex justify-content-center"
                                >
                                  <a href="subscription_page.html">
                                    <label class="text-white"
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i></label
                                  ></a>
                                </div>
                              </div>
                              <div class="add-to-cart-btn-2 addtocart_btn">
                                <button
                                  class="btn addcart-button btn buy-button"
                                >
                                  <span
                                    class="mx-2"
                                    style="font-size: 11px; font-weight: 600"
                                    >Add to cart</span
                                  >
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div
                        class="col-xxl-3 col-lg-4 col-md-4 col-6 product-box-contain"
                      >
                        <div class="product-box-3 h-100 shadow">
                          <div class="product-header">
                            <div class="product-image">
                              <a href="#">
                                <img
                                  src="assets/images/product/dairy/1.png"
                                  class="img-fluid"
                                  alt=""
                                />
                              </a>
                              <div class="label-flex">
                                <div class="discount dis-m">
                                  <a href="subscription_page.html">
                                    <label
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i>
                                    </label>
                                  </a>
                                </div>
                                <div class="product-header-top">
                                  <button
                                    class="btn wishlist-button close_button"
                                  >
                                    <i data-feather="x"></i>
                                  </button>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="product-footer">
                            <div class="product-detail">
                              <a href="product-left-thumbnail.html">
                                <h5 class="name">
                                  Fresh Bread and Pastry Flour 200 g
                                </h5>
                              </a>
                              <h6 class="unit mt-1">250 ml</h6>
                              <h5 class="price">
                                <span class="theme-color">₹ 40</span>
                              </h5>

                              <div class="mob-dis">
                                <div
                                  class="discount dis-m d-flex justify-content-center"
                                >
                                  <a href="subscription_page.html">
                                    <label class="text-white"
                                      >Subscribe
                                      <i class="fa-solid fa-crown"></i></label
                                  ></a>
                                </div>
                              </div>
                              <div class="add-to-cart-btn-2 addtocart_btn">
                                <button
                                  class="btn addcart-button btn buy-button"
                                >
                                  <span
                                    class="mx-2"
                                    style="font-size: 11px; font-weight: 600"
                                    >Add to cart</span
                                  >
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div
                  class="tab-pane fade show"
                  id="pills-order"
                  role="tabpanel"
                  aria-labelledby="pills-order-tab"
                >
                  <div class="dashboard-order">
                    <div class="title">
                      <h2>My Orders History</h2>
                      <span class="title-leaf title-leaf-gray">
                        <svg class="icon-width bg-gray">
                          <use
                            xlink:href="https://themes.pixelstrap.com/fastkart/assets/svg/leaf.svg#leaf"
                          ></use>
                        </svg>
                      </span>
                    </div>

                    <div class="order-contain">
                      <div class="order-box dashboard-bg-box">
                        <div class="order-container">
                         

                          <div class="order-detail w-100">
                            <div class="table-responsive w-100">
                              <table class="table order-table">
                                <thead>
                                  <tr>
                                    <th scope="col">Order ID</th>
                                    <th scope="col">Date</th>
                                    <th scope="col">Details</th>
                                    <th scope="col">Status</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td class="product-date">#HSW12456</td>
                                    <td class="product-date">02/08/2023</td>
                                    <td>
                                      <h5 class="fw-bold"><a href="#">View Details</a></h5>
                                    </td>
                                    <td class="success">
                                      <span>Sucess</span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td class="product-date">#HSW12456</td>
                                    <td class="product-date">12/09/2023</td>
                                    <td>
                                      <h5 class="fw-bold"><a href="#">View Details</a></h5>
                                    </td>
                                    <td class="waiting">
                                      <span>pending</span>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td class="product-date">#HSW12456</td>
                                    <td class="product-date">12/09/2023</td>
                                    <td>
                                      <h5 class="fw-bold"><a href="#">View Details</a></h5>
                                    </td>
                                    <td class="danger">
                                      <span>canceled</span>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                          </div>
                        </div>

                      </div>

                      
                    </div>
                  </div>
                </div>

                <div
                  class="tab-pane fade show"
                  id="pills-profile"
                  role="tabpanel"
                  aria-labelledby="pills-profile-tab"
                >
                  <div class="dashboard-profile">
                    <div class="title">
                      <h2>My Profile</h2>
                      <span class="title-leaf">
                        <svg class="icon-width bg-gray">
                          <use
                            xlink:href="https://themes.pixelstrap.com/fastkart/assets/svg/leaf.svg#leaf"
                          ></use>
                        </svg>
                      </span>
                    </div>

                    <div class="profile-detail dashboard-bg-box">
                      <div class="dashboard-title">
                        <h3>Profile Name</h3>
                      </div>
                      <div class="profile-name-detail">
                        <div class="d-sm-flex align-items-center d-block">
                          <h3>Vicki E. Pope</h3>
                          <div class="product-rating profile-rating">
                            <ul class="rating">
                              <li>
                                <i data-feather="star" class="fill"></i>
                              </li>
                              <li>
                                <i data-feather="star" class="fill"></i>
                              </li>
                              <li>
                                <i data-feather="star" class="fill"></i>
                              </li>
                              <li>
                                <i data-feather="star"></i>
                              </li>
                              <li>
                                <i data-feather="star"></i>
                              </li>
                            </ul>
                          </div>
                        </div>

                        <a
                          href="javascript:void(0)"
                          data-bs-toggle="modal"
                          data-bs-target="#editProfile"
                          >Edit</a
                        >
                      </div>

                    

                  
                    </div>

                    <div class="profile-about dashboard-bg-box">
                      <div class="row">
                        <div class="col-xxl-7">
                          <div class="dashboard-title mb-3">
                            <h3>Profile About</h3>
                          </div>

                          <div class="table-responsive">
                            <table class="table">
                              <tbody>
                                <tr>
                                  <td>Gender :</td>
                                  <td>Female</td>
                                </tr>
                                <tr>
                                  <td>Birthday :</td>
                                  <td>21/05/1997</td>
                                </tr>
                                <tr>
                                  <td>Phone Number :</td>
                                  <td>
                                    <a href="javascript:void(0)">
                                      +91 846 - 547 - 210</a
                                    >
                                  </td>
                                </tr>
                                <tr>
                                  <td>Address :</td>
                                  <td>549 Sulphur Springs Road, Downers, IL</td>
                                </tr>
                              </tbody>
                            </table>
                          </div>

                          <div class="dashboard-title mb-3">
                            <h3>Login Details</h3>
                          </div>

                          <div class="table-responsive">
                            <table class="table">
                              <tbody>
                                <tr>
                                  <td>Email :</td>
                                  <td>
                                    <a href="javascript:void(0)"
                                      >vicki.pope@gmail.com
                                      <span
                                        data-bs-toggle="modal"
                                        data-bs-target="#editProfile"
                                        >Edit</span
                                      ></a
                                    >
                                  </td>
                                </tr>
                                <tr>
                                  <td>Password :</td>
                                  <td>
                                    <a href="javascript:void(0)"
                                      >●●●●●●
                                      <span
                                        data-bs-toggle="modal"
                                        data-bs-target="#editProfile"
                                        >Edit</span
                                      ></a
                                    >
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </div>
                        </div>

                        <div class="col-xxl-5">
                          <div class="profile-image">
                            <img
                              src="assets/images/inner-page/dashboard-profile.png"
                              class="img-fluid"
                              alt=""
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- User Dashboard Section End -->

    <!-- Footer Section Start -->
    <footer class="section-t-space">
      <div class="container-fluid-lg">
        <div class="service-section">
          <div class="row g-3">
            <div class="col-12">
              <div class="service-contain">
                <div class="service-box">
                  <div class="service-image">
                    <img src="https://themes.pixelstrap.com/fastkart/assets/svg/product.svg" class="" alt="" />
                  </div>
                  <div class="service-detail">
                    <h5>Every Fresh Products</h5>
                  </div>
                </div>
                <div class="service-box">
                  <div class="service-image">
                    <img src="https://themes.pixelstrap.com/fastkart/assets/svg/delivery.svg" class="" alt="" />
                  </div>
                  <div class="service-detail">
                    <h5>Free Delivery For Order Over ₹ 50</h5>
                  </div>
                </div>
                <div class="service-box">
                  <div class="service-image">
                    <img src="https://themes.pixelstrap.com/fastkart/assets/svg/discount.svg" class="" alt="" />
                  </div>
                  <div class="service-detail">
                    <h5>Daily Mega Discounts</h5>
                  </div>
                </div>
                <div class="service-box">
                  <div class="service-image">
                    <img src="https://themes.pixelstrap.com/fastkart/assets/svg/market.svg" class="" alt="" />
                  </div>
                  <div class="service-detail">
                    <h5>Best Price On The Market</h5>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="main-footer section-b-space section-t-space">
          <div class="row g-md-4 g-3">
            <div class="col-xl-3 col-lg-4 col-sm-6">
              <div class="footer-logo">
                <div class="theme-logo">
                  <a href="#">
                    <img src="assets/images/logo/logo.png" class="" alt="" />
                  </a>
                </div>
                <div class="footer-logo-contain">
                  <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni, nisi. </p>
                  <ul class="address">
                    <li>
                      <i data-feather="home"></i>
                      <a href="#">1418 Riverwood Drive, CA 96052, US</a>
                    </li>
                    <li>
                      <i data-feather="mail"></i>
                      <a href="#">support@gmail.com</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
              <div class="footer-title">
                <h4>Categories</h4>
              </div>
              <div class="footer-contain">
                <ul>
                  <li>
                    <a href="#" class="text-content">Milk</a>
                  </li>
                  <li>
                    <a href="#" class="text-content">Milk By Products</a>
                  </li>
                  <li>
                    <a href="#" class="text-content">Other Products</a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-xl col-lg-2 col-sm-3">
              <div class="footer-title">
                <h4>Useful Links</h4>
              </div>
              <div class="footer-contain">
                <ul>
                  <li>
                    <a href="index.html" class="text-content">Home</a>
                  </li>
                  <li>
                    <a href="product-list-page.html" class="text-content">Shop</a>
                  </li>
                  <li>
                    <a href="about.html" class="text-content">About Us</a>
                  </li>
                  <li>
                    <a href="blog.html" class="text-content">Blog</a>
                  </li>
                  <li>
                    <a href="contact.html" class="text-content">Contact Us</a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-xl-2 col-sm-3">
              <div class="footer-title">
                <h4>Help Center</h4>
              </div>
              <div class="footer-contain">
                <ul>
                  <li>
                    <a href="my-order.html" class="text-content">Your Order</a>
                  </li>
                  <li>
                    <a href="user_dashboard.html" class="text-content">Your Account</a>
                  </li>
                 
                  <li>
                    <a href="wishlist.html" class="text-content">Your Wishlist</a>
                  </li>
                  <li>
                    <a href="#" class="text-content">Search</a>
                  </li>
                  
                </ul>
              </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-sm-6">
              <div class="footer-title">
                <h4>Contact Us</h4>
              </div>
              <div class="footer-contact">
                <ul>
                  <li>
                    <div class="footer-number">
                      <i data-feather="phone"></i>
                      <div class="contact-number">
                        <h6 class="text-content">Hotline 24/7 :</h6>
                        <h5>+91 987456321</h5>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="footer-number">
                      <i data-feather="mail"></i>
                      <div class="contact-number">
                        <h6 class="text-content">Email Address :</h6>
                        <h5>example@hotmail.com</h5>
                      </div>
                    </div>
                  </li>
                  <li class="social-app mb-0">
                    <h5 class="mb-2 text-content">Download App :</h5>
                    <ul>
                      <li class="mb-0">
                        <a href="#" target="_blank">
                          <img src="https://themes.pixelstrap.com/fastkart/assets/images/playstore.svg" class="" alt="" />
                        </a>
                      </li>
                      <li class="mb-0">
                        <a href="https://www.apple.com/in/app-store/" target="_blank">
                          <img src="https://themes.pixelstrap.com/fastkart/assets/images/appstore.svg" class="" alt="" />
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="sub-footer section-small-space">
          <div class="reserve">
            <h6 class="text-content">©2022 MilkiBirds All rights reserved</h6>
          </div>
          <div class="payment">
            <img src="assets/images/payment/1.png" class="" alt="" />
          </div>
          <div class="social-link">
            <h6 class="text-content">Stay connected :</h6>
            <ul>
              <li>
                <a href="https://www.facebook.com/" target="_blank">
                  <i class="fa-brands fa-facebook-f"></i>
                </a>
              </li>
              <li>
                <a href="https://twitter.com/" target="_blank">
                  <i class="fa-brands fa-twitter"></i>
                </a>
              </li>
              <li>
                <a href="https://www.instagram.com/" target="_blank">
                  <i class="fa-brands fa-instagram"></i>
                </a>
              </li>
              <li>
                <a href="https://in.pinterest.com/" target="_blank">
                  <i class="fa-brands fa-pinterest-p"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </footer>
    <!-- Footer Section End -->
    <!-- Quick View Modal Box Start -->
    <div
      class="modal fade theme-modal view-modal"
      id="view"
      tabindex="-1"
      aria-labelledby="exampleModalLabel"
      aria-hidden="true"
    >
      <div
        class="modal-dialog modal-dialog-centered modal-xl modal-fullscreen-sm-down"
      >
        <div class="modal-content">
          <div class="modal-header p-0">
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            >
              <i class="fa-solid fa-xmark"></i>
            </button>
          </div>
          <div class="modal-body">
            <div class="row g-sm-4 g-2">
              <div class="col-lg-6">
                <div class="slider-image">
                  <img src="assets/images/product/category/1.jpg" alt="" />
                </div>
              </div>
              <div class="col-lg-6">
                <div class="right-sidebar-modal">
                  <h4 class="title-name">
                    Peanut Butter Bite Premium Butter Cookies 600 g
                  </h4>
                  <h4 class="price">$36.99</h4>
                  <div class="product-rating">
                    <ul class="rating">
                      <li>
                        <i data-feather="star" class="fill"></i>
                      </li>
                      <li>
                        <i data-feather="star" class="fill"></i>
                      </li>
                      <li>
                        <i data-feather="star" class="fill"></i>
                      </li>
                      <li>
                        <i data-feather="star" class="fill"></i>
                      </li>
                      <li>
                        <i data-feather="star"></i>
                      </li>
                    </ul>
                    <span class="ms-2">8 Reviews</span>
                    <span class="ms-2 text-danger"
                      >6 sold in last 16 hours</span
                    >
                  </div>
                  <div class="product-detail">
                    <h4>Product Details :</h4>
                    <p>
                      Candy canes sugar plum tart cotton candy chupa chups sugar
                      plum chocolate I love. Caramels marshmallow icing dessert
                      candy canes I love soufflé I love toffee. Marshmallow pie
                      sweet sweet roll sesame snaps tiramisu jelly bear claw.
                      Bonbon muffin I love carrot cake sugar plum dessert
                      bonbon.
                    </p>
                  </div>
                  <ul class="brand-list">
                    <li>
                      <div class="brand-box">
                        <h5>Brand Name:</h5>
                        <h6>Black Forest</h6>
                      </div>
                    </li>
                    <li>
                      <div class="brand-box">
                        <h5>Product Code:</h5>
                        <h6>W0690034</h6>
                      </div>
                    </li>
                    <li>
                      <div class="brand-box">
                        <h5>Product Type:</h5>
                        <h6>White Cream Cake</h6>
                      </div>
                    </li>
                  </ul>
                  <div class="select-size">
                    <h4>Cake Size :</h4>
                    <select class="form-select select-form-size">
                      <option selected>Select Size</option>
                      <option value="1.2">1/2 KG</option>
                      <option value="0">1 KG</option>
                      <option value="1.5">1/5 KG</option>
                      <option value="red">Red Roses</option>
                      <option value="pink">With Pink Roses</option>
                    </select>
                  </div>
                  <div class="modal-button">
                    <button
                      onclick="location.href = '#';"
                      class="btn btn-md add-cart-button icon"
                    >
                      Add To Cart
                    </button>
                    <button
                      onclick="location.href = '#';"
                      class="btn theme-bg-color view-button icon text-white fw-bold btn-md"
                    >
                      View More Details
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Quick View Modal Box End -->
    <!-- Location Modal Start -->
    <div
      class="modal location-modal fade theme-modal"
      id="locationModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="exampleModalLabel"
      aria-hidden="true"
    >
      <div
        class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down"
        id="modal-location"
      >
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">
              Enter your Pincode
            </h5>
            <!-- <p class="mt-1 text-content"></p> -->
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            >
              <i class="fa-solid fa-xmark"></i>
            </button>
          </div>
          <div class="modal-body">
            <div class="location-list">
              <div class="search-input">
                <input
                  type="search"
                  class="form-control"
                  placeholder="Enter Your Pincode"
                />
                <i class="fa-solid fa-magnifying-glass"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Location Modal End -->
    <!-- Cookie Bar Box Start -->
    <!-- <div class="cookie-bar-box"><div class="cookie-box"><div class="cookie-image"><img src="assets/images/cookie-bar.png" class="" alt=""><h2>Cookies!</h2></div><div class="cookie-contain"><h5 class="text-content">We use cookies to make your experience better</h5></div></div><div class="button-group"><button class="btn privacy-button">Privacy Policy</button><button class="btn ok-button">OK</button></div></div> -->
    <!-- Cookie Bar Box End -->
    <!-- Bg overlay Start -->
    
    <!-- Bg overlay End -->
    <script src="assets/js/model.js"></script>
    <!-- latest jquery-->
    <script src="assets/js/jquery-3.6.0.min.js"></script>
    <!-- jquery ui-->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- Bootstrap js-->
    <script src="assets/js/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="assets/js/bootstrap/bootstrap-notify.min.js"></script>
    <script src="assets/js/bootstrap/popper.min.js"></script>
    <!-- feather icon js-->
    <script src="assets/js/feather/feather.min.js"></script>
    <script src="assets/js/feather/feather-icon.js"></script>
    <!-- Lazyload Js -->
    <script src="assets/js/lazysizes.min.js"></script>
    <!-- Slick js-->
    <script src="assets/js/slick/slick.js"></script>
    <script src="assets/js/slick/slick-animation.min.js"></script>
    <script src="assets/js/custom-slick-animated.js"></script>
    <script src="assets/js/slick/custom_slick.js"></script>
    <!-- Range slider js -->
    <script src="assets/js/ion.rangeSlider.min.js"></script>
    <!-- Auto Height Js -->
    <script src="assets/js/auto-height.js"></script>
    <!-- Lazyload Js -->
    <script src="assets/js/lazysizes.min.js"></script>
    <!-- Quantity js -->
    <script src="assets/js/quantity-2.js"></script>
    <!-- Fly Cart Js -->
    <script src="assets/js/fly-cart.js"></script>
    <!-- Timer Js -->
    <script src="assets/js/timer1.js"></script>
    <script src="assets/js/timer2.js"></script>
    <!-- Copy clipboard Js -->
    <script src="assets/js/clipboard.min.js"></script>
    <script src="assets/js/copy-clipboard.js"></script>
    <!-- WOW js -->
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/custom-wow.js"></script>
    <!-- script js -->
    <script src="assets/js/script.js"></script>
    <!-- thme setting js -->
    <script src="assets/js/theme-setting.js"></script>
    <script
      type="module"
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
    ></script>
    <script
      nomodule
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
    ></script>
  </body>
</html>