<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <span class="mdl-layout-title">{{'Notowania giełdowe' | changeDetector}}</span>
      <div class="mdl-layout-spacer"></div>
      <span>Najważniejsze wiadomości: <span [innerHTML]="'cnbc' | news"></span></span>
      <div class="mdl-layout-spacer"></div>
      <nav class="mdl-navigation mdl-layout--large-screen-only">
        <a class="mdl-navigation__link" [routerLink]="['/']">Panel kontrolny</a>
        <a class="mdl-navigation__link" [routerLink]="['/manage']">Zarządzaj</a>
      </nav>
    </div>
  </header>  
  <main class="mdl-layout__content" style="padding: 20px;">
    <router-outlet></router-outlet>
  </main>
</div>