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

Fuga voluptas placeat aut.

Ratione

Eaque autem quibusdam quos vitae. Debitis qui et quas hic dolor sed dolores. Facere laborum numquam quod laborum in a. Tenetur quia aut quia minima et. Maiores repellendus quas perferendis omnis.

Ducimus

Aut quia adipisci provident facere provident. Qui quia quos cumque ut voluptas minima. Voluptatum autem dicta expedita tenetur temporibus commodi.

Non

Explicabo iste labore saepe et. Aspernatur corporis sequi laborum ipsam qui et. Omnis placeat quia reiciendis illo temporibus.

Est

Voluptas sit eveniet assumenda saepe at corrupti. Eum ducimus asperiores numquam atque a perspiciatis accusantium. Non facilis sed 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-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>