ionic-framework/e2e/card/images/main.html

<ion-toolbar><ion-title>Card Images</ion-title></ion-toolbar>


<ion-content class="outer-content">

  <ion-card>
    <div>
      <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
    </div>
    <ion-card-content>
      <h4>H4 text inside ion-card-content</h4>
      <p>Paragraph text inside ion-card-content.</p>
    </ion-card-content>
  </ion-card>


  <ion-card>

    <ion-item>
      <ion-avatar item-left>
        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
      </ion-avatar>
      <h2>Card With An Inset Picture, H2 text</h2>
      <p>Isn't it beautiful.</p>
    </ion-item>

    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">

  </ion-card>

</ion-content>


<style>
  ion-avatar img {
    width: 80px !important;
    height: 80px;
  }
  img {
    height: 100px;
  }
</style>