Set

A Set is a way to highlight some aspects of a digital product.

Best Practices

Allows the presentation of two smaller aspects about a larger feature. Change the icons to match the aspects.

Usage

Big Text.

This guide’s focus is to offer clear guidance on how to build reliable, predicatable, and reusable components for use in Louisiana’s digital products.

This is smaller text which explains this block.

<div class="feature-set">
  <div class="content-container">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12">
          <h2 class="feature-big-text">Big Text.</h2>
          <p class="feature-lead-text">This guide’s focus is to offer clear guidance on how to build reliable, predicatable, and reusable components for use in Louisiana’s digital products. </p>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-10 col-md-6">
          <hr class="minor">
          <p class="feature-lead-icon">
            <span class="icon fas fa-info-circle" aria-hidden="true"></span>
          </p>
          <p class="feature-small-text">This is smaller text which explains this block.</p>
          <a href="#" class="btn btn-primary">
            Read More<span class="icon fas fa-arrow-right ms-1" aria-hidden="true"></span>
          </a>
        </div>
        <div class="col-10 col-md-6">
          <hr class="minor">
          <p class="feature-lead-icon">
            <span class="icon fas fa-info-circle" aria-hidden="true"></span>
          </p>
          <p class="feature-small-text">This is smaller text which explains this block.</p>
          <a href="#" class="btn btn-primary">
            Read More<span class="icon fas fa-arrow-right ms-1" aria-hidden="true"></span>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

Set

On this page:

Best Practices

Usage

Big Text.