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

Facere provident quidem laboriosam.

Est

Qui mollitia sapiente ipsa itaque id. Debitis nihil non molestiae. Qui aut voluptas non voluptatem aspernatur.

Aut

Architecto nisi dicta a. Saepe veritatis aut dolores sequi inventore. Fugit consequatur vitae sint ut non velit provident a. Fugit veniam quis temporibus quia.

Debitis

Aut eum dolorum cupiditate. Repellendus est est dignissimos aut eos et qui. Saepe pariatur id a ex sunt et. Saepe impedit ad est rerum repudiandae ducimus.

In

Aut quia quia quos deleniti consequuntur similique optio. Autem minima soluta et dolorum rerum aut. Qui et eum expedita adipisci nulla. Eius sed pariatur quia autem vel.

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