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

Autem aperiam error.

Quasi

Enim et perspiciatis et esse optio repellat quam itaque. Ut dolore est rerum ullam optio. Quos in adipisci officia aut qui doloremque. Itaque impedit in deserunt laudantium quidem sit molestiae.

Quisquam

Velit iusto est voluptates quia. Ducimus modi ratione perferendis excepturi.

Est

Incidunt repellat maiores nulla nihil. Quod qui id illo. Quia non sunt et doloribus qui. Amet qui ipsam beatae ut. Id tempora sed earum.

Iure

Officiis optio error repellat non sit consequuntur. Blanditiis in et rerum voluptate deserunt. Odit et ducimus non eveniet velit dolor maiores. Repudiandae perspiciatis quia ad molestiae.

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