navbar.html

<div class="container">

  <div class="navbar-translate">
    <a class="navbar-brand" href="/"><span id="dsc-logo"><img src="assets/img/logos/dsc_header.png" /></span> <span><b id="header_text">Diversity in DSC</b></span></a>
    <button class="navbar-toggler black-lighten-5" type="button" data-toggle="collapse" aria-expanded="false"
      aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
      <span class="navbar-toggler-icon"></span>
      <span class="navbar-toggler-icon"></span>
    </button>
  </div>

  <div class="collapse navbar-collapse">
    <ul class="navbar-nav ml-auto">

      <li class="dropdown nav-item">
        <a href="https://developers.google.com/community/dsc/clubs" class="nav-link">
          <span><b>Clubs</b></span>
        </a>
      </li>

      <li class="nav-item">
        <a href="https://developers.google.com/community/dsc/leads" class="nav-link">
          <span><b id="header_text">Leads</b></span>
        </a>
      </li>

      <li class="nav-item">
        <a href="https://developers.google.com/community/dsc"  class="nav-link">
          <span><b id="header_text">Developer Student Clubs</b></span>
        </a>
      </li>

    </ul>
  </div>
</div>