navbar.html

<div class="container" id="lg-navbar">

  <div class="navbar-translate">
    <a class="navbar-brand" href="/"><span id="dsc-logo"><img src="../assets/img/logos/dscpheader.png" /></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>

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

      <li class="dropdown nav-item">
        <a href="./index.html" data-page="index" class="nav-link">
          <span><b>Home</b></span>
        </a>
      </li>

      <li class="dropdown nav-item">
        <a href="./androidstudyjam.html" data-page="index" class="nav-link">
          <span><b>android SJ</b></span>
        </a>
      </li>

      <li class="nav-item">
        <a href="./events.html" data-page="events" class="nav-link">
          <span><b id="header_text">Events</b></span>
        </a>
      </li>

      <li class="nav-item">
        <a href="./resources.html" data-page="resources" class="nav-link">
          <span><b id="header_text">Resources</b></span>
        </a>
      </li>

      <li class="nav-item">
        <a href="./projects.html" data-page="projects" class="nav-link">
          <span><b id="header_text">Projects</b></span>
        </a>
      </li>

      <li class="nav-item">
        <a href="./team.html" data-page="team" class="nav-link">
          <span><b id="header_text">Team</b></span>
        </a>
      </li>

      <li class="nav-item">
        <a href="https://medium.com/dscpgdav" data-page="team" class="nav-link">
          <span><b id="header_text">Blog</b></span>
        </a>
      </li>
      <li class="nav-item">
        <a href="./podcast.html" data-page="team" class="nav-link">
          <span><b id="header_text">Podcast</b></span>
        </a>
      </li>
      <li class="nav-item">
        <a href="./badge.html" data-page="team" class="nav-link">
          <span><b id="header_text">Badge</b></span>
        </a>
      </li>
      <li class="nav-item">
        <a target="blank" class="nav-link" href="https://dsc.community.dev/pannalal-girdharlal-dayanand-anglo-vedic-college/">
          <span class="btn" id="joinbtn"><b id="header_text">Join us</b></span>
        </a>
      </li>

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

<!-- For Mobile Device Only -->
<div id="md-navbar">
  <nav class="navbar-translate container">
    <a class="navbar-brand" style="padding: 10px 
    15px;" href="/"><span id="dsc-logo"><img
          src="../assets/img/logos/dscpheader.png" /></span></a>
   
  </nav>

  <nav class="nav">
    <a href="/" class="nav__link nav__link--active">
      <i class="material-icons nav__icon">home</i>
      <span class="nav__text">Home</span>
    </a>
    <a href="/events.html" class="nav__link">
      <i class="material-icons nav__icon">event_available</i>
      <span class="nav__text">Events</span>
    </a>
    <a href="/resources.html" class="nav__link">
      <i class="material-icons nav__icon">computer</i>
      <span class="nav__text">Resources</span>
    </a>
    <a href="/androidstudyjam.html" class="nav__link">
      <i class="material-icons nav__icon">android</i>
      <span class="nav__text">Android StudyJam</span>
    </a>
    <a href="/team.html" class="nav__link">
      <i class="material-icons nav__icon">group</i>
      <span class="nav__text">Team</span>
    </a>
 
    
  </nav>
</div>