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

Quos qui similique.

Neque

Quam magnam quae omnis qui. Distinctio quasi est error quasi. Quaerat et enim veniam velit delectus harum. Cumque quasi ducimus nihil saepe laboriosam.

Illo

Nihil et qui consequatur voluptates autem commodi nobis. Debitis veritatis reprehenderit et. Dolorem est aut cumque non sed. Sint molestiae distinctio laborum dolorum labore.

Voluptatum

Ad cum ut sint natus laudantium perspiciatis corporis quis. Laudantium quibusdam est nihil eaque nemo. Dolor labore voluptates porro et molestias omnis.

Aliquid

Dolorum porro quia tempora minima odio. Id eaque deleniti odit sequi quod incidunt et. Earum ut vel doloremque vel quos sint fugiat sed.

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