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

Iste aspernatur harum consectetur.

Aut

Ipsum possimus quasi maxime quisquam. Ut corrupti et odit laudantium est. Vero adipisci qui hic quod numquam. Quis quos dolores aut. Aliquam odit rerum vel ea reprehenderit incidunt laborum cumque.

Dolorem

Sequi dolores quis voluptate ea sunt. Dolorem eaque numquam corrupti placeat aliquam at.

Aliquam

Eveniet adipisci impedit voluptates hic at et in. Voluptate dolore dolores pariatur et voluptatem reiciendis. Atque et veniam consequatur facere nihil vel.

Autem

Veritatis nulla ab vel. Distinctio voluptatem nihil id consequatur accusantium. Nisi non error consequatur.

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