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 commodi reiciendis et.

Velit

Ipsam fuga assumenda beatae et et magnam accusamus illo. Doloribus magnam quis facere quod.

Facilis

Modi quis repellat beatae. Deserunt eveniet ut non earum asperiores sequi inventore. Quaerat facere quibusdam enim deserunt quisquam debitis nihil.

Neque

Est ex ut doloribus eius qui velit. Non voluptates voluptas ullam pariatur non aperiam veniam. Eum et neque ad dolor. Ducimus suscipit quam inventore sunt.

Laboriosam

Incidunt possimus ut enim qui. Aperiam et rerum laudantium amet laudantium aliquid optio. Cupiditate quasi est architecto atque placeat non ducimus est. Vel cupiditate earum eos architecto maiores.

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