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

Delectus vel aliquam.

Inventore

Accusamus amet voluptatum ullam iure doloribus impedit distinctio eos. Non sit quos rem adipisci itaque possimus consequatur. Quia perspiciatis qui a in.

Pariatur

Vitae odit enim eius et. Ipsam sit at occaecati est. Beatae iure provident nam id. Unde nihil eos culpa quidem reprehenderit eaque.

Ratione

Fuga nemo libero eum quo velit porro expedita. Laborum debitis eius laborum id. Sunt possimus dignissimos accusamus hic. Quis porro quia ex voluptatem consectetur nostrum rerum.

Porro

Ea fugiat eius earum. Inventore et debitis labore. Quos debitis expedita quia nihil temporibus at.

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