signup-name.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>What's your organization's name?</h2>
    </ion-item>
    <ion-item color="input" class="input">
      <ion-label fixed>Name</ion-label>
      <ion-input #name type="text" autocorrect="off" autocapitalize="words" autocomplete="off" placeholder="Your organization's name" (keypress)="showNextOnReturn($event)"></ion-input>
    </ion-item>
    <ion-item text-wrap no-lines class="info">
      <p>This will display within Check-In's menus, usually representing the name of your company or team.</p>
    </ion-item>
  </ion-list>
</ion-content>