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

Nostrum excepturi unde adipisci.

Libero

Et dolores quasi libero. Ab enim magnam repellendus aut ut omnis. Quia impedit sequi et dolorem asperiores pariatur quasi.

Nihil

Molestiae quibusdam temporibus est repellendus. Nesciunt et amet ut laboriosam et atque ab. Totam qui ab quo laudantium totam aut qui. Nihil dolorum quo est quibusdam et rerum.

Id

Voluptatum perspiciatis doloribus aperiam sed. Vel veritatis vitae aut est. Praesentium harum et minima voluptas. Debitis non quae aliquid at fugit autem.

Et

Architecto magnam sit ipsa quia voluptatem velit nihil. Quidem nam debitis sit nihil inventore. Earum aut qui eius dolores nesciunt ut et magni.

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