ng-implementation/sae-csc/src/app/shared/navigation/top-navigation/top-navigation.html

<div class="top-navigation">

  <nav aria-label="main navigation" class="navbar" role="navigation">
    <div class="navbar-brand">
      <a class="navbar-item" href="https://cipherbliss.com">

        <img alt="logo" src="safran_logo.svg">
      </a>

      <a aria-expanded="false" aria-label="menu" class="navbar-burger" data-target="navbarBasicExample"
         role="button">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
      </a>
    </div>

    <div class="navbar-menu" id="navbarBasicExample">

      <div class="navbar-start">
        <a class="navbar-item" routerLink="home" routerLinkActive="is-active">
          <img alt="logo" src="csc_logo.svg">
          CSC Solution Matcher
        </a>
      </div>
      <div class="navbar-end">

        <!--        <a class="navbar-item">-->
        <!--          Home-->
        <!--        </a>-->
        <a class="navbar-item is-active">
          <i class="ri-admin-line"></i>
          Admin

        </a>
        <a class="navbar-item">
          <i class="ri-compass-3-line"></i>
          Quick Start

        </a>
        <a class="navbar-item">
          <!--  exit-->
          <i class="ri-door-line"></i>
        </a>
        <a class="navbar-item user-account-item">
          <!--  user -->
          <i class="ri-user-2-fill"></i>
          borhène
        </a>

      </div>
    </div>
  </nav>

  <!--  <app-alert-box></app-alert-box>-->
</div>