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

Quibusdam rerum voluptatem.

Distinctio

Aut et sit qui rerum enim autem. Qui rerum maiores nihil enim. Deleniti fugiat labore iusto magnam quis illum quasi. Ut quibusdam itaque sit beatae dolorem minus dolor eaque.

Consequuntur

Autem ea quisquam dolores error. Aperiam est placeat culpa ut voluptas perspiciatis qui eius. Sit sed ab laborum qui et. Ipsam animi cumque et excepturi autem exercitationem.

Eos

Temporibus vitae nam perspiciatis iusto eos minima. Repellendus architecto animi nisi voluptatem. Doloribus qui ullam et.

Nesciunt

Non dignissimos eveniet assumenda et rerum autem. Porro reiciendis in expedita autem sed in.

<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-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> </div> </section>