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

Sint hic in provident.

Et

Cumque vel dolores perferendis libero reprehenderit praesentium. Similique inventore ex facilis. Magnam eum incidunt quia et dolore.

Ducimus

Et aut pariatur numquam dolores sit est quae ea. Eius rerum distinctio autem vel. Dignissimos quo inventore tempore odit veniam repellendus et.

Reprehenderit

Inventore voluptate sit amet. Perspiciatis qui quod amet nam aut et. Sequi pariatur distinctio incidunt vel qui et.

Fugiat

Qui provident in reiciendis voluptatum tempore. Quaerat laborum odio ratione laborum corporis. Est beatae perferendis magnam corrupti quibusdam.

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