HOSN-app/app/src/components/profile-header/profile-header.html

<!-- Generated template for the ProfileHeaderComponent component -->
<div>
  <img src="{{ user.profile_banner_url }}" alt="{{ user.name }} - Banner" class="profile-banner" *ngIf="user.profile_banner_url">
  <img src="{{ user.profile_image_url_https }}" alt="{{ user.name }}" class="profile-picture">
  <div padding>
    <p class="profile-stats">{{ user.followers_count | friendlyNumber }} Followers | {{ user.friends_count | friendlyNumber }} Following</p>
    <p class="profile-description" *ngIf="user.description">{{ user.description }}</p>
    <div class="profile-infos">
      <span class="user-location" *ngIf="user.location">
        <ion-icon name="pin"></ion-icon>&nbsp;{{ user.location }}
      </span>
      <span class="user-website" *ngIf="user.url">
        <ion-icon name="link"></ion-icon>&nbsp;{{ user.url }}
      </span>
    </div>
  </div>
</div>