<!--Navigation bar-->
<div class="navbar navbar-dark navbar-expand-md fixed-top">
  <div class="container">
    <a class="brand nav-item" href="./homepage">EnvoScholar v3.0</a>

    <button class="navbar-toggler" (click)="isCollapsed = !isCollapsed" [attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample">
      <span class="sr-only">Toggle navigation</span>
      <span class="navbar-toggler-icon" style="color:rgb(128,128,128);" ></span>
    </button>

    <div class="collapse navbar-collapse" id="collapseExample" [collapse]="isCollapsed">
      <ul class="nav flex-grow-1 justify-content-end">
        <li role="presentation">
          <a class="brand nav-item" href="../src/app/ontology/ontology.html">Ontology</a>
        </li>

        <!-- <li role="presentation">
          <a class="active" routerLink="/ontology" (click)="navigate_ontology()">OntologyComponent</a>
        </li> -->

        <li role="presentation">
          <a class="brand nav-item" href="./login">Account</a>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--end of Navigation bar-->
