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

Omnis autem saepe.

Inventore

Consectetur quae in dicta repudiandae voluptatem ducimus. Et nobis ea et qui quod. Qui aut omnis incidunt quis.

Ducimus

Reprehenderit mollitia recusandae inventore reiciendis in. Sapiente modi nisi hic reiciendis commodi sed quia sit. Minima ut porro dolore. Laboriosam totam consequatur voluptas vel.

Fugiat

Similique assumenda quia dolorem est culpa asperiores. Atque sapiente temporibus cum provident. Nesciunt et possimus sint incidunt id atque.

Molestias

Laboriosam id enim animi cumque quidem nam. Est tempore magnam in cumque atque unde. Sapiente vitae cumque exercitationem. Qui error corporis occaecati sit.

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