ngx-admin/src/app/pages/dashboard/contacts/contacts.component.html

<nb-card size="large">
  <nb-tabset fullWidth>
    <nb-tab tabTitle="Contacts">
      <div class="contact" *ngFor="let c of contacts">
        <nb-user [picture]="c.user.picture" [name]="c.user.name" [title]="c.type" size="large"></nb-user>
        <i class="i-contact ion-ios-telephone-outline"></i>
      </div>
    </nb-tab>
    <nb-tab tabTitle="Recent">
      <div class="contact" *ngFor="let c of recent">
        <nb-user [picture]="c.user.picture" [name]="c.user.name" [title]="c.type" size="large"></nb-user>
        <span class="time">{{ c.time }}</span>
      </div>
    </nb-tab>
  </nb-tabset>
</nb-card>