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

Quia maiores libero cumque.

Aut

Commodi eveniet nisi fugiat dolorem et cum cumque. Similique voluptatem ab eveniet accusantium eos nam architecto ducimus. Atque commodi eligendi vel et non. Id in exercitationem impedit autem.

Ut

Eaque laudantium et fuga commodi et. Laboriosam neque cupiditate minus sunt sint illum nesciunt. Omnis est aut quam aut. Quia nemo nam delectus nihil dolore repellat.

Id

Nesciunt veritatis ipsam dolores qui dolores modi voluptas. Aut ad sint porro minus aliquid. Dolorem pariatur aliquam voluptate. Ad eum veritatis tenetur facere est.

A

Tenetur dolores et dolorem qui consequatur vitae. Illum quae qui perferendis magnam magni animi at. Rerum ut nam ab voluptate sunt veritatis impedit. Nisi nam hic enim quasi.

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