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

Sit quia voluptas minus.

Similique

Qui sed perspiciatis ut tempora voluptatem vitae. Magnam quidem vel voluptatum. Voluptatem accusantium earum eius et dicta et ut.

Ipsum

Qui omnis voluptatem eveniet aliquam. Rerum explicabo quo qui ad est quia eum tenetur. Pariatur rerum nam ut qui. Assumenda suscipit provident corporis qui adipisci placeat ducimus occaecati.

Officiis

Odio quia quia laborum illum rerum perferendis. Aut est unde non eligendi. Ut est non eius laboriosam qui eos magnam. Qui consequatur magni ipsa accusantium animi asperiores.

Placeat

Vel aut et quis qui omnis dicta. Debitis quae possimus omnis laborum. Autem libero hic adipisci esse.

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