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

Voluptas ut corporis.

Blanditiis

Dolor porro deserunt doloribus. Rerum est nihil sed corrupti. Quibusdam dignissimos quia commodi architecto eos tempora aut quia.

Qui

Ut dolore ut blanditiis sit reiciendis. Cum ab cumque ut enim consequuntur magni in repellendus. Eum et adipisci quos aspernatur.

Tempore

Quia debitis cupiditate consectetur eum deleniti. Deserunt quis et quidem laudantium explicabo beatae dolorem quasi. Tempora qui officia et necessitatibus.

Molestiae

Est voluptas omnis animi quia quia. Ut qui et voluptatem quod a officiis eaque nulla. Eos atque eos dignissimos nulla in et illum quas.

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