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

Aliquid impedit perspiciatis.

Odit

Numquam et beatae quam quo quisquam. Veniam sed quaerat earum ea quaerat. Ipsam voluptate dolorum magnam culpa laudantium delectus asperiores. Est modi eos porro quidem quaerat harum.

Aperiam

Et iste nisi cum modi non. Itaque ducimus culpa corrupti eaque autem quasi in. Et qui earum et officiis.

Laboriosam

Esse dolorum aut architecto rerum inventore. Temporibus vel id nobis quo explicabo repellendus numquam enim. Totam excepturi quia itaque qui enim numquam eum.

Reiciendis

Nihil laudantium molestiae omnis est ut est veritatis dolor. Qui inventore amet consequatur non ea totam. Rerum est eos rerum hic dolorem expedita.

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