IGVajra
Cerrar sesión

Componentes / Divider Tags

Divider Tags

estable

Bloque centrado con título destacado y una nube de tags navegables.

Controls

HTML

<article class="divider-tags" itemscope itemtype="https://schema.org/Article">
  <div class="divider-tags__container">
    <h2 class="divider-tags__title" itemprop="headline">
      Curabitur hendrerit mollis quam, quis <span class="divider-tags__title--highlighted">pharetra nisi tempus sodales</span>
    </h2>
    <ul class="divider-tags__tags-list">
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Artificial Intelligence">
          Artificial Intelligence
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Innovation">
          Innovation
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Learning">
          Learning
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Smart">
          Smart
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Artificial Intelligence">
          Artificial Intelligence
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Innovation">
          Innovation
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Learning">
          Learning
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Smart">
          Smart
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Artificial Intelligence">
          Artificial Intelligence
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Learning">
          Learning
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Smart">
          Smart
        </a>
      </li>
      <li>
        <a href="/" class="tag-link tag-link--primary" aria-label="Smart">
          Smart
        </a>
      </li>
    </ul>
  </div>
</article>