<nav fxLayout="column" fxLayoutAlign="start center">
  <img src="../../../../assets/images/logo.svg" alt="" title="" />
  <ul fxLayout="column" fxLayoutAlign="start start" class="gap-10">
    <li *ngFor="let item of navItems">
      <a
        [routerLink]="item.link"
        routerLinkActive="active"
        fxLayout="row"
        fxLayoutAlign="start center"
        class="gap-10"
      >
        <img class="nav-img" [src]="item.img" alt="" [title]="item.name" />
        <span>{{ item.name }}</span>
      </a>
    </li>
  </ul>
</nav>
