portfolio.web/src/app/navbar/navbar.component.html

<nav class="navbar">

    <ul class="navbar-list">

      <li class="navbar-item">
        <button routerLink="" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }" class="navbar-link" data-nav-link>About</button>
      </li>

      <li class="navbar-item">
        <button routerLink="/resume" routerLinkActive="active" class="navbar-link" data-nav-link>Resume</button>
      </li>

      <li class="navbar-item">
        <button routerLink="/projects" routerLinkActive="active" class="navbar-link" data-nav-link>Projects</button>
      </li>

      <li class="navbar-item">
        <button routerLink="/weblog" routerLinkActive="active" class="navbar-link" data-nav-link>Blog</button>
      </li>

      <li class="navbar-item">
        <button routerLink="/contact" routerLinkActive="active" class="navbar-link" data-nav-link>Contact</button>
      </li>

    </ul>

  </nav>