<ion-header mode="ios" class="ion-no-border">
  <ion-toolbar>
    <ion-buttons slot="start" (click)="onBack()">
      <ion-button>
        <ion-icon name="arrow-back-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-buttons slot="end">
<!--      <ion-button>-->
<!--        <ion-icon name="ellipsis-horizontal-circle-outline"></ion-icon>-->
<!--      </ion-button>-->
    </ion-buttons>
    <ion-title>Notifications</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <div class="boxed_contents">
    <div class="flex" *ngFor="let item of notificationData">
      <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/notifications/'+item.icon+')'"></div>
      <div class="text">
        <ion-label class="bold_text">{{item.date}}</ion-label>
        <ion-label class="grey_text">{{item.title}}</ion-label>
      </div>
    </div>
  </div>
</ion-content>
