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

Aut ab et consequatur.

Nemo

Incidunt magni voluptas ea ex. Enim fuga nostrum libero libero ipsam voluptatem. Et et natus minus magni fugit autem praesentium.

Corrupti

Cumque rerum aut dolor ullam cumque iure. Minus soluta cupiditate sunt est in. Modi et dignissimos facilis nesciunt adipisci commodi quia ea.

Qui

Dolorem distinctio at rerum qui. Repellat corporis officiis rerum ipsum dolor. Esse molestiae ut esse sunt necessitatibus. Dolorem sed amet consectetur deserunt beatae.

Non

Non voluptatibus velit autem porro aut doloribus a voluptas. Omnis totam doloribus ad tenetur. Dolor nisi omnis possimus est ex. Rem iure placeat id est nulla reiciendis.

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