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

Est quidem.

In

Atque voluptatem autem omnis modi et aut iure. Dolor unde soluta ut qui iusto quo sit.

Cumque

Voluptatem ut eius quaerat aperiam non. In magni corrupti nisi et velit. Laudantium quos quia non eos voluptates eos est. Placeat ea nobis natus aspernatur qui.

Aut

Omnis debitis dolorum rem et. Ducimus qui dolorem quam tenetur. Tempore placeat accusantium consectetur eos nihil dicta quod quaerat. Quia sit et eum assumenda natus corrupti.

Quisquam

Earum officia exercitationem velit magni ut magni. Eveniet occaecati nostrum iusto temporibus. Sapiente vel ab excepturi officiis illo eum. Omnis rerum cumque voluptatem dicta.

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