<div class="container d-flex flex-column align-items-center mt-4">
    
    <ul class="list-group w-50 shadow-sm mb-4" *ngFor="let info of infos">
        <li class="list-group-item active text-center">
            <div class="ms-2 me-auto">
                Informations de {{ info.gender }}{{ info.nameLast }}
                <span class="badge text-bg-success rounded-pill">{{ info.date | date:'dd/MM/yyyy' }}</span>
            </div>
        </li>
        <li class="list-group-item">{{ info.gender }}{{ info.nameLast }} {{info.nameFirst}}</li>
        <li class="list-group-item">{{ info.email }}</li>
        <li class="list-group-item">{{ info.address }}, {{ info.codePostal }}</li>
    </ul>
</div>