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-no-g.png' alt='logo'>
                <img *ngIf="ThemeService.currentTheme == 'gov' " src='assets/images/theme/gov/governoangola_A.png' alt='logo'>
                <img *ngIf="ThemeService.currentTheme == 'tribunal'" src='assets/images/theme/tribunal/tribunal-constitucional-logo.png' alt='logo'>

              </div>
            </div>
          </div>
        </div>
      </div>
      <h3 *ngIf="ThemeService.currentTheme != 'tribunal'"class="center text-white">Gabinete Digital</h3>
      <h3 *ngIf="ThemeService.currentTheme == 'tribunal'" class="center">Tribunal Constitucional</h3>
      <form class="form">
        <p class="form-label">Email</p>
        <ion-item class="form-input">
          <ion-input type="text" [(ngModel)]="username" name="input-username"></ion-input>
        </ion-item>
        <p class="form-label">Palavra-passe</p>
        <ion-item class="form-input">
          <ion-input (keyup.enter)="Login()" [type]="showPassword ? 'text' : 'password' " [(ngModel)]="password" name="input-password" ></ion-input>
          <div (click)="togglePassword()">
            <ion-icon slot="end" [name]="passwordIcon" ></ion-icon>
          </div>
        </ion-item>
        <div class="d-flex pt-25">
          <button class="btn-ok btn-login" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar a sessão</button>
        </div>
      </form>
      <div class="msg-bottom d-flex">
        <!-- <p class="msg-bottom-p">Uma iniciativa do Gabinete do Calendário Partilhado</p> -->
        <p class="msg-bottom-p">                                    </p>
      </div>
    </div>

</div>

</ion-content>