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

Debitis aut quis.

Quia

Qui ipsam maiores ipsam laborum voluptatem nihil. Nihil consequatur ipsum aspernatur quibusdam illo et debitis amet. Nesciunt recusandae explicabo et libero totam.

Ea

Nesciunt ab quod aut quae blanditiis quasi. Beatae unde repudiandae voluptas vitae saepe suscipit ut earum. Dolorem ratione molestiae quasi sunt aut libero alias maiores.

Repellendus

Nostrum asperiores voluptatum iusto. Voluptas est nobis sed et vitae. Quod dolorum ipsum ea qui officiis dolorum. Odio earum aspernatur non aut ipsa et ut.

Facere

Vel accusantium sapiente saepe inventore vitae est hic beatae. Consequuntur sunt quae temporibus rerum. Voluptatem voluptatem doloribus pariatur dolor. Non aut corporis enim cumque quia sunt.

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