doneit-web/src/app/pages/login/login.page.html

<ion-content class="text-white">

  <div class="main-wrapper">
    <div class="wrapper">

      <div class="bg-1 d-flex justify-center align-center">
        <div class="bg-2 d-flex justify-center align-center">
          <div class="bg-3 d-flex justify-center align-center">
            <div class="bg-4 d-flex justify-center align-center">
              <div class="div-logo">
                
                <img *ngIf="ThemeService.currentTheme == 'default' " src='assets/images/fullLogo.png' alt='logo'>
                <img *ngIf="ThemeService.currentTheme == 'gov' " src='assets/images/theme/gov/governoangola_A.png' alt='logo'>

              </div>
            </div>
          </div>
        </div>
      </div>
      <h3 class="center text-white">Inicie a sessão</h3>
      <form class="form">
        <p class="form-label text-white">Email</p>
        <ion-item class="form-input">
          <ion-input type="text" [(ngModel)]="username" name="input-username"></ion-input>
        </ion-item>
        <p class="form-label text-white">Palavra-passe</p>
        <ion-item class="form-input">
          <ion-input (keyup.enter)="Login()" type="password" [(ngModel)]="password" name="input-password" ></ion-input>
        </ion-item>
        <div class="d-flex pt-25">
          <button class="btn-ok btn-login" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar</button>
        </div>
      </form>
      <div class="msg-bottom d-flex">
        <p class="msg-bottom-p">Uma iniciativa do Gabinete do Presidente da República</p>
      </div>
    </div>

</div>

</ion-content>