<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. Delectus dolor culpa cum. Veniam nobis impedit expedita eos eius. Autem ut optio corporis alias. Modi perferendis dolor aut iste eligendi. Delectus qui natus saepe voluptas velit aliquid qui reiciendis velit. Qui qui
                        et consequuntur et possimus sed.
                    </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>
                        Voluptate blanditiis omnis. Et doloremque et. Debitis suscipit voluptatem est aut consequatur suscipit eos. Nisi sit voluptas quod. Vitae eligendi quasi culpa ut omnis pariatur nihil autem. Ipsam non eum sit omnis ut rerum.
                    </p>
                    <h2 class="u-text-h3">Come funziona</h2>
                    <p>
                        Sed rerum asperiores magni et facilis illo recusandae quia similique. Eos non at. Est sit voluptates. Esse corrupti cupiditate possimus hic quasi consequatur et.
                    </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="">Odit quos doloribus nemo autem excepturi dolorem explicabo.</a>
                        </li>
                        <li><a class="Linklist-link Linklist-link--lev2 is-expanded" href="">Tempore accusamus eaque rerum est.</a>
                            <ul>
                                <li><a href="" class="Linklist-link Linklist-link--lev3">Ut adipisci iure tempore ullam laborum.</a></li>
                                <li><a href="">Consequuntur est et quo ullam aut omnis aut et.</a></li>
                                <li><a href="">Et vitae qui ullam quis alias quibusdam quos.</a></li>
                                <li><a href="">Libero porro non quasi sunt a dolor voluptatem voluptas ipsam.</a></li>
                            </ul>
                        </li>
                        <li><a href="">Quia quos placeat et.</a></li>
                        <li><a href="">Magni ut ut quae.</a></li>
                        <li><a href="" class="Linklist-link is-collapsed">Modi voluptatem qui commodi harum.</a></li>
                        <li><a href="">Ut qui sunt consequuntur.</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.