navbar.html

<nav class="navbar navbar-expand-sm navbar-dark bg-navbardark">
    <div class="container-fluid">
      <img src="/images/white_atom_logo_micro.png" alt="Logo" class="img-fluid">
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse justify-content-start" id="navbarSupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link fs-4" aria-current="page" href="index.html">Home</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle fs-4" role="button" data-bs-toggle="dropdown" aria-expanded="false">
              Publications
            </a>
            <ul class="dropdown-menu">
              <li><a class="dropdown-item" target="_blank" href="https://pubs.acs.org/doi/abs/10.1021/acscatal.3c01978">NRR Scaling Relations</a></li>
              <li><a class="dropdown-item" target="_blank" href="https://onlinelibrary.wiley.com/doi/abs/10.1002/aenm.202304559">NRR Catalyst Screening</a></li>
              <li><a class="dropdown-item" target="_blank" href="https://pubs.acs.org/doi/10.1021/acs.jpcc.4c06826">Electrocatalysis Database</a></li>
            </ul>
          </li>
          <li class="nav-item">
            <a class="nav-link fs-4" href="research.html">Research</a>
          </li>
          <li class="nav-item">
            <a class="nav-link fs-4" href="biography.html">Bio</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
</nav>