header.html

    <nav class="navnav container-sm">
      <a href="index.html" class="nav__logo logo__light"><img class="msp-logo" src="assets/Img/msp-logo-light.png" alt=""></a>
      <a href="index.html" class="nav__logo logo__dark"><img class="msp-logo" src="assets/Img/msp-logo-dark.png" alt=""></a>
      
      <!-- <a href="index.html" class="nav__logo logo__light">MSP</a> -->
      <!-- <a href="index.html" class="nav__logo logo__dark">MSP</a> -->

      <div class="nav__menu" id="nav-menu">
          <ul class="nav__list">
              <li class="nav__item">
                  <a href="index.html" class="nav__link">Home</a>
              </li>
              <li class="nav__item">
                  <a href="pages/committees page.html" class="nav__link">Committees</a>
              </li>
              <li class="nav__item">
                  <a href="pages/Board.html" class="nav__link">Board</a>
              </li>
              <li class="nav__item">
                  <a href="pages/About Us.html" class="nav__link">About Us</a>
              </li>
              <li class="nav__item">
                  <a href="pages/Events.html" class="nav__link">Events</a>
              </li>
          </ul>
          <div class="nav__close" id="nav-close">
              <i class="uil uil-times"></i>
          </div>
      </div>
      <div class="nav__toggle" id="nav-toggle" onclick="showMenu()">
          <i class="uil uil-apps"></i>
      </div>
  
      <a href="#about" class="button button__header">
        Join Us
      </a>
  
  </nav>