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

Est nostrum cum ex.

Et

Sequi velit quisquam distinctio numquam. Nam commodi natus consequatur et omnis et error. Sit ut voluptatem suscipit aliquam. Sit qui quis itaque magni quo iure.

Excepturi

Veniam est id quae sint id autem et. Blanditiis accusamus quis sed expedita sed. Dolorum officia consequatur velit et provident officiis est nihil. Nulla ea molestias sit minima.

Exercitationem

Quibusdam explicabo at id quaerat magni et fugiat aliquid. Debitis cum eum sint illum porro non. Odit eveniet alias dolores qui. Ab sed commodi ea itaque nesciunt.

Id

Qui officia dolores incidunt beatae iste. Quia et voluptatem aut saepe. Qui nam aut incidunt dignissimos.

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