<!-- Nav Bar -->.txt

<!-- Nav Bar -->
<nav id="navbar" class="navbar navbar-light navbar-expand-sm fixed-top bg-white z-depth-0">
<div class="container">
  <div class="navbar-brand social">
    <!-- socials go here if u want to put them back up on the navbar -->
  </div>

  <button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar top-bar"></span>
    <span class="icon-bar middle-bar"></span>
    <span class="icon-bar bottom-bar"></span>
  </button>

  <div class="collapse navbar-collapse text-right" id="navbarNav">
    <ul class="navbar-nav ml-auto flex-nowrap" style="font-size: medium;">
      <li class="nav-item"><a class="nav-link" href="#top">About</a></li>
      <li class="nav-item"><a class="nav-link" href="#news_id">News</a></li>
      <li class="nav-item"><a class="nav-link" href="#publications_id">Publications</a></li>
      <li class="nav-item"><a class="nav-link" href="#education_id">Education</a></li>
      <li class="nav-item"><a class="nav-link" href="#teaching_id">Teaching</a></li>
      <li class="nav-item"><a class="nav-link" href="#service_id">Service</a></li>
      <li class="nav-item"><a class="nav-link" href="#awards_id">Awards</a></li>
      <li class="nav-item"><a class="nav-link" href="#invitedtalks_id">Invited Talks</a></li>
      <li class="nav-item"><a class="nav-link" href="#work_id">Work</a></li>
      
    </ul>
  </div>
</div>
</nav>