app.component.html

<nb-layout>

  <nb-layout-header fixed>
    <nb-icon (click)="toggleSidebar()" class="sidebar-toggle" icon="menu-2-outline"></nb-icon>
    <a routerLink="/" routerLinkActive="active">
      <img width="80"alt="Angular Logo" src="assets/images/logo.png"/>
    </a>
    <h3 style="width: 100%;text-align: center;"> <strong>Federated FAIR Data Space</strong></h3>


    <nb-user style="white-space: pre;" name="Paulo Pimenta"
              title="CINES"
              [nbContextMenu]="items"
              badgePosition="right"
              nbContextMenuTag="my-context-menu">
    </nb-user>
    <button routerLink="/login" nbContextMenuPlacement="right" outline nbButton >Login</button>
    
  </nb-layout-header>
  
  <nb-sidebar responsive start state="compacted">
    <!--Menu Items-->
    <nb-menu [items]="items" autoCollapse="true"></nb-menu>
  </nb-sidebar>

  <nb-layout-column>
    <router-outlet></router-outlet>
   <!--<hr style="border-bottom: 1px solid gray; width: 80%; position: absolute;margin-top: 25%;">
    <p>Test</p>-->
  </nb-layout-column>
  <nb-layout-footer>Contact us</nb-layout-footer>
    
    <!--<div style="background-color: aqua; height: 60px;">Contact us</div>-->
</nb-layout>