<ion-content fullscreen>
  <ion-card>
    <ion-card-header>
      <ion-card-title>BlackFaces</ion-card-title>
      <ion-card-subtitle>{{ CurrentDate | date:'MM/dd/yyyy'}}</ion-card-subtitle>

    </ion-card-header>    
  </ion-card>

  <ion-card *ngFor="let type of blog_list">

    <ion-card-header>
      <!-- ion-card-subtitle>{{type.post_title}}</!-->
      <ion-card-title>{{type.post_title}}</ion-card-title>
    </ion-card-header>
    <img src="{{image_url}}{{type.meta_value}}" />
    <ion-card-content>
     {{type.short_desciption}}
    </ion-card-content>
  </ion-card>

  <!-- ion-card>
    <ion-item>
      <ion-icon name="pin" slot="start"></ion-icon>
      <ion-label>ion-item in a card, icon left, button right</ion-label>
      <ion-button fill="outline" slot="end">View</ion-button>
    </ion-item>

    <ion-card-content>
      This is content, without any paragraph or header tags,
      within an ion-card-content element.
    </ion-card-content>
  </!-->

  <ion-button fill="outline"  (click)="getBlog()">Refresh</ion-button>


</ion-content>
<ion-footer class="ion-no-border">
  <ion-toolbar>
    <ion-buttons slot="secondary">
      <ion-button>
        <ion-icon slot="icon-only" name="home"></ion-icon>
      </ion-button>
      <ion-button>
        Login
      </ion-button>
    </ion-buttons>
    <ion-buttons slot="primary">
      <ion-button color="secondary">
        <ion-icon slot="icon-only" ios="ellipsis-horizontal" md="ellipsis-vertical"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>

  
</ion-footer>
