1<mat-toolbar color="primary">
2  <mat-toolbar-row>
3    <button mat-icon-button>
4      <mat-icon (click)="sidenav.toggle()">menu</mat-icon>
5    </button>
6    <h1>SimpleCRM</h1>
7    <span class="menu-spacer"></span>
8    <div>
9      <a mat-button [routerLink]="'/accounts'"> Accounts </a>
10      <a mat-button [routerLink]="'/create-account'"> Create Account </a>
11      <a mat-button [routerLink]="'/contacts'"> Contacts </a>
12      <a mat-button [routerLink]="'/create-contact'"> Create Contact </a>
13      <a mat-button [routerLink]="'/activities'"> Activities </a>
14      <a mat-button [routerLink]="'/create-activity'"> Create Activity </a>
15
16    </div>
17  </mat-toolbar-row>
18
19  <mat-toolbar-row>
20      <span style="font-size: 12px;">SimpleCRM helps you easily manage your contacts</span>
21    </mat-toolbar-row>
22</mat-toolbar>
23
24

1<mat-sidenav-container>
2  <mat-sidenav #sidenav>
3    <mat-nav-list>
4
5      <a mat-list-item [routerLink]="'/accounts'"> Accounts </a>
6      <a mat-list-item [routerLink]="'/create-account'"> Create Account </a>
7      <a mat-list-item [routerLink]="'/contacts'"> Contacts </a>
8      <a mat-list-item [routerLink]="'/create-contact'"> Create Contact </a>
9      <a mat-list-item [routerLink]="'/activities'"> Activities </a>
10      <a mat-list-item [routerLink]="'/create-activity'"> Create Activity </a>
11      <a mat-list-item (click)="sidenav.toggle()" href="" mat-list-item>Close</a>
12
13    </mat-nav-list>
14  </mat-sidenav>
15  <mat-sidenav-content>
16    <div style="height: 88vh;">
17
18      <router-outlet></router-outlet>
19    </div>
20  </mat-sidenav-content>
21</mat-sidenav-container>
22