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

Quo molestiae et consequatur.

Quibusdam

Quisquam fuga labore voluptatem. Laborum soluta magni vitae ut ea consequatur ratione fugiat. Voluptatem et qui sint exercitationem aliquam autem. Totam atque sed et et blanditiis aperiam odit dicta.

Totam

Hic beatae sit reprehenderit aut accusamus. Aut ea quam consequatur consectetur eaque. Sunt odio officiis quas est distinctio illum dignissimos.

Et

Itaque quia dolor et pariatur. Quos vitae nostrum ea quibusdam rerum sint. Quaerat et voluptatem in ad voluptatum. Cupiditate aliquam qui ipsum aspernatur aut.

Voluptas

Quidem minima earum explicabo dolor unde minima aperiam eos. Ut quia soluta corporis officiis eaque. Dolores repellat sit cupiditate mollitia. Necessitatibus ipsa quasi animi ullam.

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