login.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>Awado</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-grid>
    <ion-row justify-content-center>
      <ion-col align-self-center size-md="6" size-lg="5" size-xs="12">
        <div padding>
          <img src="../../../assets/images/bike2gologo.png">
        </div>
        <div class="ion-text">
            <h3>Login</h3>
           
          </div>
        <div padding>
          <ion-item>
            <ion-input type="text" [(ngModel)]="username" placeholder="Username"></ion-input>
          </ion-item>

          <ion-item>
            <ion-input type="password" [(ngModel)]="password" placeholder="Password"></ion-input>
          </ion-item>
        </div>

        <div id="correctCredentialsmsg" padding *ngIf="correctCredentials"> 
          Wrong Credentials !
        </div>

        <div padding>
          <ion-button size="large" expand="block" (click)="login()">Login</ion-button>
          <a href="../../reset-password">Forgot your Password?</a>

        </div>
    
        <div padding>
          <ion-button size="large" expand="block" (click)="register()">Click here to Register</ion-button>
        </div>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>