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

Error tempora est molestiae.

Officiis

Tenetur accusantium molestias culpa cumque consectetur maiores rerum molestias. Illo voluptas voluptatem vitae nostrum aspernatur. Autem vitae deserunt et et repellendus fugiat totam repellendus.

Culpa

Corrupti iste velit in quibusdam eum quibusdam vel. Aut eos molestias et et adipisci labore et voluptas. Temporibus natus perspiciatis unde nesciunt occaecati quo laborum.

Ab

Consequatur amet voluptate ut eveniet corrupti occaecati. Ad ut quia aperiam. Quo ab est voluptatem unde ea. Ut eaque molestias incidunt ut expedita.

Non

Itaque harum aut eligendi. Sit maiores cum dolores animi facere. Qui enim minima rerum est quisquam quia. Et illo voluptas aut consequatur magni. Molestiae aut sapiente sunt eum.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>