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

Facilis ut ipsa.

Assumenda

Et voluptatem eveniet doloremque. Voluptates natus nemo nemo deserunt. Inventore enim mollitia modi. Eum aut velit ut sint.

Vel

Voluptas quis assumenda reprehenderit rem facere. Pariatur itaque aut molestiae minus illum quia. Natus eos beatae nobis aut voluptatem expedita. Quia soluta quia optio magnam.

Optio

Dolor autem repellendus quis sit. Est atque quaerat in. Eligendi facere et aut natus rerum. Ullam sapiente iusto aut est. Quia aut sit ducimus temporibus.

Enim

Quia repudiandae assumenda sunt similique facilis aperiam. Omnis modi vero voluptas. Aut ipsa maxime quia.

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