<ion-header>
  <ion-navbar color="secondary">
    <ion-title><img src="assets/imgs/ss-small.png" class='top-logo'></ion-title>
  </ion-navbar>
</ion-header>

<ion-content id="page-home">
	<ion-slides pager style='height:300px'>

		<ion-slide style="background-color: black">
			<img src="assets/imgs/activegirl.jpg">
		</ion-slide>

		<ion-slide style="background-color: blue">
			<h2>Slide 2</h2>
		</ion-slide>

		<ion-slide style="background-color: red">
			<h2>Slide 20</h2>
		</ion-slide>

	</ion-slides>
 <ion-grid>
<!--
  <ion-row>
    <ion-col col-12>This column will take 12 columns</ion-col>
  </ion-row> -->
  <ion-row no-padding>
		<ion-col col-12 no-margin no-padding>
<img src="assets/imgs/supersport.jpg" style="object-fit:contain"
(click)="navCtrl.parent.select(1)">
</ion-col>
    <ion-col col-6 no-margin no-padding>
<img src="assets/imgs/cleanfood.jpg">
</ion-col>
    <ion-col col-6 no-margin no-padding>
<img src="assets/imgs/runningevents.jpg" 
(click)="navCtrl.parent.select(1)"
>
</ion-col>
  </ion-row>
</ion-grid>
<!-- 
  <h2>Welcome to HeathCoin</h2>
  <p>Shopping Platform for healthy people</p>
   <ion-card *ngFor="let p of products">

    <img [src]="imageURL + p.feature_image"/>

    <ion-card-content>
      <ion-card-title>
        {{ p.name }}
      </ion-card-title>
      <p>
      {{ p.description }}
      </p>
    </ion-card-content>

    <ion-row no-padding>
      <ion-col>
        <button ion-button clear small color="danger" icon-start (click)="openNavDetailsPage(p._id.$oid)" >
          <ion-icon name='star'></ion-icon>
          แลกแต้ม
        </button>
      </ion-col>
      <ion-col text-center>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='bonfire'></ion-icon>
          {{ p.cal_return / 1000 }}k Cals
        </button>
      </ion-col>
      <ion-col text-right>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='share-alt'></ion-icon>
          Share
        </button>
      </ion-col>
    </ion-row>

  </ion-card>  -->
</ion-content>
