<ion-header>
  <ion-toolbar color="primary">
    <!-- <ion-title>landing</ion-title> -->
    <ion-img src="/assets/jobhero_large.svg" style="max-width:8.25em; margin:auto"></ion-img>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-slides pager="true">
        <ion-slide>
          <ion-card style="box-shadow:none">
            <img src="/assets/slides/ic_start.svg" style="max-width:20em"/>
            <ion-text color="light" style="font-family: 'ChunkFive Ex';"><h1>{{'landing.slide_1.1' | translate}}<br>{{'landing.slide_1.2' | translate}}</h1></ion-text>
          </ion-card>
        </ion-slide>
        <ion-slide>
          <ion-card style="box-shadow:none">
            <img src="/assets/slides/ic_slide1.svg" style="max-width:20em"/>
            <ion-text color="light" style="font-family: 'ChunkFive Ex';"><h1>{{'landing.slide_2.1' | translate}}<br>{{'landing.slide_2.2' | translate}}</h1></ion-text>
          </ion-card>
        </ion-slide>
        <ion-slide>
          <ion-card style="box-shadow:none">
            <img src="/assets/slides/ic_slide2.svg" style="max-width:20em"/>
            <ion-text color="light" style="font-family: 'ChunkFive Ex';"><h1>{{'landing.slide_3.1' | translate}}<br>{{'landing.slide_3.2' | translate}}</h1></ion-text>
          </ion-card>
        </ion-slide>
        <ion-slide>
          <ion-card style="box-shadow:none">
            <img src="/assets/slides/ic_slide3.svg" style="max-width:22.5em; display:inline-block"/>
            <ion-text color="light" style="font-family: 'ChunkFive Ex';"><h1>{{'landing.slide_4' | translate}}</h1></ion-text>
          </ion-card>
        </ion-slide>
        <ion-slide>
          <ion-card style="box-shadow:none">
            <img src="/assets/slides/ic_slide4.svg" style="max-width:22.5em; display:inline-block"/>
            <ion-text color="light" style="font-family: 'ChunkFive Ex';"><h1>{{'landing.slide_5' | translate}}</h1></ion-text>
          </ion-card>
        </ion-slide>
  </ion-slides>
</ion-content>
<ion-footer>
  <ion-toolbar>
      <ion-row>
        <ion-col>
          <ion-button color="primary" expand="full" (click)="login()">{{'auth.login' | translate}}</ion-button>
        </ion-col>
        <ion-col>
          <ion-button  expand="full" color="secondary" (click)="register()">{{'auth.signup' | translate}}</ion-button>
        </ion-col>
      </ion-row>
  </ion-toolbar>
</ion-footer>
