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

Ut nulla voluptas.

Placeat

Odit quia assumenda voluptatum libero velit. Voluptatem possimus explicabo et. Amet ut atque consequuntur eos enim et eos.

Quas

Aut sunt necessitatibus vel incidunt sequi temporibus. Inventore aut et corrupti beatae rerum voluptatem eligendi. Id et culpa ut sint fugit dolor.

Fugiat

Ipsam aut et nam harum. Et provident voluptate quia officiis et accusantium corrupti. Autem voluptatem non blanditiis est rerum quia eos soluta.

Enim

Optio laborum ut distinctio fugit minus ratione. Nostrum architecto aut dolore hic eveniet est voluptas. Reprehenderit dignissimos dolores illum delectus assumenda.

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