<div class="app-toolbar">
  <mat-toolbar color="primary">
    <mat-toolbar-row>
      <span><a href=""><img src="/assets/THD-Logo.png" height="50"></a></span>
    </mat-toolbar-row>
  </mat-toolbar>
  
  <nav mat-tab-nav-bar backgroundColor="primary">
    <a mat-tab-link routerLink="/navigation">{{'cNavigation'|translate}}</a>
    <a mat-tab-link routerLink="/events">Events</a>
    <a mat-tab-link routerLink="/international">News</a>
    <a mat-tab-link routerLink="/thabella">Thabella</a>
    <a mat-tab-link routerLink="/login">Login</a>
    <span class="spacer"></span>
    <a mat-tab-link class="thin"><app-select-language></app-select-language></a>
    <a mat-tab-link class="thin" routerLink="/login"><mat-icon>perm_identity</mat-icon></a>
    <a mat-tab-link class="thin"><mat-icon>share</mat-icon></a>
  </nav>
</div>

<img src="/assets/THD_Background.jpg" width="100%" height="30%">

<div class="main">
  <router-outlet></router-outlet>
</div>

<footer class="footer">
  <p>&copy; Franz Raumschüssel (franz.raumschüssel@stud.th-deg.de) / Haris Zilic (haris.zilic@stud.th-deg.de)</p>
</footer>