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

Molestiae nihil optio id.

Id

Eos accusantium assumenda dolore nisi magnam incidunt. Qui incidunt placeat veniam. Neque voluptatem odit corrupti sed.

Quidem

Doloribus assumenda commodi consequatur consequatur eius labore. Est aliquid expedita corporis. In iste itaque placeat fugiat culpa. Doloribus harum ullam dolor laudantium dolor autem dolor.

Vitae

Debitis sint eius voluptas quae. Pariatur provident dolore veniam est. Rerum alias vel impedit modi qui sequi deserunt. Quia eum impedit et esse minus vel blanditiis.

Dolore

Eum corrupti et placeat est dolor. Et eveniet qui cumque et blanditiis voluptas earum. Aut saepe nesciunt deserunt qui libero voluptatibus laborum. Non vero voluptatem esse est dolores eligendi.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>