samarthagarwal

<ion-card>

  <img src="https://unsplash.it/600/400">

  <ion-card-header>
    <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
    <ion-card-title>Card Title</ion-card-title>
  </ion-card-header>

  <ion-card-content>

samarthagarwal

<ion-card>
  <ion-item class="activated">
    <ion-icon name="wifi" slot="start"></ion-icon>
    <ion-label>Card Link Item 1 .activated</ion-label>
  </ion-item>

  <ion-item>
    <ion-icon name="wine" slot="start"></ion-icon>
    <ion-label>Card Link Item 2</ion-label>
  </ion-item>

samarthagarwal

<ion-card>
  <ion-card-header>
    <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
    <ion-card-title>Card Title</ion-card-title>
  </ion-card-header>

  <ion-card-content>
    Keep close to Nature's heart... and break clear away, once in awhile,
    and climb a mountain or spend a week in the woods. Wash your spirit clean.
  </ion-card-content>

samarthagarwal

<ion-list>
  <ion-item>
    <ion-icon color="danger" slot="start" name="analytics"></ion-icon>
    Analytics
    <ion-button icon-only slot="end" fill="clear" color="danger">
      <ion-icon name="arrow-forward"></ion-icon>
    </ion-button>
  </ion-item>
  <ion-item>
    <ion-icon color="danger" slot="start" name="american-football"></ion-icon>

samarthagarwal

<ion-list>
    <ion-list-header color="primary">
      Action
    </ion-list-header>
    <ion-item>Terminator II</ion-item>
    <ion-item>The Empire Strikes Back</ion-item>
    <ion-item>Blade Runner</ion-item>
    <ion-list-header color="danger">
      Comedy
    </ion-list-header>

samarthagarwal

<ion-content padding>

  <ion-item-group>
    <ion-item-divider color="danger">A</ion-item-divider>
    <ion-item>Angola</ion-item>
    <ion-item>Argentina</ion-item>
    <ion-item-divider color="danger">B</ion-item-divider>
    <ion-item>Bahamas</ion-item>
    <ion-item>Brazil</ion-item>
    <ion-item>Brussels</ion-item>

samarthagarwal

<ion-list>
    <ion-item>Bob The Builder</ion-item>
    <ion-item>Swat Cats</ion-item>
    <ion-item>The Mask</ion-item>
    <ion-item>Tom and Jerry</ion-item>
    <ion-item>Noddy</ion-item>
    <ion-item>Oswald</ion-item>
    <ion-item>Courage - The Cowardly Dog</ion-item>
  </ion-list>

samarthagarwal

<ion-list>
  <ion-item>
    <ion-label>Select Game</ion-label>
    <ion-select>
      <ion-select-option value="Hitman">Hitman</ion-select-option>
      <ion-select-option value="gta-v">GTA V</ion-select-option>
      <ion-select-option value="cod">Call of Duty</ion-select-option>
      <ion-select-option value="battlefield">Battlefield</ion-select-option>
      <ion-select-option value="nfs">Need for Speed</ion-select-option>
      <ion-select-option value="fifa">FIFA</ion-select-option>

samarthagarwal

<ion-list>
  <ion-radio-group>
    <ion-list-header>Favorite Superhero</ion-list-header>

    <ion-item>
      <ion-label>Spiderman</ion-label>
      <ion-radio slot="start" color="primary" checked="true"></ion-radio>
    </ion-item>

    <ion-item>

samarthagarwal

<ion-list>
 
  <ion-item>
    <ion-label>Spiderman</ion-label>
    <ion-checkbox slot="end" color="primary" checked="true"></ion-checkbox>
  </ion-item>
  
  <ion-item>
    <ion-label>Batman</ion-label>
    <ion-checkbox slot="end" color="dark"></ion-checkbox>