<div class="author-scope">
  <mat-card style="margin: 5vh auto;width: 200px;">
    <mat-card-header>
      <mat-card-title>Zheng Zhipeng</mat-card-title>
      <mat-card-subtitle>Alec Zheng</mat-card-subtitle>
    </mat-card-header>
    <mat-card-content>
      <div class="header-image alec-image"></div>
    </mat-card-content>
    <mat-card-actions>
      <button mat-button onClick="window.open('https://github.com/alec-z')"><i class="fab fa-github"></i>
        Github
      </button>
    </mat-card-actions>
  </mat-card>
  <mat-card style="margin: 5vh auto;width: 200px;">
    <mat-card-header>
      <mat-card-title>Yang Cong</mat-card-title>
      <mat-card-subtitle>Cong Yang</mat-card-subtitle>
    </mat-card-header>
    <mat-card-content>
      <div class="header-image cong-image"></div>
    </mat-card-content>
    <mat-card-actions>
      <button mat-button onClick="window.open('https://github.com/hityc2019')"><i class="fab fa-github"></i>
        Github
      </button>
    </mat-card-actions>
  </mat-card>
</div>