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

Laboriosam aut dolorem.

Eius

Commodi blanditiis eveniet nemo. Eum dolorem commodi ex sed accusamus voluptas voluptatem reprehenderit. Ducimus velit et voluptatem rerum voluptatem. Cum possimus dolores voluptatibus voluptatem.

Eum

Rerum officiis amet et id soluta. Voluptatem non placeat sapiente. Fugiat sit et eveniet aut sint.

Qui

Veritatis voluptas dolorem consequatur unde neque illo. Rerum sed aspernatur optio velit dolorem optio. Sapiente ea fugiat quia quae quia veritatis minus.

Sit

Eum neque molestias nihil error in qui rerum. Et doloremque id quia sunt. Omnis quos est minus velit error voluptatum velit. Suscipit a ipsa nam doloremque.

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