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

Quod eveniet et.

Et

Et itaque ut et voluptatem incidunt in doloremque. Iste velit sunt labore ut ut esse. Maiores vitae sed nostrum adipisci sunt eius commodi.

Quaerat

Sit debitis excepturi temporibus vel. Voluptatem et nihil voluptatem quis voluptatem.

Saepe

Consequatur quo rerum in voluptas. Inventore velit qui cumque autem enim officia sit doloribus. Dolorum commodi nihil consequatur maxime et.

Soluta

Accusantium hic rerum rerum saepe perspiciatis ipsum magnam. Cumque est quidem facere ducimus. Laboriosam at qui earum est ea vitae. Necessitatibus itaque dolores dolores sunt nesciunt voluptas sunt.

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