let u21 ="<div class=\"card card-teaser card-teaser-info rounded shadow-sm mb-3 p-3\">";
        u21 +="<div class=\"card-body pe-3\">";
        u21 +="<p class=\"card-title text-paragraph-regular-medium-semi mb-3\">";
        u21 +="<a class=\"text-decoration-none\" href=\"https://www.comune.matelica.mc.it/amministrazione/uffici/ufficio_21.html\" data-element=\"service-area\">Ufficio Urbanistica, Edilizia privata, ricostruzione privata Ambiente Sisma.</a>";
    		u21 +="</p>";
        u21 +="<div class=\"card-text\">";
        u21 +="<p class=\"u-main-black\">Piazza Enrico Mattei, 1, 62024 Matelica MC</p>";
            u21 +="<p class=\"u-main-black\">";
        u21 +="<a href=\"tel:0737/781879\">tel: 0737/781879</a>";
        u21 +="</p>";
            u21 +="<p class=\"u-main-black\">";
        u21 +="<a href=\"mailto:ufficiotecnico@comune.matelica.mc.it\">mail: ufficiotecnico@comune.matelica.mc.it</a>";
        u21 +="</p>";
            u21 +="</div>";
        u21 +="</div>";
        u21 +="</div>";
        document.getElementById('uo').insertAdjacentHTML("beforeend", u21);