Lists

List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.

Bootstrap documentation

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Morbi leo risus 1

Bulleted list

Remove borders and horizontal paddings with a .cube component.

Unlimited users. One price.

We don't charge per seat, just per service.

Guaranteed 100% uptime

Our server network never goes down.

Lifetime storage *

We store all your data forever. No extra charge.

256-bit encryption

Keep your communication and data safe.


                  <div class="list-group list-group-flush">
  <div class="list-group-item d-flex align-items-center">
    
    <!-- Text -->
    <div class="me-auto">
      
      <!-- Heading -->
      <p class="fw-bold mb-1">
        Unlimited users. One price.
      </p>

      <!-- Text -->
      <p class="fs-sm text-muted mb-0">
        We don't charge per seat, just per service.
      </p>

    </div>
      
    <!-- Check -->
    <div class="badge badge-rounded-circle bg-success-soft ms-4">
      <i class="fe fe-check"></i>
    </div>

  </div>
  <div class="list-group-item d-flex align-items-center">
      
    <!-- Text -->                
    <div class="me-auto">
      
      <!-- Heading -->
      <p class="fw-bold mb-1">
        Guaranteed 100% uptime
      </p>

      <!-- Text -->
      <p class="fs-sm text-muted mb-0">
        Our server network never goes down.
      </p>

    </div>
      
    <!-- Check -->
    <div class="badge badge-rounded-circle bg-success-soft ms-4">
      <i class="fe fe-check"></i>
    </div>

  </div>
  <div class="list-group-item d-flex align-items-center">
      
    <!-- Text -->
    <div class="me-auto">
      
      <!-- Heading -->
      <p class="fw-bold mb-1">
        Lifetime storage *
      </p>

      <!-- Text -->
      <p class="fs-sm text-muted mb-0">
        We store all your data forever. No extra charge.
      </p>

    </div>
      
    <!-- Check -->
    <div class="badge badge-rounded-circle bg-success-soft ms-4">
      <i class="fe fe-check"></i>
    </div>

  </div>
  <div class="list-group-item d-flex align-items-center">
      
    <!-- Text -->
    <div class="me-auto">
      
      <!-- Heading -->
      <p class="fw-bold mb-1">
        256-bit encryption
      </p>

      <!-- Text -->
      <p class="fs-sm text-muted mb-0">
        Keep your communication and data safe.
      </p>

    </div>
      
    <!-- Check -->
    <div class="badge badge-rounded-circle bg-success-soft ms-4">
      <i class="fe fe-check"></i>
    </div>

  </div>
</div>

Bring the whole company up to compliance — and stay there

Policy and Education Manager is part of the ICE Mortgage Technology Compliance Management System that can help you comply with CFPB requirements and:

Enforce policies and education
Manage vendors
Track/resolve customer complaints


                    <div class="card-body">

                      <i class="ikon ikon-compliance ikon-xl mb-4"></i>

                      <h4 class="mb-6">Bring the whole company up to compliance — and stay there</h4>

                      <p>Policy and Education Manager is part of the ICE Mortgage Technology Compliance Management System that can help you comply with CFPB requirements and:</p>

                      <ul class="cube">

                        <li>Enforce policies and education</li>

                        <li>Manage vendors</li>

                        <li>Track/resolve customer complaints</li>

                      </ul>

                    </div>

List group flush

Remove borders and horizontal paddings with a .list-group-flush component.