<!--<div id="app">-->
<!--  <div class="background">-->
<!--  <nav class="navbar navbar-expand navbar-dark ">-->
<!--    <a href="#" class="navbar-brand">allFree App</a>-->
<!--    <ul class="navbar-nav mr-auto" routerLinkActive="active">-->
<!--      <li class="nav-item">-->
<!--        <a href="/home" class="nav-link" routerLink="home">Public </a>-->
<!--      </li>-->
<!--      <li class="nav-item" *ngIf="showAdminBoard">-->
<!--        <a href="/admin" class="nav-link" routerLink="admin">Administrator</a>-->
<!--      </li>-->
<!--      &lt;!&ndash; <li class="nav-item" *ngIf="showModeratorBoard">-->
<!--        <a href="/mod" class="nav-link" routerLink="mod">Moderator Board</a>-->
<!--      </li> &ndash;&gt;-->
<!--      <li class="nav-item">-->
<!--        <a href="/user" class="nav-link" *ngIf="isLoggedIn" routerLink="user">Contul  meu</a>-->
<!--      </li>-->

<!--      <li class="nav-item">-->
<!--        <a href="/user/articles" class="nav-link" *ngIf="isLoggedIn" routerLink="user/articles">Articole</a>-->
<!--      </li>-->
<!--    </ul>-->

<!--    <ul class="navbar-nav ml-auto" *ngIf="!isLoggedIn">-->
<!--      <li class="nav-item">-->
<!--        <a href="/register" class="nav-link" routerLink="register">Inregistrare</a>-->
<!--      </li>-->
<!--      <li class="nav-item">-->
<!--        <a href="/login" class="nav-link" routerLink="login">Autentificare</a>-->
<!--      </li>-->
<!--    </ul>-->
<!--    <ul class="navbar-nav ml-auto" *ngIf="isLoggedIn">-->
<!--      <li class="nav-item">-->
<!--        <a href="/profile" class="nav-link" routerLink="profile">{{ username }}</a>-->
<!--      </li>-->
<!--      <li class="nav-item">-->
<!--        <a href class="nav-link" (click)="logout()">Iesi din cont</a>-->
<!--      </li>-->
<!--    </ul>-->
<!--  </nav>-->
<!--  </div>-->

<!--  <div class="container">-->
<app-header *ngIf="isLoggedIn"></app-header>
<router-outlet></router-outlet>
<app-footer *ngIf="isLoggedIn"></app-footer>
<!--  </div>-->
<!--</div>-->