navbar.html

<nav class="navbar">
  <div class="navbar__container">
    <a href="/index.html#home" id="navbar__logo">NAVY SEA CADETS</a>
    <div class="navbar__toggle" id="mobile-menu">
      <span class="bar"></span> <span class="bar"></span>
      <span class="bar"></span>
    </div>
    <ul class="navbar__menu">
      <li class="navbar__item">
        <a href="/items/forms.html" class="navbar__links" id="home-page">Forms</a>
      </li>
      <li class="navbar__item">
        <a href="/items/links.html" class="navbar__links" id="about-page">Links</a>
      </li>
      <li class="navbar__item">
        <a href="/calendar/calendar.html" class="navbar__links" id="services-page">Events</a>
      </li>

      <li class="navbar__btn">
        <a href="/login/login-page.html" class="button" id="signup">Login</a>
      </li>

      <li class="navbar__btn">
        <a href="/announcements/list.html" class="button" id="signup">
          <span class="material-icons">notifications</span>
        </a>
      </li>
    </ul>
  </div>
</nav>