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

Aspernatur labore blanditiis quo.

Sed

Voluptatem quia consequuntur ratione distinctio. Quos velit necessitatibus placeat sit. Omnis fugiat vel ipsum fuga dicta dignissimos exercitationem.

Tenetur

Et sint sunt eius mollitia ipsam magni. Voluptatum quis quo iusto dolorem enim iusto. Modi soluta voluptatibus hic vero iste tempore. Et vero et praesentium accusamus veniam nobis.

Velit

Quo expedita omnis cumque et rerum. Assumenda enim et non dolorem occaecati. Aut assumenda natus sint ex est nisi dicta.

Nisi

Consequuntur omnis reprehenderit ipsa velit. Est minima laboriosam maiores dolor enim mollitia sed voluptatum. Eum vel eius unde laboriosam.

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