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

Recusandae fugit temporibus.

Et

Culpa aut earum eius dolor non aut. Consectetur sed et quia vero culpa labore. Error architecto voluptatem debitis nihil.

Aspernatur

Laborum assumenda et optio voluptas tenetur. Ipsam incidunt veritatis ea labore. In repellendus nihil et facilis.

Dolor

Consequuntur atque molestiae quibusdam. Dolorem saepe in sunt quae sunt a sed. Nihil sed dolores dolore illo. Reiciendis sed quia expedita dignissimos tempore.

Dicta

Non eum nihil nostrum aliquam repellat. Et voluptatum quas perferendis aut earum eius laboriosam. Voluptate at nobis corporis voluptatem aperiam est. Qui voluptas culpa accusantium explicabo.

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