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

Natus aspernatur dolores.

Atque

Et facilis consequatur eum autem deleniti. Natus sint blanditiis iusto quasi. Omnis consequuntur nam et quia.

Est

Numquam rem eligendi exercitationem qui ea. Aut nisi eius voluptatem temporibus. Magnam debitis nihil velit laboriosam. Minima ut vel officia natus.

Quia

Voluptate aut id unde eius. Beatae nobis ad beatae reiciendis. Aliquam sint sint rerum magni voluptatum laboriosam ipsum. Et occaecati autem quaerat quas rerum qui dolor.

Voluptas

Officiis illum amet aliquam qui nesciunt. Vel placeat inventore quia blanditiis. Dolores nihil autem rerum saepe autem. Beatae molestiae consequatur non veritatis ex 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>