navbar.html

<nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
    <div class="container">
      <a class="navbar-brand mr-lg-5" href="index.html">
        <img src="assets/img/brand/white.png">
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="navbar-collapse collapse" id="navbar_global">
        <div class="navbar-collapse-header">
          <div class="row">
            <div class="col-6 collapse-brand">
              <a href="index.html">
                <img src="assets/img/brand/blue.png">
              </a>
            </div>
            <div class="col-6 collapse-close">
              <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
                <span></span>
                <span></span>
              </button>
            </div>
          </div>
        </div>
        <ul class="navbar-nav navbar-nav-hover align-items-lg-center">

          <li class="nav-item dropdown">
            <a href="index.html" class="nav-link" role="button">
              <i class="ni ni-ui-04 d-lg-none"></i>
              <span class="nav-link-inner--text">Home</span>
            </a>
          </li>

          <li class="nav-item dropdown">
            <a href="about.html" class="nav-link" role="button">
              <i class="ni ni-ui-04 d-lg-none"></i>
              <span class="nav-link-inner--text">About</span>
            </a>
          </li>

          <li class="nav-item dropdown">
            <a href="#" class="nav-link" role="button">
              <i class="ni ni-ui-04 d-lg-none"></i>
              <span class="nav-link-inner--text">Portfolio</span>
            </a>
          </li>

          <li class="nav-item dropdown">
            <a href="https://medium.com/@SustainableEduF" class="nav-link" role="button">
              <i class="ni ni-ui-04 d-lg-none"></i>
              <span class="nav-link-inner--text">Blog</span>
            </a>
          </li>

          
          <li class="nav-item dropdown">
            <a href="team.html" class="nav-link" role="button">
              <i class="ni ni-ui-04 d-lg-none"></i>
              <span class="nav-link-inner--text">Team</span>
            </a>
          </li>

          <li class="nav-item dropdown">
            <a href="contribute.html" class="nav-link" role="button">
              <i class="ni ni-ui-04 d-lg-none"></i>
              <span class="nav-link-inner--text">Contribute</span>
            </a>
          </li>

          <li class="nav-item dropdown">
            <a href="contact.html" class="nav-link" role="button">
              <i class="ni ni-ui-04 d-lg-none"></i>
              <span class="nav-link-inner--text">Contact</span>
            </a>
          </li>

          <!-- <li class="nav-item dropdown">
            <a href="#" class="nav-link" role="button">
              <i class="ni ni-ui-04 d-lg-none"></i>
              <span class="nav-link-inner--text">One Live</span>
            </a>
          </li> -->
         
        </ul>
        <ul class="navbar-nav align-items-lg-center ml-lg-auto">
          <li class="nav-item">
            <a class="nav-link nav-link-icon" href="https://www.facebook.com/sustainableeducationfoundation/" target="_blank" data-toggle="tooltip" title="Like us on Facebook">
              <i class="fa fa-facebook-square"></i>
              <span class="nav-link-inner--text d-lg-none">Facebook</span>
            </a>
          </li>

          <li class="nav-item">
            <a class="nav-link nav-link-icon" href="https://twitter.com/goasksef" target="_blank" data-toggle="tooltip" title="Follow us on Twitter">
              <i class="fa fa-twitter-square"></i>
              <span class="nav-link-inner--text d-lg-none">Twitter</span>
            </a>
          </li>

          <li class="nav-item">
            <a class="nav-link nav-link-icon" href="https://www.instagram.com/creativetimofficial" target="_blank" data-toggle="tooltip" title="Follow us on LinkedIn">
              <i class="fa fa-linkedin-square"></i>
              <span class="nav-link-inner--text d-lg-none">LinkedIn</span>
            </a>
          </li>

          <li class="nav-item">
            <a class="nav-link nav-link-icon" href="https://www.instagram.com/sefglobal/" target="_blank" data-toggle="tooltip" title="Follow us on Instagram">
              <i class="fa fa-instagram"></i>
              <span class="nav-link-inner--text d-lg-none">Instagram</span>
            </a>
          </li>
          
        </ul>
      </div>
    </div>
  </nav>