mall-app/src/app/login/login.page.html

<ion-content>
    <section class="login">
        <figure class="upfold">
            <img src="assets/custom/onboarding.svg">
        </figure>
        <header>
            Welcome Back!
        </header>
        <p class="description">
            Please login to your account
        </p>

        <div class="input-holder">
            <input type="email" placeholder="Email ID" [(ngModel)]="credentials.email">
        </div>

        <div class="input-holder">
            <input *ngIf="!show_password" type="password" placeholder="Password" [(ngModel)]="credentials.password">
            <input *ngIf="show_password" type="text" placeholder="Password" [(ngModel)]="credentials.password">
            <ion-icon name="eye" *ngIf="!show_password" (click)="show_password = !show_password"></ion-icon>
            <ion-icon name="eye-off" *ngIf="show_password" (click)="show_password = !show_password"></ion-icon>
        </div>

        <a class="forgot-link"> Forgot Password? </a>

        <ion-button class="login-button" shape="round" size="block" (click)="login()"> Sign In </ion-button>

        <p class="signin-description"> Don't have account? <a (click)="signup()">Sign Up</a> </p>
    </section>
</ion-content>