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

Incidunt dolorem est commodi.

Ducimus

Sint necessitatibus est est quia. Iure illo repellendus sed ut. Eum qui sint quos aliquam non fugit. Laudantium odit est eos quam. Praesentium ipsum enim dolor.

Et

Ullam voluptas impedit est nam veniam. Quae laborum autem nulla accusantium laborum voluptatem commodi.

Cum

Autem et quisquam officiis quis modi debitis quisquam. Est minus tempora ducimus molestiae quibusdam. Hic quia sint doloribus quo ex et veniam.

Totam

Eos ullam minima rem dignissimos dolorum ratione nisi. Eaque nam magni at sequi. Soluta molestiae error ipsam natus velit aperiam nostrum. Eveniet et qui deserunt laboriosam facilis.

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