  <header class="header-1">
      <div class="container">
          <div class="row align-items-center justify-content-between">
              <div class="col-lg-2 col-sm-5 col-md-4 col-6">
                  <div class="logo">
                      <a href="./">
                          <img src="images/<?php echo $logo_img ?>" alt="TradePro Logo">
                      </a>
                  </div>
              </div>
              <div class="col-lg-10 text-end p-lg-0 d-none d-lg-flex justify-content-between align-items-center">
                  <div class="menu-wrap">
                      <div class="main-menu">
                          <ul>
                              <li><a href="index">Homes</a>

                              </li>
                              <li><a href="about">About</a> </li>
                              <li><a href="services">Services</a>

                              </li>
                              <li><a href="faq">FAQ</a>

                              </li>


                              <li><a href="contact">Contact</a></li>
                          </ul>
                      </div>
                  </div>
                  <div class="header-right-element text-white">
                      <a href="public/login">login</a>
                      <a href="public/register" class="custom-btn custom-btn--style-2">Get Started</a>
                  </div>
              </div>
              <div class="d-block d-lg-none col-sm-1 col-md-8 col-6">
                  <div class="mobile-nav-wrap">
                      <div id="hamburger"><i class="fal fa-bars"></i></div>
                      <!-- mobile menu - responsive menu  -->
                      <div class="mobile-nav">
                          <button type="button" class="close-nav">
                              <i class="fal fa-times-circle"></i>
                          </button>
                          <nav class="sidebar-nav">
                              <ul class="metismenu" id="mobile-menu">
                                  <li><a class="" href="/">Homes</a>

                                  </li>
                                  <li><a href="about">about</a></li>
                                  <li><a class="services">services</a>

                                  </li>


                                  <li><a href="contact">Contact</a></li>
                              </ul>
                              <a href="public/register" class="custom-btn">Get Started</a>
                          </nav>
                      </div>
                  </div>
                  <div class="overlay"></div>
              </div>
          </div>
      </div>
  </header>