<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>

<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 Headroom--fixed js-Headroom u-hiddenPrint">

    <div class="Header-banner ">
        <div class="Header-owner Headroom-hideme ">
            <a href=""><span>Nome Regione</span></a>
            <div class="Header-languages ">
                <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 ">
        <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="//placehold.it/75x80" alt="">
        </a>
            </div>

            <div class="Header-title Grid-cell">
                <h1 class="Header-titleLink">
                    <a href="/">
            Nome del comune<br>
            <small></small>
          </a>
                </h1>
            </div>

            <div class="Header-searchTrigger Grid-cell">
                <button aria-controls="header-search" class="js-Header-search-trigger Icon Icon-search " 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 " 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">
            <ul class="Megamenu-list">

                <li class="Megamenu-item"><a href="">Servizi</a></li>

                <li class="Megamenu-item"><a href="">L'Amministrazione</a></li>

                <li class="Megamenu-item"><a href="">Vivere il Comune</a></li>

                <li class="Megamenu-item"><a href="">Altro</a></li>

            </ul>
        </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 id="main">

    <section>
        <div class="Hero">
            <div class="Hero-content">
                <p class="u-padding-r-bottom u-padding-r-top u-text-r-xs">
                    <a href="#" class="u-textClean u-color-60 u-text-h4"><span class="Dot u-background-60"></span>categoria</a>
                </p>
                <h2 class="u-text-h2"><a href="#" class="u-color-95 u-textClean">sed vel itaque</a></h2>
                <p class="u-padding-r-bottom u-padding-r-top u-text-p u-margin-r-bottom">Magni consequatur aut qui qui nihil ea libero. In quos rerum adipisci minima iure repellendus totam ipsam perspiciatis. Non quibusdam similique voluptatem quos ut ut doloremque aliquid. Odio officiis aliquid.</p>
                <a href="#news" class="js-scrollTo u-linkClean Button Button--info u-text-r-xs">notizie ed eventi
        <span class="u-padding-r-left Icon Icon-expand"></span></a>
            </div>
            <a href="#servizi" class="Forward Forward--absolute js-scrollTo" aria-hidden="true">
      <span class="Icon Icon-expand"></span>
    </a>
        </div>
    </section>

    <div class="u-layout-wide u-layoutCenter u-text-r-xl u-layout-r-withGutter u-padding-r-top">

        <div class="Grid Grid--equalHeight Grid--withGutterM" id="servizi">

            <!-- <div class="Grid-cell u-sizeFull u-padding-r-bottom">
      <h2 class="u-text-h2"><a class="u-color-black u-textClean u-text-h2" href="">In evidenza</a></h2>
    </div> -->

            <div class="Grid-cell u-sizeFull u-sm-size1of2 u-md-size1of3 u-lg-size1of3 u-margin-r-bottom">
                <div class="u-sizeFull u-color-70 u-text-r-s">
                    <h3 class="u-border-bottom-m">
                        <a href="#" class="u-block u-text-h3 u-color-60 u-textClean">Servizi
          <!-- <span class="u-text-r-s Icon Icon-chevron-right"></span> -->
          </a></h3>
                    <ul class="Linklist Prose u-text-r-xs">
                        <li><a href="">Modulistica</a></li>
                        <li><a href="">SUAP</a></li>
                        <li><a href="">Iscrizioni scolastiche</a></li>
                        <li><a href="">Tributi e sanzioni</a></li>
                        <li><a href="page--servizi" class="u-color-50 u-textClean">
                tutti i servizi <span class="Icon Icon-chevron-right"></span></a></li>
                    </ul>
                </div>
            </div>

            <div class="Grid-cell u-sizeFull u-sm-size1of2 u-md-size1of3 u-lg-size1of3 u-margin-r-bottom">
                <div class="u-sizeFull u-color-compl-80 u-text-r-s">
                    <h3 class="u-border-bottom-m">
                        <a href="#" class="u-block u-text-h3 u-color-compl-80 u-textClean">L'Amministrazione
          <!-- <span class="u-text-r-s Icon Icon-chevron-right"></span> -->
          </a></h3>
                    <ul class="Linklist Prose">
                        <li><a href=""><span class="u-text-r-xs u-color-compl-80">Bandi aperti</span></a></li>
                        <li><a href=""><span class="u-text-r-xs u-color-compl-80">Avvisi</span></a></li>
                        <li><a href=""><span class="u-text-r-xs u-color-compl-80">Ordinanze</span></a></li>
                        <li><a href=""><span class="u-text-r-xs u-color-compl-80">Scadenze</span></a></li>
                        <li><a href="#" class="u-textClean "><span class="u-color-compl-80 u-text-p">
                tutto dall'Amministrazione <span class="u-color-compl-80 Icon Icon-chevron-right"></span></span></a></li>
                    </ul>
                </div>
            </div>

            <div class="Grid-cell  u-sizeFull u-sm-size1of2 u-md-size1of3 u-lg-size1of3 u-margin-r-bottom">
                <div class="u-sizeFull u-color-70 u-text-r-s">
                    <h3 class="u-border-bottom-m">
                        <a href="#" class="u-block u-text-h3 u-color-60 u-textClean">Vivere il comune
            <!-- <span class="u-text-r-s Icon Icon-chevron-right"></span> -->
          </a></h3>
                    <ul class="Linklist Prose u-text-r-xs">
                        <li><a href="#">La storia</a></li>
                        <li><a href="#">Galleria fotografica</a></li>
                        <li><a href="#">Luoghi di interesse</a></li>
                        <li><a href="#">Come raggiungerci</a></li>
                        <li><a href="#" class="u-color-50 u-textClean">
                altro in Vivere il comune <span class="Icon Icon-chevron-right"></span></a></li>
                    </ul>
                </div>
            </div>

        </div>

        <div class="Grid Grid--withGutter u-padding-r-top u-padding-r-bottom u-text-r-s">
            <div class="Grid-cell u-md-size1of3 u-lg-size1of3 u-flex">
                <div class="Entrypoint-item u-sizeFill u-background-compl-80">
                    <p><a class="u-textClean u-text-h3 u-color-white" href="">Amministrazione trasparente</a></p>
                </div>
            </div>
            <div class="Grid-cell u-md-size1of3 u-lg-size1of3">
                <div class="Entrypoint-item u-background-compl-80">
                    <p><a class="u-textClean u-text-h3 u-color-white" href="">Albo pretorio</a></p>
                </div>
                <div class="Entrypoint-item u-background-compl-80">
                    <p><a class="u-textClean u-text-h4 u-color-white" href="">Accesso civico</a></p>
                </div>
            </div>
            <div class="Grid-cell u-md-size1of3 u-lg-size1of3 u-flex">
                <div class="Entrypoint-item u-sizeFill u-background-compl-80">
                    <p><a class="u-textClean u-text-h3 u-color-white" href="">Ufficio Relazioni con il Pubblico</a></p>
                </div>
            </div>
        </div>

        <a href="#news" class="Forward Forward--floating js-scrollTo u-color-compl-80" aria-hidden="true">
    <span class="Icon Icon-expand"></span>
  </a>

    </div>

    <div class=" u-background-compl-10 u-layout-centerContent u-padding-r-top">

        <section class="u-layout-wide u-layout-r-withGutter u-text-r-s u-padding-r-top u-padding-r-bottom">

            <h2 id="news" class="u-layout-centerLeft u-text-r-s">
                <a class="u-color-50 u-textClean u-text-h3 " href="">Notizie</a>
            </h2>

            <div class="Grid Grid--withGutterM">

                <div class="Grid-cell u-md-size1of3 u-lg-size1of3 u-flex u-margin-r-bottom u-flexJustifyCenter">
                    <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                        <img src="//placehold.it/400x220" class="u-sizeFull" alt="aperiam ipsam fugit" />
                        <div class="u-text-r-l u-padding-r-all u-layout-prose">
                            <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">sed vel itaque</a></p>
                            <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                            <p class="u-text-p u-textSecondary">Magni consequatur aut qui qui nihil ea libero. In quos rerum adipisci minima iure repellendus totam ipsam perspiciatis. Non quibusdam similique voluptatem quos ut ut doloremque aliquid. Odio officiis aliquid.</p>
                        </div>
                    </div>

                </div>

                <div class="Grid-cell u-md-size1of3 u-lg-size1of3 u-flex u-margin-r-bottom u-flexJustifyCenter">
                    <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                        <img src="//placehold.it/400x220" class="u-sizeFull" alt="aperiam ipsam fugit" />
                        <div class="u-text-r-l u-padding-r-all u-layout-prose">
                            <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">sed vel itaque</a></p>
                            <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                            <p class="u-text-p u-textSecondary">Magni consequatur aut qui qui nihil ea libero. In quos rerum adipisci minima iure repellendus totam ipsam perspiciatis. Non quibusdam similique voluptatem quos ut ut doloremque aliquid. Odio officiis aliquid.</p>
                        </div>
                    </div>

                </div>

                <div class="Grid-cell u-md-size1of3 u-lg-size1of3 u-flex u-margin-r-bottom u-flexJustifyCenter">
                    <div class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
                        <img src="//placehold.it/400x220" class="u-sizeFull" alt="aperiam ipsam fugit" />
                        <div class="u-text-r-l u-padding-r-all u-layout-prose">
                            <p class="u-text-h6 u-margin-bottom-l"><a class="u-color-50 u-textClean" href="">sed vel itaque</a></p>
                            <h3 class="u-text-h4 u-margin-r-bottom"><a class="u-text-r-m u-color-black u-textWeight-400 u-textClean" href="">Consequatur eligendi sit similique est est voluptatem labore consequatur sit.</a></h3>
                            <p class="u-text-p u-textSecondary">Magni consequatur aut qui qui nihil ea libero. In quos rerum adipisci minima iure repellendus totam ipsam perspiciatis. Non quibusdam similique voluptatem quos ut ut doloremque aliquid. Odio officiis aliquid.</p>
                        </div>
                    </div>

                </div>

            </div>

            <p class="u-textCenter u-text-md-right u-text-lg-right u-margin-r-top">
                <a href="#" class="u-color-50 u-textClean u-text-h4">
        tutte le notizie <span class="Icon Icon-chevron-right"></a>
            </p>

        </section>

        <a href="#utilita" class="Forward Forward--floating js-scrollTo" aria-hidden="true">
    <span class="Icon Icon-expand u-color-grey-40"></span>
  </a>

    </div>

    <div class="u-background-white u-color-black u-text-xxl u-padding-r-top u-padding-r-bottom">
        <div class="u-layout-wide u-layoutCenter u-layout-r-withGutter" id="utilita">
            <section class="u-padding-r-top u-padding-r-bottom">
                <h2 class="u-text-h3 u-layout-centerLeft">Utilità</h2>
                <ul class="Grid Grid--withGutter">

                    <li class="Grid-cell u-sizeFull u-md-size1of4 u-lg-size1of4">
                        <a class="Leads-link u-color-black" href="">Open data</a>
                    </li>

                    <li class="Grid-cell u-sizeFull u-md-size1of4 u-lg-size1of4">
                        <a class="Leads-link u-color-black" href="">Comunicati stampa</a>
                    </li>

                </ul>
            </section>

        </div>
    </div>

    <div class="u-background-compl u-padding-all-xl u-layoutCenter u-hiddenPrint">
        <p class="u-textCenter u-margin-top-m u-margin-bottom-m">
            <a href="#" class="u-color-95 u-textClean u-text-h3">
        <span class="u-padding-r-right Icon Icon-comment">
          </span> Valuta questo sito
      </a>
        </p>
    </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="u-cf">
                    <img class="Footer-logo" src="//placehold.it/75x80?text=placeholder" alt="">
                    <p class="Footer-siteName">
                        Nome della pubblica amministrazione
                    </p>
                </div>

                <div class="Grid Grid--withGutter">

                    <div class="Footer-block Grid-cell u-md-size1of4 u-lg-size1of4">
                        <h2 class="Footer-blockTitle">Argomento 1</h2>
                        <ul>
                            <li><a href="">aperiam ipsam fugit</a></li>
                            <li><a href="">architecto quo eius</a></li>
                            <li><a href="">repellendus quaerat mollitia</a></li>
                            <li><a href="">et error qui</a></li>
                        </ul>
                    </div>

                    <div class="Footer-block Grid-cell u-md-size1of4 u-lg-size1of4">
                        <h2 class="Footer-blockTitle">Argomento 2</h2>
                        <ul>
                            <li><a href="">aperiam ipsam fugit</a></li>
                            <li><a href="">architecto quo eius</a></li>
                            <li><a href="">repellendus quaerat mollitia</a></li>
                            <li><a href="">et error qui</a></li>
                        </ul>
                    </div>

                    <div class="Footer-block Grid-cell u-md-size1of4 u-lg-size1of4">
                        <h2 class="Footer-blockTitle">Argomento 3</h2>
                        <ul>
                            <li><a href="">aperiam ipsam fugit</a></li>
                            <li><a href="">architecto quo eius</a></li>
                            <li><a href="">repellendus quaerat mollitia</a></li>
                            <li><a href="">et error qui</a></li>
                        </ul>
                    </div>

                    <div class="Footer-block Grid-cell u-md-size1of4 u-lg-size1of4">
                        <h2 class="Footer-blockTitle">Argomento 4</h2>
                        <ul>
                            <li><a href="">aperiam ipsam fugit</a></li>
                            <li><a href="">architecto quo eius</a></li>
                            <li><a href="">repellendus quaerat mollitia</a></li>
                            <li><a href="">et error qui</a></li>
                        </ul>
                    </div>

                    <div class="Footer-block Grid-cell u-md-size1of4 u-lg-size1of4">
                        <h2 class="Footer-blockTitle">Contatti</h2>
                        <div class="Footer-subBlock">
                            <h3 class="Footer-subTitle">Recapiti</h3>
                            <address>
          Via sed vel itaque<br>
          sed vel itaque<br>
          Tel. (+00) 00.0000.0000
        </address>
                        </div>
                    </div>

                    <div class="Footer-block Grid-cell u-md-size1of4 u-lg-size1of4">
                        <h2 class="Footer-blockTitle">Contatti</h2>
                        <div class="Footer-subBlock">
                            <h3 class="Footer-subTitle">Recapiti</h3>
                            <address>
          Via aperiam ipsam fugit<br>
          aperiam ipsam fugit<br>
          Tel. (+00) 00.0000.0000
        </address>
                        </div>
                    </div>

                    <div class="Footer-block Grid-cell u-md-size1of4 u-lg-size1of4">
                        <h2 class="Footer-blockTitle">Contatti</h2>
                        <div class="Footer-subBlock">
                            <h3 class="Footer-subTitle">Indirizzo PEC</h3>
                            <p><a href="">indirizzo.pec@gov.it</a></p>
                        </div>
                    </div>

                    <div class="Footer-block Grid-cell u-md-size1of4 u-lg-size1of4">
                        <h2 class="Footer-blockTitle">Seguici su</h2>
                        <div class="Footer-subBlock">
                            <ul class="Footer-socialIcons">
                                <li><a href=""><span class="Icon Icon-facebook"></span><span class="u-hiddenVisually">Facebook</span></a></li>
                                <li><a href=""><span class="Icon Icon-twitter"></span><span class="u-hiddenVisually">Twitter</span></a></li>
                                <li><a href=""><span class="Icon Icon-youtube"></span><span class="u-hiddenVisually">Youtube</span></a></li>
                            </ul>
                        </div>
                    </div>

                </div>

                <ul class="Footer-links u-cf">
                    <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>

</div>

There are no notes for this item.