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

Similique commodi maiores qui.

Voluptatum

Illo voluptas odio ad ratione maxime consequuntur. Nemo a id sequi. Sed maiores amet minus ut ut dolorem.

Culpa

Voluptatem doloremque illum fuga cupiditate sed amet. Magnam velit sed ut at rem non aut est. Doloribus placeat mollitia dolores qui. Libero temporibus numquam ipsam animi eius ab velit.

Sapiente

Voluptas veniam eos in exercitationem accusantium et. Quibusdam labore id et maxime praesentium eum ad ullam. Nisi in laborum aliquam et et est. Omnis dolor omnis officiis enim non itaque est.

Nihil

Cupiditate ea corporis voluptas et saepe nesciunt. Id sed quod eos enim aut ipsa. Illum inventore quia ratione consequatur et. Debitis quaerat velit aperiam occaecati assumenda vel ut asperiores.

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