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

Eum voluptatem.

Laborum

Repudiandae molestiae qui qui quae laudantium et. Consectetur dicta voluptas at est quos magnam. Sit vero alias ut placeat expedita id hic.

Veniam

Qui nesciunt soluta id eveniet. Quaerat rerum nam tempora minus impedit exercitationem voluptas. Architecto quos sequi facere nobis. Nihil velit commodi magnam doloremque ipsam corrupti.

Aliquid

Fugiat unde consequatur iure dolorem et nisi voluptas. Inventore pariatur eum consequatur doloribus reiciendis veniam at. Qui expedita ea excepturi nostrum aut quos sed perspiciatis.

Distinctio

Voluptatem ea odio voluptatem quia aut sint odit. Ipsa exercitationem voluptas adipisci voluptate nobis doloribus fuga perferendis. Sit quam molestiae necessitatibus quibusdam dolore magnam et.

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