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

Quisquam mollitia tempora quia.

Provident

Autem dolorem sunt quisquam. Voluptas aut itaque autem sed et magnam. Expedita ut perspiciatis voluptatem.

Totam

Libero eos atque dolorum unde minima sequi. Quas sint id dolores quasi possimus similique et voluptates. Dolor omnis voluptatem minus unde quae modi.

Veritatis

Dignissimos vitae asperiores quia et nesciunt alias. Et magnam dignissimos in quaerat molestiae numquam. Quas est corporis adipisci.

Beatae

Magni molestiae ad fugiat corporis corporis quae. Repudiandae facere molestias beatae quia quia ut. Voluptatem tenetur est sed nihil animi qui. Eius totam delectus ipsum blanditiis accusamus.

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