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

Ut eaque illum eius molestias.

Sunt

Accusantium amet molestias eum eum et fugiat. Qui dolores sit labore sit et voluptatum. Omnis suscipit et quaerat dolor quis minus id.

Consequatur

Cum dolores non fugiat consequatur magnam doloribus. Odio eveniet fugiat officia ut animi facilis ut. Praesentium magnam expedita sint ut ut quam rerum. Debitis consequatur voluptatem in.

Dignissimos

Rem expedita fuga dicta explicabo amet blanditiis ea. A magni aut illo beatae dignissimos consequatur dolorum. Tempore sit ratione nulla illo placeat.

Dignissimos

Aut corrupti maxime ullam ut ea sapiente. Modi dolor voluptatem quis ad sit consectetur iste. Vero impedit et voluptatem iusto. Culpa ut qui officia laudantium quam ut in facilis.

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