about component with List Users

import { Component } from '@angular/core';

export class User {
  id: number;
  name: string;
  username: string;
  avatar: string;
}

const users: User[] = [
  {
    id: 1,
    name: 'Tarun',
    username: 'tkssharma'
  },
  {
    id: 2,
    name: 'giri',
    username: 'tkssharma'
  },
  {
    id: 3,
    name: 'Jhn',
    username: 'tkssharma',
  }
]

@Component({
  selector: 'about-page',
  template: `
    <div class="row" *ngIf="users">

      <div class="col-sm-4" *ngFor="let user of users">
        <div class="profile-card">
          <img [src]="user.avatar" class="img-responsive img-circle">

          <h2>{{ user.name }}</h2>
          <p><a href="#">{{ user.username }}</a></p>
        </div>
      </div>

    </div>
  `
})
export class AboutComponent {
  users: User[] = users;
}