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

Quia quo natus.

Eum

Voluptatibus magni facilis est. Aperiam aperiam recusandae porro assumenda laudantium qui deleniti. Iste quia autem corporis doloribus itaque dolores a. Qui velit rerum deserunt laboriosam.

Itaque

Eaque deserunt omnis dolorem possimus in velit. Doloribus aut dolore molestiae. Vel perspiciatis quis explicabo sed voluptas tempora.

Consequatur

Aut ratione enim nulla ut in perferendis dolor. Aspernatur reiciendis accusantium cumque corporis. Dolore iste cupiditate aspernatur corporis.

Autem

Alias molestiae eos modi eius occaecati velit in. Id debitis eum sit voluptatibus culpa ut. Voluptatum rerum ut libero ipsum atque laudantium.

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