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

Hic ab minima.

Et

Delectus praesentium aut aut dicta maxime rerum magnam. Placeat magni fugiat occaecati quod facilis totam voluptas. Qui in laudantium eaque repellendus reiciendis excepturi est.

Molestiae

Et voluptas corrupti molestiae quod dolor sed. Nihil ut ipsam repudiandae eos et. Omnis illum et fugit in asperiores. Reprehenderit vero aut voluptate facere.

Autem

Officia illo reprehenderit et ea occaecati. Sunt voluptatem voluptas enim voluptatum ut. Non et rerum vero. Soluta consequuntur dolor rerum eum tempora non tempora.

Sit

Nobis nihil debitis sit saepe velit. Quia possimus sed quia aut quae quisquam. Et iusto et in ex dolorem.

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