<div class="row">
<div class="col-lg-6">
<!--begin::Input group-->
<div class=" mb-5 ">
<label for="id_prenom" class="fs-5 fw-bold mb-2 ">
<span class=" required ">First Name</span>
</label>
<div class="input-group input-group-solid ">
<input type="text" name="prenom" maxlength="45" class=" form-control border-danger is-invalid" value="" required="">
</div>
<!--end::Input group-->
<div class="fv-plugins-message-container invalid invalid-feedback">
This field is required.
</div>
</div>
<!--end::Input group-->
</div><!--end::col-lg-6-->
<div class="col-lg-6">
<!--begin::Input group-->
<div class=" mb-5 ">
<label for="id_nom" class="fs-5 fw-bold mb-2 ">
<span class=" required ">Last Name</span>
</label>
<div class="input-group input-group-solid ">
<input type="text" name="nom" maxlength="45" class=" form-control border-danger is-invalid" value="" required="">
</div>
<!--end::Input group-->
<div class="fv-plugins-message-container invalid invalid-feedback">
This field is required.
</div>
</div>
<!--end::Input group-->
</div><!--end::col-lg-6-->
</div>
<div class="input-group has-validation">
<span class="input-group-text" ><i class="bi bi-alarm fs-3"></i>
</span>
<input type="text" class="form-control is-invalid" aria-describedby="inputGroupPrepend3 validationServerUsernameFeedback" required />
<div class="invalid-feedback">
Please choose a username.
</div>
</div>
<div class="input-group input-group-solid has-validation">
<span class="input-group-text" >
<i class="bi bi-alarm fs-3"></i>
</span>
<input type="text" class="form-control is-invalid" aria-describedby="inputGroupPrepend3 validationServerUsernameFeedback" required />
<div class="invalid-feedback">
Please choose a username.
</div>
</div>