Header

File: app/src/app/shared/header

                    
<header class="header" #header>
<!-- **************************************-->
<!-- **************Nav Bar*****************-->
<!-- **************************************-->
<nav class="navbar navbar-expand-lg">
  <div class="container">
    <!--==== Logo Area =====-->
    <div class="navbar-header">
      <!--==== Logo =====-->
      <a class="navbar-brand" href="#">
        <img src="assets/images/logo.png" class="l-white" alt="Letstart">
        <img src="assets/images/logo-blk.png" class="l-blue" alt="Letstart">
      </a>
      <!--==== Main Menu =====-->
      <button type="button" class="navbar-toggler"
        [attr.aria-expanded]="!isCollapsed" aria-controls="navbarCollapse" aria-label="Toggle navigation">
        <span></span>
        <span></span>
        <span></span>
      </button>
    </div>

    <div class="navbar-collapse" #collapse="ngbCollapse" [(ngbCollapse)]="isCollapsed" id="navbarCollapse">
      <div class="navbar-nav ms-auto align-items-center">
        <ng-container *ngFor="let nav of navigations; let i = index">
          <a href="javascript: void(0);" class="nav-link">{{nav}}</a>
        </ng-container>
        <span class="menu-arrow"></span>
      </div>
    </div>
  </div>
</nav>
</header>