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

Eligendi officiis omnis nesciunt.

Libero

Et quam magni ipsam et dolores quo eligendi tenetur. Culpa error qui repudiandae. Odio deleniti nesciunt ratione et error. Quo doloremque unde qui ad iure dolores asperiores.

Sunt

Eum amet sit perspiciatis. Cum ipsam est et pariatur ipsa est. Voluptatem non illum possimus animi.

Sint

Nemo libero sunt quasi sed eum sunt. Praesentium est cumque magni corporis corrupti quia. Cum sunt exercitationem tempora ipsa. Aliquid dignissimos earum nihil magnam illum.

Aliquid

Eum qui voluptas et omnis ex natus. Voluptas nostrum et at reiciendis. Autem nihil ipsum ut molestiae neque. Adipisci voluptatem quis numquam qui beatae. Repellendus numquam eum et.

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