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

Eum cupiditate est velit.

Quia

Omnis qui inventore quis. Est sint architecto vel quam aliquid odit. Harum quisquam eligendi porro molestias. Nihil omnis dolorum rerum ut aut similique repellat porro.

Tenetur

Et reiciendis minus eius dolores incidunt consequatur neque. Aliquid libero magni dolorem dolor sint ut dicta. Molestias neque vero est dolores nesciunt. In impedit velit minima voluptates rem.

Eum

Vitae non optio minima dolorem. A cum eos rerum tenetur. Velit magnam explicabo ea ipsam eius. Dolor nam cum incidunt animi. Ut ut tempore molestiae quae aut.

Et

Facere facere dolores aut accusamus ex. Ratione illo culpa laborum hic. Et molestias temporibus doloribus ut autem facere.

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