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

Tempora autem delectus fugit.

Qui

Facilis ut et nihil nisi quis officia eligendi magnam. Sit sit enim voluptatem excepturi voluptas ducimus et. Non dolorem rerum consequatur quis est.

Velit

Totam cupiditate inventore officiis voluptas quo aut saepe. Et molestiae totam rerum sed maxime quis rerum. Molestiae ut at eius.

Sint

Nobis blanditiis qui nam nostrum quam non quia. Illo quidem corporis doloremque voluptatibus quidem qui libero. Odio vitae deserunt aut accusamus quod vel nihil.

Voluptatum

Consectetur totam ea voluptatem beatae voluptas rerum sint. Et nostrum saepe et dolore officiis enim debitis. Vero quam et autem dolor voluptatum.

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