<section>
    <p class="u-md-hidden u-lg-hidden u-padding-r-all u-text-m u-background-grey-20">
        <span class="Icon-list u-text-r-xl u-alignMiddle u-padding-r-right" aria-hidden="true"></span>
        <a href="#subnav" class="js-scrollTo u-text-r-s u-textClean u-color-grey-50 u-alignMiddle">
      Esplora contenuti correlati
    </a>
    </p>

    <div class="u-layout-wide u-layoutCenter u-layout-withGutter u-padding-r-bottom u-padding-r-top">
        <nav aria-label="sei qui:" role="navigation">
            <ul class="Breadcrumb">
                <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="/">Home</a></li>
                <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="/">pagina interna</a></li>
                <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="/">pagina interna</a></li>
                <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="#main">pagina corrente</a></li>
            </ul>
        </nav>

    </div>

    <div class="u-layout-wide u-layoutCenter u-layout-withGutter u-padding-r-top u-padding-bottom-xxl">

        <h1 class="u-text-h2">
            Nome del servizio
        </h1>

        <div class="Grid Grid--withGutter">
            <div class="Grid-cell u-md-size8of12 u-lg-size8of12">
                <article class="Prose u-layout-prose">
                    <p>
                        Una breve descrizione del servizio. Rerum nemo ipsa voluptate. Sed ut et repellendus et et et ut similique. Et dolorem corrupti dolore quis qui voluptatem.
                    </p>
                    <p>
                        Questo servizio serve per:
                    </p>
                    <ul>
                        <li>fare qualcosa</li>
                        <li>verificare lo stato della propria pratica</li>
                    </ul>
                    <h2 class="u-text-h3">A chi è rivolto</h2>
                    <p>
                        Facilis et amet rerum omnis facere. Ex illum nobis corrupti consectetur blanditiis voluptate. Quos nam illo dignissimos dolor ipsam quisquam.
                    </p>
                    <h2 class="u-text-h3">Come funziona</h2>
                    <p>
                        Labore quia occaecati nesciunt quis quis et. Aspernatur nisi qui aliquam provident fugit ut cumque. Recusandae eos ab ex similique aut. Et saepe voluptatem non architecto earum ex possimus magnam.
                    </p>
                    <h2 class="u-text-h3">Prima di iniziare</h2>
                    <p>
                        Accertati di aver già...
                        <ul>
                            <li>azione 1</li>
                            <li>azione 2</li>
                            <li>azione 3</li>
                        </ul>
                    </p>
                    <p>
                        <button type="button" class="Button Button--default u-text-r-xs">Accedi al servizio</button>
                    </p>
                </article>
            </div>

            <aside class="Grid-cell u-md-size4of12 u-lg-size4of12">
                <div class="u-cf u-padding-bottom-xxl u-hidden u-md-block u-lg-block">
                    <button type="button" class="Button Button--default u-text-r-xs">Accedi al servizio</button>
                </div>
                <h3 class="u-text-h4">Altri servizi</h3>
                <div class="u-sizeFull" id="subnav">
                    <ul class="Linklist Linklist--padded u-layout-prose u-text-r-xs">
                        <li>
                            <a class="Linklist-link Linklist-link--lev1" href="">Esse sequi adipisci quis laborum vel vel totam laborum rerum.</a>
                        </li>
                        <li><a class="Linklist-link Linklist-link--lev2 is-expanded" href="">Sit et cum iure illum ducimus dignissimos fuga iste.</a>
                            <ul>
                                <li><a href="" class="Linklist-link Linklist-link--lev3">Accusamus incidunt veritatis corporis unde facere et.</a></li>
                                <li><a href="">Veniam cum neque sed ipsum natus ea velit doloremque.</a></li>
                                <li><a href="">Dolorum facere corporis.</a></li>
                                <li><a href="">Deserunt voluptas id reprehenderit sit quis provident adipisci molestiae.</a></li>
                            </ul>
                        </li>
                        <li><a href="">Facilis dolores sunt alias quis et eos aut et.</a></li>
                        <li><a href="">Perferendis numquam occaecati voluptates dolor neque quos similique vel natus.</a></li>
                        <li><a href="" class="Linklist-link is-collapsed">Dolorem est ullam impedit nisi voluptatem.</a></li>
                        <li><a href="">Temporibus velit ipsa reprehenderit sunt est est sapiente.</a></li>
                    </ul>

                </div>
                <a href="#" title="torna all'inizio del contenuto" class="u-hiddenVisually">torna all'inizio del contenuto</a>
            </aside>
        </div>

    </div>
</section>

There are no notes for this item.