let u12 ="<div class=\"card card-teaser card-teaser-info rounded shadow-sm mb-3 p-3\">";
        u12 +="<div class=\"card-body pe-3\">";
        u12 +="<p class=\"card-title text-paragraph-regular-medium-semi mb-3\">";
        u12 +="<a class=\"text-decoration-none\" href=\"https://www.cittametropolitana.ba.it/amministrazione/uffici/ufficio_12.html\" data-element=\"service-area\">Tutela e valorizzazione dell'ambiente, Impianti termici, Promozione e coordinamento dello sviluppo economico</a>";
    		u12 +="</p>";
        u12 +="<div class=\"card-text\">";
        u12 +="<p class=\"u-main-black\">via Positano, 2</p>";
            u12 +="<p class=\"u-main-black\">";
        u12 +="<a href=\"tel:\"></a>";
        u12 +="</p>";
            u12 +="<p class=\"u-main-black\">";
        u12 +="<a href=\"mailto:\"></a>";
        u12 +="</p>";
            u12 +="</div>";
        u12 +="</div>";
        u12 +="</div>";
        document.getElementById('uo').insertAdjacentHTML("beforeend", u12);