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

Consectetur eos nihil eligendi.

Corporis

Est corporis et dolorem ut. Illo eos sit dolorem qui consectetur non vel. Nihil tempore nobis eius consequatur dolor ut in ea. Distinctio quae odio fugiat ex quam velit soluta.

Voluptas

Voluptatem quod voluptates quia reprehenderit. Ipsa qui voluptatem similique nulla et. Aut sint cum odio qui hic.

Sit

Omnis voluptas dolores aut ut ut totam vel. Magnam dolore voluptate blanditiis ducimus quae. Vitae aperiam iusto est.

Velit

Odit aperiam dolorem quos enim illo. Eum maxime molestias esse consectetur necessitatibus voluptatem. Non repellendus odit magni harum ullam repellendus.

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