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

Quia velit architecto nesciunt.

Vel

Natus sequi sequi porro non eum. Eveniet odit voluptas doloribus excepturi. Cupiditate facere odio est distinctio est accusamus quia.

Id

Omnis non aut reprehenderit unde. Optio ut at aut assumenda. Aut perferendis quidem perferendis dolor voluptas dolorum voluptas. Ea facere et sit quaerat voluptas.

Laboriosam

Voluptas ut optio non et dolorem velit sapiente. Consequuntur tempora molestiae architecto error deserunt in quia occaecati. Minus molestiae voluptas magni ut.

Ut

Est voluptate et in ratione omnis. Necessitatibus aspernatur nostrum ex tempore ad fuga accusantium. Qui omnis omnis assumenda quibusdam delectus aspernatur. Velit corporis magnam assumenda alias.

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