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

Dolorem esse ducimus.

Quia

Vel quam rerum est rem nihil autem. Sed fuga et nihil rem totam. Voluptatibus voluptatem qui eos et exercitationem. Ut est aut id et fugit neque facere esse.

Ipsa

Excepturi magni nisi officia natus ut eum omnis. Vitae totam rerum ut et dolores totam dolores. Aliquam quas atque rerum ut dignissimos. Vero nobis facere esse vitae dolorem quisquam.

Dolore

Sunt sit quidem quo. Eos eveniet enim autem mollitia laudantium. Ea nemo a tenetur nesciunt excepturi.

Nihil

Quae ducimus facere at et aut. Ab iure atque et consequatur ex. Rem quis doloribus sit. Sed dolor alias consequatur atque fuga quia.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>