Add a variety of names and avatars

src/app/create-committee/create-committee.component.html

@@ -1,11 +1,11 @@
 <header class="tab-header">
-    <h2>Select committe members to investigate</h2>
+    <h2>Select committe members for panel</h2>
 </header>
 
 <ul>
     <li *ngFor="let committee of committees" (click)='committee.isActive = !committee.isActive'
         [ngClass]="{'isActive':committee.isActive === true }">
-        <img src="../../assets/images/Investigator.jpg" alt="">
+        <img [src]="committee.avatar" alt="">
         <div class="user-data">
             <h6>{{committee.name}}</h6>
             <span>{{committee.designation}}</span>

src/app/create-committee/create-committee.component.ts

@@ -8,42 +8,52 @@ import { Component, OnInit } from '@angular/core';
 export class CreateCommitteeComponent implements OnInit {
     committees: Array<{
         name: string;
+        avatar: string;
         designation: string
         isActive: boolean,
     }> = [{
-        name: "Robert Jr",
+        name: "Alfred E. Kaplan",
+        avatar: '../../assets/avatars/1.jpg',
         designation: 'Engineer',
         isActive: false
     }, {
-        name: "Tom Holland",
+        name: "Ernest L. Hall",
+        avatar: '../../assets/avatars/2.jpg',
         designation: 'Investigator',
         isActive: false
     }, {
-        name: "Criss Evans",
+        name: "Leslie L. Barber",
+        avatar: '../../assets/avatars/3.jpg',
         designation: 'Engineer',
         isActive: false
     }, {
-        name: "Natalie Portman",
+        name: "Todd K. Carrico",
+        avatar: '../../assets/avatars/4.jpg',
         designation: 'Engineer',
         isActive: false
     }, {
-        name: "Mark Ruffalo",
+        name: "Louise K. Parker",
+        avatar: '../../assets/avatars/5.jpg',
         designation: 'Investigator',
         isActive: false
     }, {
-        name: "Paul Rudd",
+        name: "Jessica R. Folger",
+        avatar: '../../assets/avatars/6.jpg',
         designation: 'Engineer',
         isActive: false
     }, {
-        name: "Josh Brolin",
+        name: "Charles M. Pollard",
+        avatar: '../../assets/avatars/7.jpg',
         designation: 'Engineer',
         isActive: false
     }, {
-        name: "Criss Pratt",
+        name: "David B. Boaz",
+        avatar: '../../assets/avatars/8.jpg',
         designation: 'Investigator',
         isActive: false
     }, {
-        name: "Sacrlett Johansson",
+        name: "Julia R. Bedwell",
+        avatar: '../../assets/avatars/9.jpg',
         designation: 'Engineer',
         isActive: false
     }]