nav-bar.html

<div id="nav">
	<div class="inner-header">
        <!--<img id="avatar" src="img/avatar.jpg" alt="profile photo">-->
        <a href="https://devpool-client.herokuapp.com/"><img class="profile-pic" src="img/avatar.jpg" alt="profile photo"></a>
      <div class="intro-summary">
        <p class="name"><!--heading-->
          <ul class="menus">
              <li role="menuitem"><a href="profile.html"><span class="menu-item">My Profile</span></a></li>
              <li><a href="ask-question.html"><span class="menu-item">Ask a question</span></a></li>
              <li><a href="my-questions.html"><span class="menu-item">My Questions</span></a></li>
              <li><a onclick="authenticate()"><span class="menu-item" id="auth-text"></span></a></li>
          <li><a href="signup.html"><span class="menu-item" id="auth-signup-text">Register</span></a></li>
          </ul>
      </div>
    </div>
</div>

<!-- <script type="text/javascript">
	const pageHeaders = document.getElementById('nav').innerHTML;
	localStorage.setItem('pageHeaders', pageHeaders);
</script> -->
<script type="text/javascript" src="scripts/misc.js"></script>