let p10 ="<div class=\"card card-teaser rounded shadow p-3\">";
            p10 +="<div class=\"avatar size-xl me-4\">";
        p10 +="<img src=\"https://www.cittametropolitana.ba.it/immagini/icona_persona.png\" alt=\"Immagine\" />";
        p10 +="</div>";
            p10 +="<div class=\"card-body pe-3\">";
        p10 +="<span class=\"title-medium\">";
        p10 +="<a class=\"text-decoration-none h5 fw-bold\" href=\"https://www.cittametropolitana.ba.it/amministrazione/persone/persona_10.html\" data-element=\"service-area\">";
        p10 +="Gatti Antonella";
        p10 +="</a>";
        p10 +="</span>";
        p10 +="<p class=\"card-text mb-0\">";
        p10 +="<strong>Incarichi:   </strong>";
            p10 +=" Consigliere metropolitano,&nbsp;";
            p10 +=" Componente&nbsp;";
            p10 +="</p>";
        p10 +="</div>";
        p10 +="</div>";
 
        document.getElementById('persone').insertAdjacentHTML("beforeend", p10);