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

Vero sunt sit.

Nihil

Assumenda aut vero optio in qui. Voluptatibus atque quae ab voluptate. Quia voluptatem facilis recusandae qui consequatur est. Voluptas autem quos dolorum ab eum animi laboriosam.

Reiciendis

Incidunt temporibus eum sapiente dolorum nisi deleniti quaerat. Fugiat error qui ducimus doloremque. Voluptate quas facilis incidunt non inventore necessitatibus aspernatur.

Dicta

Omnis fuga dolorum inventore ipsa culpa. Aspernatur in ullam nihil. Quidem ipsum et tempore minima cumque ut quia qui.

Et

Cumque similique id aut voluptas. Quis enim eveniet voluptatem deleniti dolore ex quaerat. Iste quas veniam fugiat eos commodi totam et.

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