nav-header.html

<div class="todo">
  <!-- header -->
  <div class="infoHeader d-flex justify-content-center">
    <a class="texHeaderContacto" href="https://www.barcelona.cat/ca/" target="blanck">{{ 'CONTACTO' | translate }}</a>
	<p class="infoHeaderText">{{ 'LLAMANOS' | translate }}</p>
	<a href="https://ajuntament.barcelona.cat/ca/" target="blanck"><img class="imgLogoNavHeader" src="assets/img/header/logo-ayto.png" alt="logo"></a>
 </div>

  <!-- titulo Header -->
  <div class="row titHeader">
    <div class="col-12 d-flex justify-content-center   ">
      <div class="contTit d-flex justify-content-center align-items-center ">
        <p class="textHeader titText ">{{ 'TITULO_PRINCIPAL' | translate}}</p>
		<div  class="imagenLogo"> <img src="assets/img/header/culturaIcono.png" alt="logo"></div>
      </div>
    </div>
    <!-- INCIO SE DE SESION Y VENTA OFICIAL DE ENTRADAS -->
  </div>
	<div class="sesionHeaderArriba">
		<div class="logoHeaderSecundario">
			<img class="imgLogoHeaderSecundario" src="assets/img/header/logo-bcn-cultura.png" alt="logo">
		</div>
	</div>
  <div class="sesionHeader ">
    <div class="iconosLeng">
      <img class="logoIdioma" (click)="setLang('ca')" width="30px" >
      <img class="logoIdioma" (click)="setLang('es-ES')" src="assets/img/header/espanhol2.png" width="30px" alt="">
      <img class="logoIdioma" (click)="setLang('en-EN')" src="assets/img/header/ingles2.png" width="30px" alt="">
    </div>
    <div class="menu">
      <img class="imgLogin" src="assets/img/body/login.svg" alt="">
      <div class="botonLogin" (click)="openLogin()">{{ 'LOGIN' | translate }}</div>

      <div class="login" *ngIf="login">
        <form action="">
          <div class="entrds">
            <div class="txt">
              <label for="usuario">{{ 'USUARIO' | translate }}</label>
            </div>
            <div class="caja">
              <input type="text" id="usuario" name="usuairo">
            </div>
          </div>
          <div class="entrds">
            <div class="txt">
              <label for="contraseña">{{ 'CONTRASENA' | translate }}</label>
            </div>
            <div class="caja">
              <input type="text" id="contraseña" name="contraseña">
            </div>
          </div>
          <div class="recupContraseña"><a href="">{{ 'OLVIDADOCONTRASENA' | translate }}</a> </div>
          <button class="btnAcces">{{ 'ACCEDER' | translate }}</button>
          <button class="btnAcces" (click)="openLogin()">{{ 'CANCELAR' | translate }}</button>
        </form>
      </div>

      <div class="botonLogin compras" (click)="openRegistro()">{{ 'REGISTRARSE' | translate }}</div>
      <iacpos-modal-registro *ngIf="registro" id="registro" display:none>
      </iacpos-modal-registro>
      <div class="menuIcono">
        <img src="assets/img/body/menu.png" alt="">
      </div>
    </div>
  </div>
</div>