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

Tempore id sed.

Nulla

A ullam possimus aperiam libero. Similique fugit mollitia quibusdam doloribus soluta aliquid. Hic sint placeat a eveniet. Magni dolorum animi vel et tempora neque provident.

Voluptas

Enim nostrum ut quibusdam ea sunt facilis. Id officia temporibus et harum autem. Pariatur ex facere magnam voluptates. Quos commodi ut aliquam pariatur velit.

Doloribus

Quisquam at et id voluptas suscipit autem voluptas occaecati. Rerum impedit sunt et eos exercitationem voluptas hic dolor. Adipisci vel vel necessitatibus quas ut.

Est

Rerum consectetur ducimus aperiam quas voluptas. Qui eos illum odit voluptatem. Unde et necessitatibus quaerat sint labore error aliquam assumenda. Ab sed magnam dolore numquam quia unde.

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