all-cars.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="We Care Admin super flexible, powerful, clean &amp; modern responsive bootstrap 5 admin template with unlimited possibilities."
    />

    <meta name="author" content="pixelstrap" />
    <link rel="icon" href="wecare_logo.svg" type="image/x-icon" />
    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
    <title>We Care Cabs- All Cars</title>
    <!-- Google font-->
    <link
      href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&amp;family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&amp;display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css" />

    <!-- Themify icon-->
    <link rel="stylesheet" type="text/css" href="css/themify.css" />

    <!-- Feather icon-->
    <link rel="stylesheet" type="text/css" href="css/feather-icon.css" />
    <!-- Plugins css start-->
    <link rel="stylesheet" type="text/css" href="css/scrollbar.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.css" />
    <!-- Plugins css Ends-->
    <!-- Bootstrap css-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <!-- App css-->
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <!-- Responsive css-->
    <link rel="stylesheet" type="text/css" href="css/responsive.css" />
  </head>

  <body>
    <!-- pre-loader start -->
    <div class="loader-wrapper">
      <img src="wecare_logo.svg" width="100px" alt="loader gif" />
      <img src="load.gif" width="100px" alt="loader gif" />
      <!-- <img src="load.gif" alt="loader gif" width="100px" /> -->
    </div>
    <!-- pre-loader End -->

    <!-- tap on top starts-->
    <div class="tap-top"><i data-feather="chevrons-up"></i></div>
    <!-- tap on tap ends-->
    <!-- page-wrapper Start-->
    <div class="page-wrapper compact-wrapper modern-type" id="pageWrapper">
      <!-- Page Header Start-->
      <div class="page-header">
        <div class="header-wrapper row m-0">
          <div class="header-logo-wrapper col-auto p-0">
            <div class="logo-wrapper">
              <a href="index.html"
                ><img
                  class="img-fluid main-logo"
                  src="wecare_logo.svg"
                  alt="logo" />
                <img
                  class="img-fluid white-logo"
                  src="wecare_logo.svg"
                  alt="logo"
              /></a>
            </div>
            <div class="toggle-sidebar">
              <i
                class="status_toggle middle sidebar-toggle"
                data-feather="align-center"
              ></i>
            </div>
          </div>

          <form class="form-inline search-full col" action="#" method="get">
            <div class="form-group w-100">
              <div class="Typeahead Typeahead--twitterUsers">
                <div class="u-posRelative">
                  <input
                    class="demo-input Typeahead-input form-control-plaintext w-100"
                    type="text"
                    placeholder="Search Anything .."
                    name="q"
                    title=""
                    autofocus=""
                  />
                  <i class="close-search" data-feather="x"></i>
                  <div class="spinner-border Typeahead-spinner" role="status">
                    <span class="sr-only">Loading...</span>
                  </div>
                </div>
                <div class="Typeahead-menu"></div>
              </div>
            </div>
          </form>
          <div class="nav-right col-4 pull-right right-header p-0">
            <ul class="nav-menus">
              <li>
                <span class="header-search"><i data-feather="search"></i></span>
              </li>
              <li class="onhover-dropdown">
                <div class="notification-box">
                  <i class="fa fa-bell-o"> </i
                  ><span class="badge rounded-pill badge-theme">4 </span>
                </div>
                <ul class="notification-dropdown onhover-show-div">
                  <li>
                    <i data-feather="bell"></i>
                    <h6 class="f-18 mb-0">Notitications</h6>
                  </li>
                  <li>
                    <p>
                      <i class="fa fa-circle-o me-3 font-primary"> </i>Delivery
                      processing <span class="pull-right">10 min.</span>
                    </p>
                  </li>
                  <li>
                    <p>
                      <i class="fa fa-circle-o me-3 font-success"></i>Order
                      Complete<span class="pull-right">1 hr</span>
                    </p>
                  </li>
                  <li>
                    <p>
                      <i class="fa fa-circle-o me-3 font-info"></i>Tickets
                      Generated<span class="pull-right">3 hr</span>
                    </p>
                  </li>
                  <li>
                    <p>
                      <i class="fa fa-circle-o me-3 font-danger"></i>Delivery
                      Complete<span class="pull-right">6 hr</span>
                    </p>
                  </li>
                  <li>
                    <a class="btn btn-primary" href="#"
                      >Check all notification</a
                    >
                  </li>
                </ul>
              </li>

              <li>
                <div class="mode">
                  <i class="fa fa-moon-o" aria-hidden="true"></i>
                </div>
              </li>

              <li class="onhover-dropdown">
                <i data-feather="message-square"></i>
                <ul class="chat-dropdown onhover-show-div">
                  <li>
                    <i data-feather="message-square"></i>
                    <h6 class="f-18 mb-0">Message Box</h6>
                  </li>
                  <li>
                    <div class="media">
                      <img
                        class="img-fluid rounded-circle me-3"
                        src="images/1.jpg"
                        alt="user1"
                      />
                      <div class="status-circle online"></div>
                      <div class="media-body">
                        <span>Ashutosh Yadav</span>
                        <p>Lorem Ipsum is simply dummy...</p>
                      </div>
                      <p class="f-12 font-success">58 mins ago</p>
                    </div>
                  </li>
                  <li>
                    <div class="media">
                      <img
                        class="img-fluid rounded-circle me-3"
                        src="images/2.jpg"
                        alt="user2"
                      />
                      <div class="status-circle online"></div>
                      <div class="media-body">
                        <span>Kori Thomas</span>
                        <p>Lorem Ipsum is simply dummy...</p>
                      </div>
                      <p class="f-12 font-success">1 hr ago</p>
                    </div>
                  </li>
                  <li>
                    <div class="media">
                      <img
                        class="img-fluid rounded-circle me-3"
                        src="images/4.jpg"
                        alt="user3"
                      />
                      <div class="status-circle offline"></div>
                      <div class="media-body">
                        <span>Ain Chavez</span>
                        <p>Lorem Ipsum is simply dummy...</p>
                      </div>
                      <p class="f-12 font-danger">32 mins ago</p>
                    </div>
                  </li>
                  <li class="text-center">
                    <a class="btn btn-primary" href="#">View All </a>
                  </li>
                </ul>
              </li>
              <li class="maximize">
                <a
                  class="text-dark"
                  href="#!"
                  onclick="javascript:toggleFullScreen()"
                  ><i data-feather="maximize"></i
                ></a>
              </li>
              <li class="profile-nav onhover-dropdown pe-0 me-0">
                <div class="media profile-media">
                  <img
                    class="user-profile rounded-circle"
                    src="images/4_1.jpg"
                    alt="profile-picture"
                  />
                  <div class="user-name-hide media-body">
                    <span>Ashutosh Yadav</span>
                    <p class="mb-0 font-roboto">
                      Admin <i class="middle fa fa-angle-down"></i>
                    </p>
                  </div>
                </div>
                <ul class="profile-dropdown onhover-show-div">
                  <li>
                    <a href="#"
                      ><i data-feather="user"></i><span>Account </span></a
                    >
                  </li>
                  <li>
                    <a href="#"
                      ><i data-feather="mail"></i><span>Inbox</span></a
                    >
                  </li>
                  <li>
                    <a href="#"
                      ><i data-feather="file-text"></i><span>Taskboard</span></a
                    >
                  </li>
                  <li>
                    <a href="#"
                      ><i data-feather="settings"></i><span>Settings</span></a
                    >
                  </li>
                  <li>
                    <a
                      data-bs-toggle="modal"
                      data-bs-target="#staticBackdrop"
                      href="javascript:void(0)"
                      ><i data-feather="log-out"> </i><span>Log out</span></a
                    >
                  </li>
                </ul>
              </li>
            </ul>
          </div>
          <script class="result-template" type="text/x-handlebars-template">
            <div class="ProfileCard u-cf">
              <div class="ProfileCard-avatar"><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-airplay m-0"
                ><path
                    d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"
                  ></path><polygon
                    points="12 15 17 21 7 21 12 15"
                  ></polygon></svg></div>
              <div class="ProfileCard-details">
                <div class="ProfileCard-realName">{{name}}</div>
              </div>
            </div>
          </script>
          <script class="empty-template" type="text/x-handlebars-template">
            <div class="EmptyMessage">Your search turned up 0 results. This most
              likely means the backend is down, yikes!</div>
          </script>
        </div>
      </div>
      <!-- Page Header Ends-->
      <!-- Page Body Start-->
      <div class="page-body-wrapper">
        <!-- Page Sidebar Start-->
        <div class="sidebar-wrapper">
          <div>
            <div class="logo-wrapper">
              <span class="back">Back</span>
              <div class="back-btn"><i class="fa fa-angle-left"></i></div>
              <div class="toggle-sidebar">
                <i
                  class="status_toggle middle sidebar-toggle"
                  data-feather="grid"
                >
                </i>
              </div>
            </div>
            <div class="logo-icon-wrapper">
              <a href="index.html"
                ><img class="img-fluid" src="images/logo-icon.png" alt=""
              /></a>
            </div>
            <nav class="sidebar-main">
              <div class="left-arrow" id="left-arrow">
                <i data-feather="arrow-left"></i>
              </div>
              <div id="sidebar-menu">
                <ul class="sidebar-links" id="simple-bar">
                  <li class="back-btn">
                    <a href="index.html"
                      ><img class="img-fluid" src="images/logo-icon.png" alt=""
                    /></a>
                    <div class="mobile-back text-end">
                      <span>Back</span
                      ><i class="fa fa-angle-right ps-2" aria-hidden="true"></i>
                    </div>
                  </li>

                  <li class="sidebar-list">
                    <a
                      class="sidebar-link sidebar-title link-nav"
                      href="index.html"
                      ><i data-feather="home"> </i><span>Dashboard</span></a
                    >
                  </li>

                  <li class="sidebar-list">
                    <a class="sidebar-link sidebar-title" href="#"
                      ><i data-feather="map"></i><span>Destinations</span></a
                    >
                    <ul class="sidebar-submenu">
                      <li><a href="all-packages.html">All Destinations</a></li>
                      <li>
                        <a href="package-detail.html">Destinations Detail</a>
                      </li>
                      <li>
                        <a href="add-new-destinations.html">Add Destinations</a>
                      </li>
                      <li>
                        <a href="all-package-categories.html"
                          >All Destination Categories</a
                        >
                      </li>
                      <li>
                        <a href="add-package-category.html"
                          >Add Destination Category</a
                        >
                      </li>
                    </ul>
                  </li>

                  <li class="sidebar-list">
                    <a class="sidebar-link sidebar-title" href="#"
                      ><i data-feather="navigation"></i><span>Cab</span></a
                    >
                    <ul class="sidebar-submenu">
                      <li><a href="all-cars.html">All Cars</a></li>
                      <li><a href="cars-detail.html">Cars's Details </a></li>

                      <li><a href="add-new-cars.html">Add New Cars</a></li>
                      <li><a href="all-drivers.html">All Drivers</a></li>
                      <li><a href="add-driver.html">Add Drivers</a></li>
                    </ul>
                  </li>

                  <li class="sidebar-list">
                    <a
                      class="sidebar-link sidebar-title link-nav"
                      href="booking.html"
                      ><i data-feather="bookmark"> </i><span>Booking</span></a
                    >
                  </li>

                  <li class="sidebar-list">
                    <a
                      class="sidebar-link sidebar-title link-nav"
                      href="location.html"
                      ><span class="icon">
                        <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-map-pin"
                        >
                          <path
                            d="M21 10c0 6-9 13-9 13s-9-7-9-13a9 9 0 0 1 18 0z"
                          ></path>
                          <circle cx="12" cy="10" r="3"></circle>
                        </svg>
                      </span>
                      <span>Location</span></a
                    >
                  </li>
                  <li class="sidebar-list">
                    <a
                      class="sidebar-link sidebar-title link-nav"
                      href="reviews.html"
                      ><i data-feather="message-square"> </i
                      ><span>Reviews</span></a
                    >
                  </li>

                  <li class="sidebar-list">
                    <a class="sidebar-link sidebar-title" href="#"
                      ><i data-feather="users"></i><span>Users </span></a
                    >
                    <ul class="sidebar-submenu">
                      <li><a href="all-users.html">All users</a></li>
                      <li><a href="add-new-user.html">Add new user</a></li>
                    </ul>
                  </li>
                  <li class="sidebar-list">
                    <a
                      class="sidebar-link sidebar-title link-nav"
                      href="setting.html"
                      ><i data-feather="settings"> </i><span>Setting</span></a
                    >
                  </li>
                  <li class="sidebar-list">
                    <a
                      class="sidebar-link sidebar-title link-nav"
                      href="login.html"
                      ><i data-feather="log-in"> </i><span>Log In</span></a
                    >
                  </li>

                  <li class="sidebar-list">
                    <a
                      class="sidebar-link sidebar-title link-nav"
                      href="sign-up.html"
                      ><i data-feather="plus-circle"> </i
                      ><span>Register</span></a
                    >
                  </li>
                </ul>
              </div>
              <div class="right-arrow" id="right-arrow">
                <i data-feather="arrow-right"></i>
              </div>
            </nav>
          </div>
        </div>
        <!-- Page Sidebar Ends-->
        <div class="page-body">
          <!-- Container-fluid starts-->
          <div class="container-fluid">
            <div class="row">
              <div class="col-sm-12">
                <div class="card">
                  <div class="card-header card-header--2">
                    <div>
                      <h5>All Cars</h5>
                    </div>
                    <form class="d-inline-flex">
                      <a href="add-new-cars.html" class="btn btn-theme">
                        <i data-feather="plus-square"></i>Add New
                      </a>
                    </form>
                  </div>

                  <div class="card-body">
                    <div>
                      <div class="table-responsive table-desi">
                        <table class="all-cars-table table table-striped">
                          <thead>
                            <tr>
                              <th>Car Photo</th>
                              <th>Car Name</th>
                              <th>Type</th>
                              <th>Fare/km</th>

                              <th>View</th>
                              <th>Edit</th>
                              <th>Delete</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/1.png" alt="users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >Peugeot Citroen</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-primary"> Sadan</span>
                              </td>
                              <td>$20</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/2.png" alt="users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >Suzuki</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-primary"> Medium</span>
                              </td>
                              <td>$30</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/3.png" alt="users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >Fiat Chrysler</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-primary"> Mini</span>
                              </td>
                              <td>$15</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/4.png" alt=" users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold">Honda</span></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-secondary">
                                  Standard</span
                                >
                              </td>
                              <td>$40</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/5.png" alt="users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold">Ford</span></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-secondary">
                                  Tempo Travel</span
                                >
                              </td>
                              <td>$55</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/6.png" alt="users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >Hyundai-Kia</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-secondary"> SUV</span>
                              </td>
                              <td>$25</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/7.png" alt=" users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >General Motors</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-primary"> Luxury</span>
                              </td>
                              <td>$25</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/8.png" alt=" users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >Plug-In Hybrid Cars</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-primary"> Luxury</span>
                              </td>
                              <td>$25</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/9.png" alt=" users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >Pick-Up Vehicles</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-primary"> Luxury</span>
                              </td>
                              <td>$25</td>
                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/10.png" alt="users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >Kia EV6</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-secondary">
                                  Luxury</span
                                >
                              </td>
                              <td>$25</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <span
                                  ><img src="images/11.png" alt="users"
                                /></span>
                              </td>
                              <td>
                                <a href="#"
                                  ><span class="d-block fw-bold"
                                    >Kia Creed</span
                                  ></a
                                >
                              </td>
                              <td>
                                <span class="badge badge-secondary">
                                  Luxury</span
                                >
                              </td>
                              <td>$25</td>

                              <td>
                                <a href="cars-detail.html"
                                  ><i class="fa fa-eye" aria-hidden="true"></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-pencil-square-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                              <td>
                                <a href="javascript:void(0)"
                                  ><i
                                    class="fa fa-trash-o"
                                    aria-hidden="true"
                                  ></i
                                ></a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>

                  <div class="pagination-box">
                    <nav class="ms-auto me-auto" aria-label="...">
                      <ul class="pagination pagination-primary">
                        <li class="page-item disabled">
                          <a
                            class="page-link"
                            href="javascript:void(0)"
                            tabindex="-1"
                            >Previous</a
                          >
                        </li>
                        <li class="page-item">
                          <a class="page-link" href="javascript:void(0)">1</a>
                        </li>
                        <li class="page-item active">
                          <a class="page-link" href="javascript:void(0)"
                            >2 <span class="sr-only">(current)</span></a
                          >
                        </li>
                        <li class="page-item">
                          <a class="page-link" href="javascript:void(0)">3</a>
                        </li>
                        <li class="page-item">
                          <a class="page-link" href="javascript:void(0)"
                            >Next</a
                          >
                        </li>
                      </ul>
                    </nav>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Container-fluid Ends-->

          <div class="container-fluid">
            <!-- footer start-->
            <footer class="footer">
              <div class="row">
                <div class="col-md-12 footer-copyright text-center">
                  <p class="mb-0">Copyright 2024 © We Care Cabs</p>
                </div>
              </div>
            </footer>
          </div>
        </div>
      </div>
    </div>
    <!-- Modal -->
    <div
      class="modal fade"
      id="staticBackdrop"
      data-bs-backdrop="static"
      data-bs-keyboard="false"
      tabindex="-1"
      aria-labelledby="staticBackdropLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-body">
            <h5 class="modal-title" id="staticBackdropLabel">Logging Out</h5>
            <p>Are you sure you want to log out?</p>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>

            <div class="button-box">
              <button type="button" class="btn btn--no" data-bs-dismiss="modal">
                No
              </button>
              <button type="button" class="btn btn--yes btn-primary">
                Yes
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- latest jquery-->
    <script src="js/jquery-3.5.1.min.js"></script>
    <!-- Bootstrap js-->
    <script src="js/bootstrap.bundle.min.js"></script>
    <!-- feather icon js-->
    <script src="js/feather.min.js"></script>
    <script src="js/feather-icon.js"></script>
    <!-- scrollbar js-->
    <script src="js/simplebar.js"></script>
    <script src="js/custom.js"></script>

    <!-- customizer js start  -->
    <script src="js/customizer.js"></script>
    <!-- customizer js start  -->
    <!-- Sidebar jquery-->
    <script src="js/config.js"></script>
    <!-- Plugins JS start-->
    <script src="js/sidebar-menu.js"></script>
    <script src="js/bootstrap-notify.min.js"></script>

    <script src="js/index.js"></script>
    <script src="js/handlebars.js"></script>
    <script src="js/typeahead.bundle.js"></script>
    <script src="js/typeahead.custom.js"></script>
    <script src="js/handlebars_1.js"></script>
    <script src="js/typeahead-custom.js"></script>

    <!-- Plugins JS Ends-->
    <!-- Theme js-->
    <script src="js/script.js"></script>

    <!-- login js-->
    <!-- Plugin used-->
  </body>
</html>