Bootstrap cubes for inspiration and to build faster.

100% Bootstrap 4 cubes (bricks, blocks, modules) - for free.
"I like to use these cubes to easily build landing pages." - Ruben

No additional CSS needed, easily matches your theme.
Flavored with free FontAwesome icons.
MIT License, free to use for commercial projects.

Scroll to cubes:

Headers 2

Benefits 6

Process 2

Pricing 3

Other 8

Ea voluptatem autem.

Rerum

Eum aut ducimus ea est ex. Fuga vero quam blanditiis pariatur occaecati. Delectus eligendi ad occaecati suscipit repellendus vitae.

Libero

Animi et blanditiis repellat iste eveniet eos distinctio. Sequi voluptatem ut est aut id. Laborum repellat ut et eius sequi quibusdam exercitationem rerum.

Totam

Rem nemo odit ut consequatur neque. Sint magni sit veniam tenetur. Sed tempora dolorem amet earum. Voluptatibus itaque doloremque nostrum officiis.

Et

Soluta in non aut quibusdam repudiandae voluptates. Autem quisquam nulla velit nostrum quidem. Expedita ullam dicta optio molestias. Id aut ratione et quia.

<section class="text-center"> <h2 class="text-primary">{HEADER}</h2> <div class="card-group"> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> </div> </section>