angular__angular/aio/src/app/app.component.html

<md-toolbar color="primary" class="app-toolbar">
  <button *ngIf="isHamburgerVisible" class="hamburger" md-button (click)="sidenav.toggle()"><md-icon>menu</md-icon></button>
  <a class="nav-link home" href="/"><img [src]="homeImageUrl" title="Home" alt="Home"></a>
  <aio-top-menu *ngIf="isSideBySide" [nodes]="(navigationViews | async)?.TopBar"></aio-top-menu>
  <aio-search-box class="search-container" #searchBox></aio-search-box>
  <span class="fill-remaining-space"></span>
</md-toolbar>

<md-sidenav-container class="sidenav-container">

  <md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'">
    <aio-nav-menu *ngIf="!isSideBySide" [nodes]="(navigationViews | async)?.TopBar" [selectedNodes]="selectedNodes | async"></aio-nav-menu>
    <aio-nav-menu [nodes]="(navigationViews | async)?.SideNav" [selectedNodes]="selectedNodes | async"></aio-nav-menu>
  </md-sidenav>

  <section class="sidenav-content">
    <aio-doc-viewer [doc]="currentDocument | async" (docRendered)="onDocRendered($event)"></aio-doc-viewer>
  </section>
</md-sidenav-container>

<aio-search-results #searchResults></aio-search-results>

<footer>
  <div class="footer">
    <p>Powered by Google ©2010-2017. Code licensed under an <a href="/license">MIT-style License</a>.</p>
    <p>Documentation licensed under <a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
    </p>
    <p class="version-info">Version Info | {{ (versionInfo | async)?.full }}</p>
  </div>
</footer>