navbar.html

<nav class="navbar navbar-expand-lg">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon" >    <i class="fas fa-bars" style="color:#ae8f68; font-size:28px;"></i>
</span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">

        <li><a href="/"> <i class="fas fa-home"></i> Home</a></li>
        <li><a href="people.html"><i class="fas fa-chalkboard-teacher"></i> People</a></li>
        <li><a href="policies.html"><i class="fas fa-gavel"></i> Policies</a></li>
        <li><a href="schedule.html"> <i class="fas fa-calendar-alt"></i> Schedule</a></li>
        <li><a href="tools.html"> <i class="fas fa-toolbox"></i> Tools</a></li>
        <li><a href="resources.html"> <i class="fas fa-coins"></i> Resources</a></li>

      </ul>


    <ul class="nav navbar-nav navbar-right">



      <li>
        <a href="https://canvas.eee.uci.edu/courses/40612/gradebook" target="_blank">

          <i class="fas fa-calculator" aria-hidden="true" title="Link to Canvas Grades" > </i>
      </a>
      </li>

      <li>
        <a href="https://github.com/ics80-fa21" target="_blank">

          <i class="fa fa-github" aria-hidden="true" title="Link to GitHub repo for this website" > </i>
      </a>
      </li>
		
		   <li>
        <a href="https://edstem.org/us/courses/14496/discussion/" target="_blank">

          <i class="fa fa-comments" aria-hidden="true" title="Link to Piazza" > </i>
      </a>
      </li>

    </div>


      </nav>