<!--Header Start-->
<header class="z-index-fixed header-transparent header-absolute-top">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container position-relative">

   <a class="navbar-brand" href="index.html">
      <img src="assets/img/logo/logo.svg" alt="" class="img-fluid">
   </a>

   <div class="d-flex align-items-center navbar-no-collapse-items order-lg-last">
       <button class="navbar-toggler order-last" type="button" data-bs-toggle="collapse"
           data-bs-target="#mainNavbarTheme" aria-controls="mainNavbarTheme" aria-expanded="false"
          aria-label="Toggle navigation">
           <span class="navbar-toggler-icon">
           <i></i>
           </span>
       </button>
    <div class="nav-item me-3 me-lg-0 dropdown">
        <a href="#" class="btn btn-secondary rounded-pill py-0 ps-0 pe-3"
            data-bs-auto-close="outside" data-bs-toggle="dropdown">
            <img src="assets/img/avatar/12.jpg" alt="" class="avatar sm rounded-circle me-1">
            <small>jh
            </a>
         <div class="dropdown-menu shadow-lg dropdown-menu-end dropdown-menu-xs p-0">
           <a href="#!" class="dropdown-header border-bottom p-4">
              <div class="d-flex align-items-center">
                      <div>
                         <img src="assets/img/avatar/12.jpg" alt="" class="avatar xl rounded-pill me-3">
                            </div>
                              <div>
                               <h5 class="mb-0 text-body">Jaquine Harnandez
                            <span
                            class="text-muted d-block mb-2 text-lowercase">jaquinehar@domain.com
                            <div class="small d-inline-block link-underline fw-semibold text-muted">View
                            account</div>
                       </div>
                </div>
           </a>
            <a href="header-login.html" class="dropdown-item rounded-top-0 p-3">
                <span class="d-block text-end">
                    <i class="bx bx-right-arrow-alt me-2"></i>
                    Sign Out
                    </span>
                </a>
            </div>
        </div>
    </div>

<div class="collapse navbar-collapse" id="mainNavbarTheme">
<!--Navbar items-->
<ul class="navbar-nav ms-auto">
 <li class="nav-item">
  <a class="nav-link" href="#">Home</a>
 </li>
 <li class="nav-item">
  <a class="nav-link" href="#">About</a>
     </li>
    <li class="nav-item dropdown">
       <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Dropdown Nav</a>
      <div class="dropdown-menu dropdown-menu-end">
       <a href="#" class="dropdown-item">Dropdown item</a>
       <a href="#" class="dropdown-item">Dropdown item</a>
       <a href="#" class="dropdown-item">Dropdown item</a>
       <a href="#" class="dropdown-item">Dropdown item</a>
      </div>
     </li>
     <li class="nav-item">
        <a class="nav-link" href="#">Projects</a>
     </li>
     <li class="nav-item">
        <a class="nav-link" href="#">Contact</a>
     </li>
  </ul>
</div>

</div>
</nav>
</header>