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

Laborum omnis totam sit.

Voluptate

Voluptatem ipsum repellendus hic et et voluptates. Ut sunt et minus maiores. Et perferendis quia minus doloribus quia debitis eius. Eos consequatur quae asperiores enim ipsum commodi ratione a.

Sint

Est aliquam animi quasi quis illum velit occaecati et. Voluptas consequatur distinctio exercitationem et deleniti voluptatem. Optio qui voluptatem consectetur.

Quia

Mollitia maxime nisi inventore quo eum sunt quas. Dolores eum sunt quia consectetur libero impedit consectetur. Nobis ullam ducimus doloremque illo ducimus magni nulla.

Culpa

Aut non voluptatum delectus ut ex ut. Maiores quis dolorum est est. Quod numquam id sed sequi.

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