<mat-card class="clients">
  <span>Clients</span>
  <mat-list>
    <mat-list-item>
      <span>View Members</span> &nbsp;|
      &nbsp;<span>View Groups</span>
    </mat-list-item>
  </mat-list>
</mat-card>
<mat-card class="accounting">
  <span>Accounting</span>
  <mat-list>
    <mat-list-item>
      <a [routerLink]="['/navbar/GL']">View General Ledger</a>|
      &nbsp;<a [routerLink]="['/navbar/chart_of_accounts']">View chart of Account</a>
    </mat-list-item>
  </mat-list>
</mat-card>
<mat-card class="organisation">
  <span>Organisation</span>
  <mat-list>
    <mat-list-item>
      <span>View Offices</span>&nbsp;|
      &nbsp;<span>View Employees</span>
    </mat-list-item>
  </mat-list>
</mat-card>
<mat-card class="products">
  <span>Products</span>
  <mat-list>
    <mat-list-item>
      <span>View Loan Products</span>|
      &nbsp;<span>View Savings Product</span>
    </mat-list-item>
  </mat-list>
</mat-card>