<div id="cookie-bar" class="CookieBar js-CookieBar u-background-95 u-padding-r-all" aria-hidden="true">
    <p class="u-color-white u-text-r-xs u-lineHeight-m u-padding-r-bottom">Questo sito utilizza cookie tecnici, analytics e di terze parti.
        <br>Proseguendo nella navigazione accetti l’utilizzo dei cookie.<br>
    </p>
    <p>
        <button class="Button Button--default u-text-r-xxs js-cookieBarAccept u-inlineBlock u-margin-r-all">Accetto</button>
        <a href="" class="u-text-r-xs u-color-teal-50">Privacy policy</a>
    </p>
</div>

<div class="u-background-95">
    <div class="u-layout-wide u-layoutCenter">

        <ul class="Skiplinks js-fr-bypasslinks u-hiddenPrint">
            <li><a href="#main">Vai al Contenuto</a></li>
            <li><a class="js-fr-offcanvas-open" href="#menu" aria-controls="menu" aria-label="accedi al menu" title="accedi al menu">Vai alla navigazione del sito</a></li>
        </ul>

        <header class="Header  u-hiddenPrint">

            <div class="Header-banner u-background-50">
                <div class="Header-owner Headroom-hideme u-border-bottom-xxs">
                    <a href=""><span>AgID <span class="u-hidden u-md-inline u-lg-inline u-sm-inline">- Agenzia per l'Italia Digitale</span></span></a>
                    <div class="Header-languages u-background-50">
                        <a href="#languages" data-menu-trigger="languages" class="Header-language u-border-none u-zindex-max u-inlineBlock">
            <span class="u-hiddenVisually">lingua attiva:</span>
            <span class="">ITA</span>
            <!-- <span class="u-hidden u-md-inlineBlock u-lg-inlineBlock">Italiano</span> -->
            <span class="Icon Icon-expand u-padding-left-xs"></span>
          </a>
                        <div id="languages" data-menu class="Dropdown-menu Header-language-other u-jsVisibilityHidden u-nojsDisplayNone">
                            <span class="Icon-drop-down Dropdown-arrow u-color-white"></span>
                            <ul>
                                <li><a href="#1" class="u-padding-r-all"><span lang="en">English</span></a></li>
                                <li><a href="#1" class="u-padding-r-all"><span lang="ar">عربي</span></a></li>
                                <li><a href="#2" class="u-padding-r-all"><span lang="ch">中文网</span></a></li>
                                <li><a href="#3" class="u-padding-r-all"><span lang="de">Deutsch</span></a></li>
                                <li><a href="#8" class="u-padding-r-all"><span lang="es">Español</span></a></li>
                                <li><a href="#4" class="u-padding-r-all"><span lang="fr">Français</span></a></li>
                                <li><a href="#5" class="u-padding-r-all"><span lang="ja">日本語</span></a></li>
                                <li><a href="#6" class="u-padding-r-all"><span lang="pt">Portuguese</span></a></li>
                                <li><a href="#7" class="u-padding-r-all"><span lang="ru">НА РУССКОМ</span></a></li>
                                <li><a href="#10" class="u-padding-r-all"><span lang="uk">УКРАЇНСЬКA</span></a></li>
                                <li><a href="#9" class="u-padding-r-all"><span lang="tr">TÜRKÇE</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="Header-navbar u-background-50">
                <div class="u-layout-wide Grid Grid--alignMiddle u-layoutCenter">
                    <div class="Header-logo Grid-cell" aria-hidden="true">
                        <a href="" tabindex="-1">
          <img src="http://designer.italia.it/images/loghi/logo-it.svg" alt="">
        </a>
                    </div>

                    <div class="Header-title Grid-cell">
                        <h1 class="Header-titleLink">
                            <a href="/">
            /developers <span class="u-lg-hidden u-md-hidden u-sm-hidden u-cf u-padding-top-xxs u-block"></span>
        <span class="u-color-20 u-text-xxs
        u-alignMiddle u-padding-right-xxs u-padding-left-xxs">beta</span><br>
            <small>La community italiana di sviluppatori di servizi pubblici</small>
          </a>
                        </h1>
                    </div>

                    <div class="Header-searchTrigger Grid-cell">
                        <button aria-controls="header-search" class="js-Header-search-trigger Icon Icon-search u-background-50" title="attiva il form di ricerca" aria-label="attiva il form di ricerca" aria-hidden="false">
        </button>
                        <button aria-controls="header-search" class="js-Header-search-trigger Icon Icon-close u-hidden u-background-50" title="disattiva il form di ricerca" aria-label="disattiva il form di ricerca" aria-hidden="true">
        </button>
                    </div>

                    <div class="Header-utils Grid-cell">
                        <div class="Header-social Headroom-hideme">
                            <p>Seguici su</p>
                            <ul class="Header-socialIcons">
                                <li><a href="" title="Facebook"><span class="Icon-facebook"></span><span class="u-hiddenVisually">Facebook</span></a></li>
                                <li><a href="" title="Twitter"><span class="Icon-twitter"></span><span class="u-hiddenVisually">Twitter</span></a></li>
                                <li><a href="" title="Youtube"><span class="Icon-youtube"></span><span class="u-hiddenVisually">Youtube</span></a></li>
                            </ul>
                        </div>
                        <div class="Header-search" id="header-search">
                            <form class="Form">
                                <div class="Form-field Form-field--withPlaceholder Grid u-background-white u-color-grey-30 u-borderRadius-s" role="search">
                                    <input class="Form-input Form-input--ultraLean Grid-cell u-sizeFill u-text-r-s u-color-black u-text-r-xs u-borderRadius-s" required id="cerca">
                                    <label class="Form-label u-color-grey-50 u-text-r-xxs" for="cerca">cerca nel sito</label>
                                    <button class="Grid-cell u-sizeFit Icon-search Icon--rotated u-color-grey-50 u-padding-all-s u-textWeight-700" title="Avvia la ricerca" aria-label="Avvia la ricerca">
  </button>
                                </div>
                            </form>

                        </div>
                    </div>

                    <div class="Header-toggle Grid-cell">
                        <a class="Hamburger-toggleContainer js-fr-offcanvas-open u-nojsDisplayInlineBlock u-lg-hidden u-md-hidden" href="#menu" aria-controls="menu" aria-label="accedi al menu" title="accedi al menu">
          <span class="Hamburger-toggle" role="presentation"></span>
          <span class="Header-toggleText" role="presentation">Menu</span>
        </a>
                    </div>

                </div>
            </div>
            <!-- Header-navbar -->

            <div class="Headroom-hideme u-textCenter u-hidden u-sm-hidden u-md-block u-lg-block">

                <nav class="Megamenu Megamenu--default js-megamenu u-background-50" data-rel=".Offcanvas .Treeview"></nav>

            </div>

        </header>

        <section class="Offcanvas Offcanvas--right Offcanvas--modal js-fr-offcanvas u-jsVisibilityHidden u-nojsDisplayNone u-hiddenPrint" id="menu">
            <h2 class="u-hiddenVisually">Menu di navigazione</h2>
            <div class="Offcanvas-content u-background-white">
                <div class="Offcanvas-toggleContainer u-background-70 u-jsHidden">
                    <a class="Hamburger-toggleContainer u-block u-color-white u-padding-bottom-xxl u-padding-left-s u-padding-top-xxl js-fr-offcanvas-close" aria-controls="menu" aria-label="esci dalla navigazione" title="esci dalla navigazione" href="#">
        <span class="Hamburger-toggle is-active" aria-hidden="true"></span>
      </a>
                </div>
                <nav>
                    <ul class="Linklist Linklist--padded Treeview Treeview--default js-Treeview u-text-r-xs">
                        <li><a href="#">Servizi</a>
                            <ul data-megamenu-class="u-md-size1of2">
                                <li><a href="#">Per aree tematiche</a>
                                    <ul data-megamenu-class="u-columns-2">
                                        <li><a href="page--servizi.html#ambiente">Ambiente</a></li>
                                        <li><a href="page--servizi.html#casa">Casa</a></li>
                                        <li><a href="page--servizi.html#certificati">Certificati e documenti</a></li>
                                        <li><a href="page--servizi.html#cultura">Cultura e tempo libero</a></li>
                                        <li><a href="page--servizi.html#denunce">Denunce</a></li>
                                        <li><a href="page--servizi.html#elezioni">Elezioni</a></li>
                                        <li><a href="page--servizi.html#famiglia">Famiglia</a></li>
                                        <li><a href="page--servizi.html#imprese">Imprese</a></li>
                                        <!-- <li><a href="page- -servizi.html#innovazione">Innovazione e smart city</a></li> -->
                                        <li><a href="page--servizi.html#lavoro">Lavoro</a></li>
                                        <li><a href="page--servizi.html#salute">Salute</a></li>
                                        <li><a href="page--servizi.html#studio">Studio</a></li>
                                        <li><a href="page--servizi.html#tributi">Tributi e sanzioni</a></li>
                                        <li><a href="page--servizi.html#uffici">Uffici comunali</a></li>
                                        <li><a href="page--servizi.html#volontariato">Volontariato</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Servizi online</a>
                                    <ul>
                                        <li><a href="#">Segnalazioni</a></li>
                                        <li><a href="#">Pagamenti</a></li>
                                        <li><a href="#" data-megamenu-class="u-text-h4">tutti i servizi online
            <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#">L'Amministrazione</a>
                            <ul>
                                <li><a href="#">Organizzazione <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a>
                                    <ul>
                                        <li><a href="#">Il Sindaco</a></li>
                                        <li><a href="#">Giunta comunale</a></li>
                                        <!-- <li><a href="#">Organi di indirizzo politico-amministrativo</a></li>
          <li><a href="#">Sanzioni per mancata comunicazione dei dati</a></li> -->
                                        <li><a href="#">Articolazione degli uffici</a></li>
                                        <li><a href="#">Telefono e posta elettronica</a></li>
                                        <!-- <li><a href="#" data-megamenu-class="u-text-h4">altro
            <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a></li> -->
                                    </ul>
                                </li>
                                <li><a href="#">Attività e procedimenti <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a>
                                    <ul>
                                        <li><a href="#">Dichiarazioni sostitutive e acquisizione d'ufficio dei dati</a></li>
                                        <!-- <li><a href="#" data-megamenu-class="u-text-h4">altro
            <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a></li> -->
                                    </ul>
                                </li>
                                <li><a href="#">Bandi di concorso <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a>
                                    <ul>
                                        <li><a href="#">Concorsi attivi</a></li>
                                        <li><a href="#">Avvisi</a></li>
                                        <li><a href="#">Esiti</a></li>
                                        <!-- <li><a href="#" data-megamenu-class="u-text-h4">altro
            <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a></li> -->
                                    </ul>
                                </li>
                                <li><a href="#">Personale <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a>
                                    <ul>
                                        <li><a href="#">Incarichi amministrativi di vertice</a></li>
                                        <li><a href="#">Dirigenti</a></li>
                                        <!-- <li><a href="#" data-megamenu-class="u-text-h4">altro
            <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a></li> -->
                                    </ul>
                                </li>
                                <li><a href="#">Bandi di gara e contratti <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a>
                                    <ul>
                                        <li><a href="#">Gare e procedure in corso</a></li>
                                        <li><a href="#">Avvisi di aggiudicazione, esiti e affidamenti</a></li>
                                        <li><a href="#">Avvisi pubblici</a></li>
                                        <li><a href="#">Delibere e Determine a contrarre</a></li>
                                        <!-- <li><a href="#" data-megamenu-class="u-text-h4">altro
            <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a></li> -->
                                    </ul>
                                </li>
                                <li><a href="#">Altre risorse <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a>
                                    <ul>
                                        <li><a href="#">Enti controllati</a></li>
                                        <li><a href="#">Provvedimenti</a></li>
                                        <li><a href="#">Bilanci</a></li>
                                        <!-- <li><a href="#" data-megamenu-class="u-text-h4">altro
            <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a></li> -->
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#">Vivere il Comune</a>
                            <ul>
                                <li><a href="#">Informazioni utili</a>
                                    <ul>
                                        <li><a href="#">Associazioni</a></li>
                                        <li><a href="#">Cenni storici</a></li>
                                        <li><a href="#">Come raggiungerci</a></li>
                                        <li><a href="#">Numeri per Emergenze</a></li>
                                        <li><a href="#">Scheda informativa</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Turismo e punti di interesse</a>
                                    <ul>
                                        <li><a href="#">Cosa visitare</a></li>
                                        <li><a href="#">Itinerari</a></li>
                                        <li><a href="#">Mappa dei punti di interesse</a></li>
                                        <li><a href="#">Paesaggi e Immagini</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Sul territorio</a>
                                    <ul>
                                        <li><a href="#">Dove dormire</a></li>
                                        <li><a href="#">Dove mangiare</a></li>
                                        <li><a href="#">Mercati</a></li>
                                        <li><a href="#">Sanità e farmacie</a></li>
                                        <li><a href="#">Scuole / Asili</a></li>
                                        <li><a href="#">Servizi commerciali</a></li>
                                        <li><a href="#">Stabilimenti balneari e termali</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#">Altro</a>
                            <ul>
                                <li><a href="#">Siti tematici</a>
                                    <ul>
                                        <li><a href="#">sito tematico</a></li>
                                        <li><a href="#">sito tematico</a></li>
                                        <li><a href="#">sito tematico</a></li>
                                        <li><a href="#">sito tematico</a></li>
                                        <li><a href="#">sito tematico</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Servizi per</a>
                                    <ul data-megamenu-class="u-lg-columns-2">
                                        <li><a href="#">Anziani</a></li>
                                        <li><a href="#">Automobilisti</a></li>
                                        <li><a href="#">Bambini</a></li>
                                        <li><a href="#">Cittadini</a></li>
                                        <li><a href="#">Consumatori</a></li>
                                        <li><a href="#">Disabili</a></li>
                                        <li><a href="#">Donne</a></li>
                                        <li><a href="#">Elettori</a></li>
                                        <li><a href="#">Famiglie</a></li>
                                        <li><a href="#">Giovani</a></li>
                                        <li><a href="#">Immigrati</a></li>
                                        <li><a href="#">Imprenditori</a></li>
                                        <li><a href="#">Italiani all'estero</a></li>
                                        <li><a href="#">Lavoratori / In cerca di lavoro</a></li>
                                        <li><a href="#">Persone con disagio sociale</a></li>
                                        <li><a href="#">Studenti</a></li>
                                        <li><a href="#">Turisti</a></li>
                                    </ul>
                                </li>
                                <!-- <li><a href="#">news</a></li>
      <li><a href="#">eventi</a></li> -->
                                <li><a href="#" data-megamenu-class="u-text-h4">mappa del sito
        <span data-megamenu-class="Icon Icon-chevron-right u-text-r-xxs"></span></a>
                                </li>
                            </ul>
                        </li>
                        <li data-megamenu-class="u-hidden">
                            <a class="Button u-border-none u-color-95 u-background-compl u-text-r-xxs" href="#">Accedi</a>
                        </li>
                    </ul>

                </nav>
            </div>
        </section>

        <!-- <div class="u-background-50 u-textCenter u-padding-all-xxl">
  <h3 class="u-text-r-l u-textWeight-300 u-color-white u-margin-top-l u-lineHeight-l">
    La community degli sviluppatori che progettano <br>
    e realizzano i servizi pubblici in Italia</h3>
</div> -->

        <div class="u-background-50 u-textCenter u-padding-r-all u-textCenter u-padding-bottom-xxl">
            <h1 class="u-text-r-l u-textWeight-300 u-color-white u-margin-top-l u-lineHeight-l">
                Progetti</h1>
            <p class="u-text-r-xs u-padding-r-all u-color-10 u-layout-prose u-layoutCenter u-padding-bottom-xxl u-margin-bottom-xxl">
                Quia placeat aspernatur tempore vitae repellendus velit. Velit voluptatem expedita molestiae veritatis consectetur tempora.
            </p>
        </div>

        <hr class="Separator-room u-background-50" />
        <hr class="Separator Separator--up u-background-grey-15" />

        <hr class="Separator Separator--down u-background-grey-15">

        <div class="u-background-grey-15 u-layout-r-withGutter u-padding-r-top u-padding-bottom-xxl u-posRelative u-zindex-30">
            <div class="u-layout-wide u-layoutCenter u-padding-bottom-xxl u-cf">

                <div class="js-Masonry-container" style="margin-top: -10em" data-columns>

                    <div class="Masonry-item js-Masonry-item">
                        <div class="u-nbfc u-color-grey-30 u-xs-padding-all-none
  u-borderShadow-m u-xs-borderShadow-none u-borderRadius-m u-background-white">
                            <img src="//placehold.it/400x220" class="u-sizeFull" alt="ut aliquam exercitationem" />
                            <div class="u-padding-r-all">
                                <div class="u-padding-r-all u-xs-padding-all-none">
                                    <h3 class="u-padding-bottom-xs">
                                        <a class="u-textClean u-textWeight-600 u-text-r-l u-color-50" href="#">
        Minus iusto et
      </a>
                                    </h3>
                                    <h4 class="u-textWeight-400 u-lineHeight-l u-text-r-xs u-color-grey-60 u-padding-bottom-xs">
                                        Quia placeat aspernatur tempore vitae repellendus velit.
                                    </h4>
                                    <!-- <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
        minus iusto et
        </a>
      </h3> -->
                                    <p class="u-text-p u-textSecondary u-margin-r-bottom u-padding-r-bottom">
                                        Culpa mollitia itaque mollitia iusto nesciunt aliquid magnam. Unde quisquam quo est labore temporibus sed quisquam consequatur. Molestias est repellat ut at aut cumque ipsam. Sint eligendi omnis laborum iure neque molestiae. Esse in ut et totam quo distinctio.
                                    </p>

                                    <div class="Grid u-padding-r-top u-margin-r-top">

                                        <p class="u-layout-centerLeft u-padding-r-bottom">
                                            <a href="#" class="u-color-50 u-text-r-xs u-textWeight-600 u-textClean">per saperne di più
          <span class="Icon Icon-chevron-right u-margin-left-xxs u-text-xxs u-md-hidden u-sm-hidden"></span>
        </a>
                                        </p>
                                        <br class="u-sm-hidden u-md-hidden u-lg-hidden">
                                        <p class="u-layout-centerRight u-padding-r-bottom">

                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                        </p>

                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="Masonry-item js-Masonry-item">
                        <div class="u-nbfc u-color-grey-30 u-xs-padding-all-none
  u-borderShadow-m u-xs-borderShadow-none u-borderRadius-m u-background-white">
                            <img src="//placehold.it/400x220" class="u-sizeFull" alt="ut aliquam exercitationem" />
                            <div class="u-padding-r-all">
                                <div class="u-padding-r-all u-xs-padding-all-none">
                                    <h3 class="u-padding-bottom-xs">
                                        <a class="u-textClean u-textWeight-600 u-text-r-l u-color-50" href="#">
        Ut aliquam exercitationem
      </a>
                                    </h3>
                                    <h4 class="u-textWeight-400 u-lineHeight-l u-text-r-xs u-color-grey-60 u-padding-bottom-xs">
                                        Quia placeat aspernatur tempore vitae repellendus velit.
                                    </h4>
                                    <!-- <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
        ut aliquam exercitationem
        </a>
      </h3> -->
                                    <p class="u-text-p u-textSecondary u-margin-r-bottom u-padding-r-bottom">
                                        Maxime quae consequatur non. Et quam facere tempora. Deleniti excepturi expedita eum consectetur. Id reprehenderit distinctio excepturi labore eaque assumenda aut ea. Sint est hic numquam et rerum quo. Sit dignissimos voluptas exercitationem officiis
                                        voluptatem sapiente sequi.
                                    </p>

                                    <div class="Grid u-padding-r-top u-margin-r-top">

                                        <p class="u-layout-centerLeft u-padding-r-bottom">
                                            <a href="#" class="u-color-50 u-text-r-xs u-textWeight-600 u-textClean">per saperne di più
          <span class="Icon Icon-chevron-right u-margin-left-xxs u-text-xxs u-md-hidden u-sm-hidden"></span>
        </a>
                                        </p>
                                        <br class="u-sm-hidden u-md-hidden u-lg-hidden">
                                        <p class="u-layout-centerRight u-padding-r-bottom">

                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                        </p>

                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="Masonry-item js-Masonry-item">
                        <div class="u-nbfc u-color-grey-30 u-xs-padding-all-none
  u-borderShadow-m u-xs-borderShadow-none u-borderRadius-m u-background-white">
                            <img src="//placehold.it/400x220" class="u-sizeFull" alt="ut aliquam exercitationem" />
                            <div class="u-padding-r-all">
                                <div class="u-padding-r-all u-xs-padding-all-none">
                                    <h3 class="u-padding-bottom-xs">
                                        <a class="u-textClean u-textWeight-600 u-text-r-l u-color-50" href="#">
        Dolorem eligendi asperiores
      </a>
                                    </h3>
                                    <h4 class="u-textWeight-400 u-lineHeight-l u-text-r-xs u-color-grey-60 u-padding-bottom-xs">
                                        Quia placeat aspernatur tempore vitae repellendus velit.
                                    </h4>
                                    <!-- <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
        dolorem eligendi asperiores
        </a>
      </h3> -->
                                    <p class="u-text-p u-textSecondary u-margin-r-bottom u-padding-r-bottom">
                                        Sit odit perspiciatis magni consequatur rerum similique enim. Itaque atque praesentium reiciendis consequuntur laboriosam blanditiis repellat rerum. Sit eos et quo. Odit nostrum doloribus quaerat fugiat. Laudantium libero quia.
                                    </p>

                                    <div class="Grid u-padding-r-top u-margin-r-top">

                                        <p class="u-layout-centerLeft u-padding-r-bottom">
                                            <a href="#" class="u-color-50 u-text-r-xs u-textWeight-600 u-textClean">per saperne di più
          <span class="Icon Icon-chevron-right u-margin-left-xxs u-text-xxs u-md-hidden u-sm-hidden"></span>
        </a>
                                        </p>
                                        <br class="u-sm-hidden u-md-hidden u-lg-hidden">
                                        <p class="u-layout-centerRight u-padding-r-bottom">

                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                            <a href="#" class="u-linkClean">
            <span class="Icon Icon-twitter u-inlineBlock u-text-r-xs u-padding-all-xxs u-borderRadius-circle
            u-background-50 u-color-white u-margin-right-xs"></span><span class="u-hiddenVisually">twitter</span></a>
                                        </p>

                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="Masonry-item js-Masonry-item">
                        <div class="u-nbfc u-color-grey-30 u-xs-padding-all-none
  u-borderShadow-m u-xs-borderShadow-none u-borderRadius-m u-background-white">
                            <img src="//placehold.it/400x220" class="u-sizeFull" alt="ut aliquam exercitationem" />
                            <div class="u-padding-r-all">
                                <div class="u-padding-r-all u-xs-padding-all-none">
                                    <h3 class="u-padding-bottom-xs">
                                        <a class="u-textClean u-textWeight-600 u-text-r-l u-color-50" href="#">
        Dolorem eligendi asperiores
      </a>
                                    </h3>
                                    <h4 class="u-textWeight-400 u-lineHeight-l u-text-r-xs u-color-grey-60 u-padding-bottom-xs">
                                        Quia placeat aspernatur tempore vitae repellendus velit.
                                    </h4>
                                    <!-- <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
        dolorem eligendi asperiores
        </a>
      </h3> -->
                                    <p class="u-text-p u-textSecondary u-margin-r-bottom u-padding-r-bottom">
                                        Sit odit perspiciatis magni consequatur rerum similique enim. Itaque atque praesentium reiciendis consequuntur laboriosam blanditiis repellat rerum. Sit eos et quo. Odit nostrum doloribus quaerat fugiat. Laudantium libero quia.
                                    </p>

                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="Masonry-item js-Masonry-item">
                        <div class="u-nbfc u-color-grey-30 u-xs-padding-all-none
  u-borderShadow-m u-xs-borderShadow-none u-borderRadius-m u-background-white">
                            <img src="//placehold.it/400x220" class="u-sizeFull" alt="ut aliquam exercitationem" />
                            <div class="u-padding-r-all">
                                <div class="u-padding-r-all u-xs-padding-all-none">
                                    <h3 class="u-padding-bottom-xs">
                                        <a class="u-textClean u-textWeight-600 u-text-r-l u-color-50" href="#">
        Itaque numquam porro
      </a>
                                    </h3>
                                    <h4 class="u-textWeight-400 u-lineHeight-l u-text-r-xs u-color-grey-60 u-padding-bottom-xs">
                                        Quia placeat aspernatur tempore vitae repellendus velit.
                                    </h4>
                                    <!-- <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
        itaque numquam porro
        </a>
      </h3> -->
                                    <p class="u-text-p u-textSecondary u-margin-r-bottom u-padding-r-bottom">
                                        Non doloribus sunt. Blanditiis reiciendis quidem possimus vel labore. Rerum expedita animi. Dolorum non ipsum nihil adipisci laboriosam. Excepturi dolores eaque provident rerum ratione illo mollitia. Sequi ut accusamus tempora dolorem autem sit impedit
                                        ab.
                                    </p>

                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="Masonry-item js-Masonry-item">
                        <div class="u-nbfc u-color-grey-30 u-xs-padding-all-none
  u-borderShadow-m u-xs-borderShadow-none u-borderRadius-m u-background-white">
                            <img src="//placehold.it/400x220" class="u-sizeFull" alt="ut aliquam exercitationem" />
                            <div class="u-padding-r-all">
                                <div class="u-padding-r-all u-xs-padding-all-none">
                                    <h3 class="u-padding-bottom-xs">
                                        <a class="u-textClean u-textWeight-600 u-text-r-l u-color-50" href="#">
        Qui aliquid ea
      </a>
                                    </h3>
                                    <h4 class="u-textWeight-400 u-lineHeight-l u-text-r-xs u-color-grey-60 u-padding-bottom-xs">
                                        Quia placeat aspernatur tempore vitae repellendus velit.
                                    </h4>
                                    <!-- <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
        qui aliquid ea
        </a>
      </h3> -->
                                    <p class="u-text-p u-textSecondary u-margin-r-bottom u-padding-r-bottom">
                                        Quia voluptate perferendis nihil quia quo. Nihil ea at quasi a quo aut fugit voluptate nemo. Aut dolorem deleniti repellat. Odio ut quaerat reiciendis. Qui aliquid repellat fugit. Id laudantium et voluptas odio aspernatur accusantium ut perferendis.
                                    </p>

                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>
        </div>

    </div>
</div>

<div class="u-background-95">
    <div class="u-layout-wide u-layoutCenter u-layout-r-withGutter u-hiddenPrint">
        <footer class="Footer u-background-95">

            <div class="Grid Grid--withGutter u-padding-top-xl">

                <div class="Grid-cell u-layout-centerLeft u-padding-r-bottom">
                    <img class="Footer-logo u-xs-padding-right-none" src="https://www.spid.gov.it/assets/img/agid-logo-bb.svg" alt="" style="height: 80px">
                    <p class="Footer-siteName">

                    </p>
                </div>

                <div class="Grid-cell u-layout-centerRight u-padding-r-bottom u-flexAlignSelfEnd">
                    <h3 class="u-md-flexInline u-lg-flexInline u-text-p u-color-white u-textWeight-400
        u-hidden u-margin-r-right u-flexAlignSelfCenter">Seguici su</h3>
                    <ul class="Footer-socialIcons">
                        <li><a href=""><span class="Icon Icon-facebook u-background-white"></span><span class="u-hiddenVisually">Facebook</span></a></li>
                        <li><a href=""><span class="Icon Icon-twitter u-background-white"></span><span class="u-hiddenVisually">Twitter</span></a></li>
                        <li><a href=""><span class="Icon Icon-youtube u-background-white"></span><span class="u-hiddenVisually">Youtube</span></a></li>
                    </ul>
                </div>

            </div>

            <ul class="Footer-links u-cf u-color-80">
                <li><a href="" title="Privacy policy">Privacy</a></li>
                <li><a href="" title="Note legali">Note legali</a></li>
                <li><a href="" title="Dati monitoraggio sito">Contatti</a></li>
            </ul>

        </footer>

    </div>
</div>

<a href="#" title="torna all'inizio del contenuto" class="ScrollTop js-scrollTop js-scrollTo">
  <i class="ScrollTop-icon Icon-collapse" aria-hidden="true"></i>
  <span class="u-hiddenVisually">torna all'inizio del contenuto</span>
</a>

There are no notes for this item.