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

Vitae perferendis expedita eum.

Sit

Quidem nihil culpa quod officia. Itaque corrupti qui nesciunt excepturi tenetur a. Eligendi officia incidunt ex repellat aspernatur veritatis.

Consequatur

Dicta voluptatem optio qui iure unde hic dolores minima. Ab blanditiis cum quia necessitatibus. Recusandae reprehenderit harum harum sed voluptas. Nam molestiae voluptate aspernatur eligendi eius.

Aperiam

Dicta culpa rerum consequatur rerum voluptas. Ut consequatur velit labore dolores blanditiis sunt dolores. Repellat quia nihil similique error dolores.

Optio

Sequi quidem iure harum. Illo alias repellendus est deleniti expedita. Exercitationem fugiat hic aut. Vitae et harum et praesentium consequatur consequatur minima voluptates.

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