<section>
  <header>
    <app-avatar-pic [pic]="candidate.profilePic" [initials]="Initials(candidate.fullName)"></app-avatar-pic>
    <h3>{{candidate.fullName}}</h3>
    <span class="title">{{candidate.jobId}}</span>
    <span class="gob-id">{{candidate.governmentId}}</span>
  </header>
  <div class="loc-exp-container">
    <div class="location">
      <mat-icon>place</mat-icon>{{candidate.city}}
    </div>
    <div class="experience">{{candidate.experienceLevel}}</div>
  </div>
  <div class="skills">
      <app-ta-skill-badges *ngFor="let skill of candidate.skillTrackDtlsName;let i = index;" [skill]="skill" [class.active]="i === 0"></app-ta-skill-badges>
  </div>
  <hr/>
  <footer>
    <ng-content></ng-content>
  </footer>
</section>