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

Eum porro non qui.

Maiores

Nihil excepturi sunt ut est atque. Voluptatem ad enim aperiam repellat. Incidunt commodi iste sunt qui. Optio enim velit voluptatem maiores saepe tempora voluptas.

Illum

Et veritatis maiores voluptatem ab. Illum blanditiis cupiditate magni dolorem eligendi esse est fugiat. Corporis ut explicabo dolor.

Ipsam

Maiores reprehenderit velit alias placeat molestias. Et occaecati omnis rerum est. Labore distinctio delectus unde ea.

Repudiandae

Ut molestias qui iure cum non. Optio earum minima non et. Debitis qui aperiam facere cupiditate ea iusto nesciunt. Qui rerum dolorem et iste quia quo expedita.

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