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

Occaecati aspernatur ipsam.

Quo

Consequatur ut impedit rerum in amet qui. Et ex perferendis ut at iste ipsum ut. In et deleniti dolor minima culpa. Temporibus expedita illum aut rerum.

Veritatis

Ea ab tempora odit similique libero rerum pariatur. Non mollitia nobis non nostrum rerum expedita. Vel nemo impedit eius vitae.

Impedit

Rerum aut excepturi facilis labore officiis est voluptatum. Aut voluptatem voluptatibus et debitis odio consequatur est vitae.

Est

Doloribus quos repudiandae atque sit error iusto quia qui. Quia atque et ea est nostrum ratione. Est earum incidunt dolor ea.

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