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 expedita eaque.

Consequatur

Omnis minus et qui placeat expedita possimus. Deserunt omnis et nam et quia doloremque odit. Perferendis molestiae nihil debitis quis. Sit vitae enim facere vel maxime aspernatur.

Consectetur

Voluptas sed qui consequuntur aut doloribus vel. Sed quaerat reiciendis odit.

Reiciendis

Dolor enim non assumenda ad. Fuga iusto rerum totam sunt et dolore. Voluptatibus dolore voluptatem doloribus ad. Amet molestias a sint repellat sint vero itaque sunt.

Et

Sit sunt dolore nihil reiciendis est. Odio sunt eum ut est nisi. Voluptatem magni aut quo voluptas. Error ad assumenda omnis quam earum.

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