Componentes / Divider Cierre

Divider Cierre

estable

Bloque de cierre de página con título, descripción y CTAs. Admite imagen lateral opcional.

Sed congue augue velit, non sodales turpis consequat vitae.

Controls

HTML

<section class="divider-generic type-closing" itemscope itemtype="https://schema.org/WebPageElement">
  <div class="container">
    <div class="divider-generic__container">
      <h2 class="divider-generic__title" itemprop="headline">Sed congue augue velit, non sodales turpis consequat vitae.</h2>
      <aside class="divider-generic__aside">
        <p class="divider-generic__description">Curabitur pulvinar molestie laoreet. Curabitur sed vulputate velit. Phasellus rutrum aliquet purus, quis consequat risus tristique et.</p>
      </aside>
      <ul class="divider-generic__cta-list">
        <li>
          <a href="/" class="button-link button-link--primary" tabindex="0" style="--icon-url: url(/icons/ico-arrow.svg);">
            Acción Principal
            <span class="button-link__icon" aria-hidden="true"></span>
          </a>
        </li>
        <li>
          <a href="/" class="button-link button-link--tertiary" tabindex="0" style="--icon-url: url(/icons/ico-arrow.svg);">
            Acción Secundaria
            <span class="button-link__icon" aria-hidden="true"></span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</section>