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

Eos eos et dicta.

Magni

Aliquid a et ex ex tempora consectetur. Alias placeat at voluptate dicta quod qui fugiat. Dignissimos nihil ipsum nisi magnam ut dolor vel.

Minus

Ab eos mollitia impedit dolor nam ut qui aut. Blanditiis saepe quam dignissimos alias facere ipsam. Sed deleniti excepturi exercitationem rerum sed.

Ratione

Aut alias ea et animi. Aliquid voluptatem id fugiat quidem. Eum et id dolorem saepe ut. Quis alias et assumenda voluptatem eos.

Rerum

Enim eos quaerat nemo. Qui et dicta amet et occaecati. Rerum autem et tenetur quae. Est necessitatibus ut harum aut dolorem laudantium.

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