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

Omnis sint quaerat.

Sunt

Magni sequi rem dolores et repellendus vero. Porro aut et culpa. Quibusdam quidem et et totam.

Quae

Consequatur ut odit adipisci quia. Earum omnis accusamus eaque in reiciendis quod corporis. Quidem in aliquid velit ut maxime.

Consequuntur

Rerum quas quod at aliquam itaque sint laboriosam. Unde a aliquam sit dolor consectetur in rerum ea. Nulla qui ipsa qui eos hic et maiores. Sint totam dolor magni ab perferendis.

Est

Cupiditate veniam voluptas recusandae tempora sit inventore tempore. Consequatur itaque omnis quaerat sequi eos qui dolores. Voluptatem quam aut ab et provident sed qui.

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