<ion-header>
  <ion-toolbar>
    <ion-title>{{'verificationcode.verificationcode' | translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-grid>
    <ion-row>
      <ion-col class="colPad">
        <ion-img class="centerDiv" src="../assets/imgs/CS.png"></ion-img>
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        <p class="centerDiv">{{'verificationcode.title' | translate}}<span class="boldTxtNav">{{'verificationcode.verificationcode' | translate}}</span> {{'verificationcode.by' | translate}}<span class="boldTxtNav">{{'verificationcode.sms' | translate}}</span>{{'verificationcode.instruct' | translate}}<span class="boldTxtNav">{{'general.submit' | translate}}</span></p>
      </ion-col>
    </ion-row>
  </ion-grid>
  <br/><br/>
  <!-- <p style="color: #c0c0c0; margin-left: 32%">{{'verificationcode.verificationcode' | translate}}</p> -->
  <div>
    <h1 text-center>{{displayTime}}</h1>
    <br/><br/>
    <ion-item>
        <!-- <ion-label>{{'verificationcode.verificationcode' | translate}}</ion-label> -->
      <!-- <img class="item-icon" src="assets/imgs/password.png" item-start /> -->
      <!-- <ion-input required type="tel"  [(ngModel)]="activationCode"  placeholder="{{ts.trPK('verificationcode','verificationcode')}}"></ion-input> -->
    </ion-item>
  </div>
</ion-content>
<ion-footer>
    <div class="centerDiv">
        <!-- <button ion-button  (click)="checkVerificationCode()">{{'general.submit' | translate}}</button> -->
      </div>
</ion-footer>