ionic login page

1<ion-content color="primary" padding>
2  <form #form="ngForm" (ngSubmit)="login(form)">
3    <ion-grid>
4      <ion-row color="primary" justify-content-center>
5        <ion-col align-self-center size-md="6" size-lg="5" size-xs="12">
6          <div text-center>
7            <h3>Login</h3>
8          </div>
9          <div padding>
10            <ion-item>
11              <ion-input name="email" type="email" placeholder="your@email.com" ngModel required></ion-input>
12            </ion-item>
13            <ion-item>
14              <ion-input name="password" type="password" placeholder="Password" ngModel required></ion-input>
15            </ion-item>
16          </div>
17          <div padding>
18            <ion-button size="large" type="submit" [disabled]="form.invalid" expand="block">Login</ion-button>
19          </div>
20        </ion-col>
21      </ion-row>
22    </ion-grid>
23  </form>
24</ion-content>
25

1<ion-content  color="primary">
2  <form  #form="ngForm" (ngSubmit)="register(form)">
3    <ion-grid>
4      <ion-row color="primary" justify-content-center>
5        <ion-col align-self-center size-md="6" size-lg="5" size-xs="12">
6          <div text-center>
7            <h3>Create your account!</h3>
8          </div>
9          <div padding>
10            <ion-item>
11              <ion-input  name="name" type="text" placeholder="Name" ngModel required></ion-input>
12            </ion-item>
13            <ion-item>
14              <ion-input name="email" type="email" placeholder="your@email.com" ngModel required></ion-input>
15            </ion-item>
16            <ion-item>
17              <ion-input name="password" type="password" placeholder="Password" ngModel required></ion-input>
18            </ion-item>
19            <ion-item>
20              <ion-input name="confirm" type="password" placeholder="Password again" ngModel required></ion-input>
21            </ion-item>
22          </div>
23          <div padding>
24            <ion-button  size="large" type="submit" [disabled]="form.invalid" expand="block">Register</ion-button>
25          </div>
26        </ion-col>
27      </ion-row>
28    </ion-grid>
29  </form>
30</ion-content>
31