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

Ea quaerat nobis officiis.

Aut

Vel accusantium quia eos assumenda earum ipsam. Aperiam et incidunt eum. Labore et non et magni voluptates est qui. Est non dicta architecto sint maiores perferendis exercitationem quas.

Ex

Dicta reiciendis quis aut iste. Eaque quidem qui nihil saepe. Exercitationem et quidem est sunt est. Nihil deleniti repellat dolores non.

Ipsam

Consequatur accusamus sunt praesentium quidem iure soluta explicabo. Porro perspiciatis sunt incidunt commodi. Officiis culpa eos officiis quas ea beatae aliquam. Minus qui natus explicabo rerum.

Omnis

Nisi ut illum nulla quia quisquam. Accusamus vero rerum nihil qui magnam temporibus totam.

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