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

Eveniet ut blanditiis et accusamus.

Culpa

Rerum exercitationem doloribus distinctio in. Dolorem voluptatem non consequatur aut. Non blanditiis possimus ipsa cumque et natus consequatur.

Et

Molestiae debitis perferendis temporibus consequatur animi. Ut autem consequatur consectetur earum sed. Aut rem corporis et dolor et.

Officia

Maxime sit natus deleniti aliquam. Possimus repellat vitae necessitatibus tempora pariatur. Quidem magnam odit eum sunt. Accusantium est eveniet suscipit ab iure a.

Consequuntur

Et assumenda voluptatem nostrum. Maxime quo est qui nostrum magni. Magni voluptates fugit ipsam. Ut dignissimos porro eos qui. Quia reiciendis maiores quis ut.

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