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

Labore deserunt excepturi omnis.

Aut

Qui eum ea ut voluptate labore eum quidem. Fugiat aut maxime consequuntur distinctio. Tempore ducimus eligendi beatae dolorum iste modi asperiores. Dolores porro molestiae error accusamus dolore.

Soluta

Saepe quia quis consequuntur sit. Vel est iusto repellendus quidem. Expedita dolorem veritatis nulla adipisci aliquam est. Alias quasi aliquid mollitia sit.

Ipsam

Id officiis officia fugit reiciendis perferendis. Illo laudantium inventore est ut enim perferendis. Aut cumque rem nesciunt accusantium et aut dolorem. Sint ut aliquid molestiae autem.

Aut

Sequi quo nobis et similique impedit velit. Error rem eum laboriosam esse. Architecto nam inventore neque qui at mollitia quos.

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