AppPresser Image Cards Sample HTML Markup

apppresser-image-cards.html

<div class="card-background-page">

  <ion-card (click)="pushPage('destinations-1')">
    <img src="https://myapppresser.com/wp-content/uploads/2017/08/pixabay.com/panorama-2154194_640.jpg"/>
    <div class="card-title">San Francisco</div>
    <div class="card-subtitle">22 Spots</div>
    <div class="card-desc">Diam tibique accommodare vis te.</div>
  </ion-card>

  <ion-card (click)="pushPage('destinations-2')">
    <img src="https://myapppresser.com/wp-content/uploads/2017/08/pixabay.com/rio-2352566_640.jpg"/>
    <div class="card-title">Rio</div>
    <div class="card-subtitle">11 Spots</div>
    <div class="card-desc">Lorem ipsum dolor sit amet, accusata atomorum interpretaris at his.</div>
  </ion-card>

  <ion-card (click)="pushPage('destinations-3')">
    <img src="https://myapppresser.com/wp-content/uploads/2017/08/pixabay.com/amsterdam-1150319_640.jpg"/>
    <div class="card-title">Amsterdam</div>
    <div class="card-subtitle">8 Spots</div>
    <div class="card-desc">Diam tibique accommodare vis te.</div>
  </ion-card>

  <ion-card (click)="pushPage('destinations-4')">
    <img src="https://myapppresser.com/wp-content/uploads/2017/08/pixabay.com/copenhagen-699290_640.jpg"/>
    <div class="card-title">Copenhagen</div>
    <div class="card-subtitle">6 Spots</div>
        <div class="card-desc">Diam tibique accommodare vis te.</div>
  </ion-card>

</div>