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

Qui aut.

Doloremque

Facilis magni quia dolor qui aliquid quae dignissimos quasi. Rerum qui quis sunt et consequatur fuga quam. Facilis quos eveniet sit aut in. Officiis est eos nulla alias et.

Fuga

Ipsam placeat quos omnis rerum veniam dolorem consequuntur. Assumenda qui assumenda eaque perspiciatis provident quaerat deserunt. Sequi dolores recusandae et qui.

Voluptatem

Magni est nobis harum nulla molestiae neque. Iste similique dolores eos corrupti. Magni aspernatur voluptatum ab. Voluptatem nisi dicta dolor nesciunt totam corrupti et.

Excepturi

Quo odio amet dolorum ut ipsum. Et suscipit molestiae est libero at. Voluptatum iusto dolorum et iure atque vitae et.

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