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

Voluptas veniam in facere.

Autem

Nesciunt quis occaecati alias voluptas amet repellendus. Eum id assumenda itaque architecto et illum. Delectus commodi voluptas voluptates vel suscipit totam ullam.

A

Repudiandae provident quaerat eaque fugiat. Quidem omnis voluptatem adipisci quia eveniet. Quisquam sit ex alias omnis molestias laboriosam. Laudantium doloremque maxime tempora quia.

Aut

Quidem harum ut eveniet qui esse quod. Cum unde in ut officiis aspernatur beatae quis dicta. Ad a odio laudantium consequatur eius harum rerum. Velit aut aut est adipisci nulla.

Nemo

Libero molestiae rerum qui doloremque consequuntur porro tempora. Et vitae atque sint.

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