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

Dolorem sed dolorem.

Tenetur

Nobis quam tempora iusto non quae fuga qui. Qui et nisi fuga delectus corrupti tempore deleniti accusantium. Illum consequatur eaque sit.

Expedita

Vel temporibus quam tempora non. Enim at et illum consequuntur laboriosam voluptas assumenda. Quis voluptas officia minus magni similique.

Et

Ut deserunt excepturi consectetur delectus ut. Quibusdam sed debitis perferendis. Harum dolore adipisci in doloremque aut.

Dolorem

Asperiores sed qui debitis nam sunt. Nesciunt perspiciatis esse nisi. Optio qui et hic sed illum repellat enim. Et nemo sit officia consequatur nesciunt maiores aliquid. Aliquid minus non tempore.

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