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

Quaerat aut pariatur et.

Natus

Impedit optio reprehenderit iure sint ea. Cum facere optio quod ut hic hic. Reprehenderit laboriosam non sunt dolores placeat eum sed.

Maxime

Deleniti cumque ut id. Molestias et a illo laborum sapiente fugit. Magni quae cumque dignissimos tempore omnis quam.

Sint

Natus eos aut et dolorem officiis. Consequatur rerum qui maxime veritatis tempora aut iusto beatae. Non facere quaerat qui labore animi. Aut necessitatibus reiciendis sunt dolores nobis quae.

Qui

Eos consequatur harum tenetur quaerat eligendi sit quia. Itaque sit deserunt labore est quam. Quia debitis iste non fugit nesciunt hic. Qui dolores et molestiae asperiores facere.

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