Travel Registration - Copy this Angular, Css Component to your project
<!---REGISTRAZIONE-2----------------------------------------------------------------------------------->-<div-class="container">-<div-class="content-mb-3-mt-3">-<div-class="col-5-d-flex-flex-column-align-items-center-justify-content-center">-<div-class="row-d-flex-align-items-center-justify-content-center">-<img-src="../../../assets/images/travel-log-NO-SFONDO.png"-alt="Travel.Log">-</div>-<div-class="row-d-flex-align-items-center-justify-content-center">-<img-class="imgTravel-"-src="../../../assets/images/Travel-Registration.png"-alt="Viaggio">-</div>-</div>-<div-class="col-7-mb-5-mt-5-">-<div-class="row-d-flex-flex-column-align-items-center-justify-content-center-">-<!---Header--->-<div-class="row-text-center-mb-4">-<div-class="row">-<h1-class="fw-bold">Registrati-su-Travel.log!</h1>-</div>-<div-class="row">-<h2-class="fs-4-text-muted"-style="color:-rgb(16,-69,-71);">-Crea-il-tuo-diario-di-viaggio-digitale:-traccia-itinerari,-salva-ricordi-e-consigli,-tutto-a-portata-di-mano.-</h2>-</div>-</div>-<!---Form-di-registrazione--->-<div-class="row-justify-content-center-align-items-center-rowForm">-<form-[formGroup]="registrationForm"-(ngSubmit)="onSubmit()">-<!---Username--->-<div-class="form-group-mb-3">-<label-for="nome"-class="form-label-fw-bold">*Username:</label>-<input-id="nome"-formControlName="nome"-type="text"-class="form-control"-required-/>-<div-*ngIf="nameError"-class="-text-danger-errore-mt-1">-{{-nameError-}}-</div>-</div>-<!---Email--->-<div-class="form-group-mb-3">-<label-for="email"-class="form-label-fw-bold">*Email:</label>-<input-id="email"-formControlName="email"-type="email"-class="form-control"-required-/>-<div-*ngIf="emailError"-class="text-danger-errore-mt-1">-{{-emailError-}}-</div>-</div>-<!---Password--->-<div-class="form-group-mb-3">-<label-for="password"-class="form-label-fw-bold">*Password:</label>-<div-class="input-group">-<input-id="password"-formControlName="password"-[type]="showPassword-?-'text'-:-'password'"-class="form-control"-required-/>-<button-type="button"-class="btn-btn-outline-secondary"-(click)="togglePasswordVisibility()">-<i-class="bi"-[ngClass]="showPassword-?-'bi-unlock-fill'-:-'bi-lock-fill'"></i>-</button>-</div>-<div-class="form-text">-La-password-deve-contenere-almeno-8-caratteri,-una-lettera-maiuscola,-una-minuscola,-un-numero-e-un-carattere-speciale.-</div>-<div-*ngIf="passwordError-&&-passwordError.length"-class="text-danger-errore-mt-2">-<ul-class="mb-0">-<li-*ngFor="let-error-of-passwordError">{{-error-}}</li>-</ul>-</div>-</div>-<!---Pulsante-Submit--->-<div-class="text-center">-<button-type="submit"-class="btn-btnRegistrati-">Registrati</button>-</div>-</form>-</div>-<!---Footer--->-<div-class="row-text-center-mt-4">-<div-class="col-12">-<h4>Hai-già-un-account?-<a-[routerLink]="['/login']"-style="color:-#508571-"-class="text-decoration-none">Log-in</a></h4>-</div>-</div>-</div>-</div>-</div>-</div>
