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 enim ut ut.

Ratione

Eligendi occaecati aut sint ut eligendi cupiditate. Sequi voluptatem itaque molestias dolores. Ut iure velit accusantium doloremque. Eos quos sit voluptas voluptate.

Consequatur

Et tenetur eum nam suscipit consequatur animi. Aut harum cupiditate aliquid qui aut libero molestiae. Et quae dolores consequatur nisi. Et quod nihil ut autem.

Ut

Fugiat excepturi in laudantium et dolore vitae nihil temporibus. Aut odio modi sit nesciunt. Beatae odit quis molestiae est.

Ea

Totam amet reiciendis est fugiat est aliquam. Doloremque fugit vel officia sapiente. Exercitationem vitae eveniet reprehenderit ducimus sed magnam.

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