Header Center Logo

                
<!--Header Start-->
<header class="z-fixed header-transparent header-absolute-top sticky-reverse header-center-logo">
 <nav class="navbar navbar-expand-lg navbar-light navbar-link-white">
  <div class="container position-relative">
      <!--site-logo-->
       <a class="navbar-brand" href="index.html">
        <img src="assets/img/logo/logo.svg" alt="" class="img-fluid navbar-brand-sticky">
        <img src="assets/img/logo/logo-white.svg" alt="" class="img-fluid navbar-brand-transparent">
       </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>
       <!--navbar action button-->
       <div class="nav-item me-3 me-lg-0">
        <a href="#" class="btn btn-sm btn-primary rounded-pill" data-bs-toggle="dropdown">
           Purchase
        </a>
    </div>
   </div>
   <div class="collapse navbar-collapse" id="mainNavbarTheme">
      <!--Navbar left-->
      <ul class="navbar-nav me-lg-auto">
        <li class="nav-item"> <a href="#" class="nav-link">Home</a> </li>
        <li class="nav-item"> <a href="#" class="nav-link">About</a> </li>
        <li class="nav-item"> <a href="#" class="nav-link">Projects</a> </li>
      </ul>
      <!--Navbar right-->
      <ul class="navbar-nav ms-lg-auto">
         <li class="nav-item"> <a href="#" class="nav-link">Services</a></li>
         <li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
      </ul>
    </div>
  </div>
 </nav>
</header>