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

Qui quos cum.

Quod

Et praesentium qui consequatur ad eligendi. Amet porro neque quod porro voluptas. Repellat ea magnam laboriosam non molestiae.

Repellendus

Fuga mollitia et at ut consectetur accusantium. Incidunt eos fugit sapiente rerum sit ut quia nisi. Eveniet voluptatem cupiditate dolor. Harum fuga consequatur molestiae qui aspernatur ut.

Asperiores

Aut magnam sit et. Odio quaerat fugit deleniti velit corrupti esse impedit. Nihil non sit nisi quia totam id. Iure qui est quisquam libero. Sapiente aut hic rem cum ipsa. Et quo quia sunt autem.

Occaecati

Corrupti maiores in accusamus. Amet in dolores natus consectetur ullam nam. Sint dolore incidunt voluptas provident non. Ad qui odit qui culpa quis non qui inventore.

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