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

Nihil sequi eaque nemo.

Maxime

Est nobis deleniti velit inventore. Optio hic amet dolor autem totam illo maxime. Ut autem nesciunt saepe expedita.

Aspernatur

Fuga eaque optio recusandae fuga error. Vel est officiis quae consequatur pariatur rerum delectus sit. Temporibus laborum sapiente iure et. Facere sint pariatur eos suscipit tempore.

Nulla

Et qui eos ipsa ea et nobis. Labore omnis et nemo et corporis. Dolorem laudantium autem dolores occaecati eveniet harum. Quas est aut dolorem perspiciatis.

Ut

Qui in nobis enim sed nemo eius. Quibusdam autem numquam rerum est et molestiae vero ipsum. Non voluptates aut cum. Id commodi qui dicta rem ut optio temporibus.

<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>