signup-payment.html

<ion-header>
  <ion-navbar color="navbar">
    <ion-buttons left>
        <button ion-button icon-only (click)="closeModal($event)">
            <ion-icon name="arrow-back"></ion-icon>
        </button>
    </ion-buttons>
    <ion-title></ion-title>
    <ion-buttons right>
      <button color="primary" ion-button text-only [solid]="website == true ? 'true' : null" (click)="showNext($event)">Next</button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list>
    <ion-item text-wrap class="heading">
      <img src="assets/images/logo-dots.png"/>
      <h2 text-wrap>Add your credit card information.</h2>
    </ion-item>
    <ion-item class="input number">
      <ion-label fixed>Number</ion-label>
      <ion-input #number type="tel" autocorrect="off" autocapitalize="off" autocomplete="off" placeholder="Credit card number" (keypress)="showNextOnReturn($event)"></ion-input>
    </ion-item>
    <ion-item class="input expiry">
      <ion-label fixed>Expiry</ion-label>
      <ion-input #expiry type="tel" autocorrect="off" autocapitalize="off" autocomplete="off" placeholder="MMYY" (keypress)="showNextOnReturn($event)"></ion-input>
    </ion-item>
  </ion-list>
</ion-content>