Related Resources: Default

<section class="rtds-space-y-4 md:rtds-space-y-6">
    <div>
        <div class="rtds-section-header">
            <div class="rtds-flex rtds-items-center rtds-gap-4 md:rtds-gap-6 rtds-content-01">
                <div class="rtds-flex rtds-flex-wrap rtds-items-center rtds-gap-2 md:rtds-gap-4">

                    <div class="rtds-vertical-divider rtds-w-4 md:rtds-w-6 lg:rtds-w-8">
                        <img class="rtds-w-full rtds-h-auto" src="/images/vertical-divider.svg" alt="">
                    </div>

                    <h2 class="rtds-heading-3 md:rtds-heading-2">Titolo sezione</h2>

                </div>

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

        <li>
            <a href="#" class="rtds-text-link rtds-border-b rtds-border-gray-03 rtds-w-full rtds-h-full">

                <svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0" aria-hidden="true" focusable="false" role="img">
                    <use href="../../icons.svg#mini--arrow-top-right-on-square" />
                </svg>

                Link esterno target blank Disciplinare mensa e buoni pasto disposizioni in vigore dal 1.5.2024
                <span class="rtds-sr-only">- link esterno -apre in una nuova scheda</span>

            </a>
        </li>

        <li>
            <a href="#" class="rtds-text-link rtds-border-b rtds-border-gray-03 rtds-w-full rtds-h-full">

                <svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0" aria-hidden="true" focusable="false" role="img">
                    <use href="../../icons.svg#outline--document-text" />
                </svg>

                Documento Lorem ipsum
                <span class="rtds-sr-only">- documento</span>

            </a>
        </li>

        <li>
            <a href="#" class="rtds-text-link rtds-border-b rtds-border-gray-03 rtds-w-full rtds-h-full">

                <svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0" aria-hidden="true" focusable="false" role="img">
                    <use href="../../icons.svg#solid--link" />
                </svg>

                Lorem ipsum sit amet

            </a>
        </li>

        <li>
            <a href="#" class="rtds-text-link rtds-border-b rtds-border-gray-03 rtds-w-full rtds-h-full">

                <svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0" aria-hidden="true" focusable="false" role="img">
                    <use href="../../icons.svg#solid--link" />
                </svg>

                Lorem ipsum

            </a>
        </li>

        <li>
            <a href="#" class="rtds-text-link rtds-border-b rtds-border-gray-03 rtds-w-full rtds-h-full">

                <svg class="rtds-icon rtds-fill-current rtds-w-4 rtds-h-4 rtds-flex-shrink-0 rtds-flex-grow-0" aria-hidden="true" focusable="false" role="img">
                    <use href="../../icons.svg#solid--link" />
                </svg>

                Lorem ipsum sit amet

            </a>
        </li>

    </ul>
</section>