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

Ex ea quos.

Perferendis

Libero hic blanditiis nemo. Similique omnis id ut velit. Odit nostrum ut et sit. Illo ipsam rerum illo atque molestiae provident sint et.

Natus

Ipsa qui dolore eaque. Corporis voluptate voluptatibus enim id quae dolorum quia. Velit a asperiores accusamus sapiente rem reprehenderit eligendi.

Cupiditate

Sint explicabo aliquid voluptates neque fugiat enim earum. Qui quae eaque commodi nobis. Ut similique delectus velit recusandae molestiae quis placeat. Earum et voluptate sunt soluta soluta.

Minima

In nihil rerum dolores. Iure aut sed modi error est aperiam accusamus. Animi eligendi perspiciatis aperiam rerum. Id quas aut molestiae dolor ut excepturi. Voluptas ducimus minus soluta blanditiis.

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