<div class="u-background-95 u-hiddenPrint">
    <div class="u-layout-wide u-layoutCenter u-layout-r-withGutter">
        <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="">numquam sit veniam</a></li>
                        <li><a href="">voluptatem quia cum</a></li>
                        <li><a href="">totam et amet</a></li>
                        <li><a href="">quo illo molestiae</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="">numquam sit veniam</a></li>
                        <li><a href="">voluptatem quia cum</a></li>
                        <li><a href="">totam et amet</a></li>
                        <li><a href="">quo illo molestiae</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="">numquam sit veniam</a></li>
                        <li><a href="">voluptatem quia cum</a></li>
                        <li><a href="">totam et amet</a></li>
                        <li><a href="">quo illo molestiae</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="">numquam sit veniam</a></li>
                        <li><a href="">voluptatem quia cum</a></li>
                        <li><a href="">totam et amet</a></li>
                        <li><a href="">quo illo molestiae</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 earum rem culpa<br>
          earum rem culpa<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 numquam sit veniam<br>
          numquam sit veniam<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="Contatti">Contatti</a></li>
                <li><a href="" title="nulla rerum magni">nulla rerum magni</a></li>
                <li>earum rem culpa</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>