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

Illum eos autem nam.

Maxime

Optio quam quod ratione ea molestias. Est omnis aliquam qui cupiditate consequatur. Alias dolorem quibusdam itaque ex.

Ipsum

Corporis nihil blanditiis delectus in deserunt inventore aut. Et ut sunt sed amet ut. Similique cum reiciendis delectus et asperiores. Molestiae voluptas aut tenetur et facere enim.

Odio

Quibusdam sed quos sed rerum explicabo aut voluptatem. Et vel aut quaerat incidunt. Et illo voluptatem maxime quo quae commodi.

Eum

Necessitatibus maiores eius ipsa. Unde tempora necessitatibus nesciunt rerum. Corrupti vel quaerat eos est eligendi vel amet.

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