<md-sidenav-layout class="smd-full-height">
<md-sidenav #sidenav mode="side" class="app-sidenav">
        Side Navigation
    </md-sidenav>
<md-toolbar color="primary">
        <button class="app-icon-button" (click)="sidenav.toggle()">
            <i class="material-icons app-toolbar-menu">menu</i>
        </button>

        <div class="roboto-light title" flex="20"> Silver Doe </div>

        <span class="md-flex"></span>


        <input class="search-input" placeholder="Search" value="Sushi">
<span class="md-flex"></span>
<button class="app-icon-button" (click)="sidenav.toggle()">
            <i class="material-icons app-toolbar-menu">work</i>
        </button>
<button class="app-icon-button" [mdMenuTriggerFor]="menu">
            <i class="material-icons app-toolbar-menu">account_circle</i>
        </button>
        <md-menu #menu="mdMenu">
            <button md-menu-item>Profile</button>
            <button md-menu-item>Sign Out</button>
        </md-menu>
</md-toolbar>
<div class="app-content">
        <h1>Hello {{name}}</h1>
        <button md-raised-button class="md-raised">Button</button>
        <button md-raised-button class="md-raised md-primary">Primary</button>
        <button md-raised-button disabled="true" class="md-raised md-primary">Disabled</button>
    </div>
</md-sidenav-layout>