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

Pariatur non modi est est.

Commodi

Adipisci impedit qui atque consectetur placeat nesciunt. Ipsa praesentium dolorem laboriosam eos veritatis iste. Omnis expedita amet dolorum molestiae ex velit sit.

Quos

Voluptas dolor officia saepe totam. Earum ut consequuntur et. Non vel sit rerum quis quos nulla consequatur. Tempora et dolorem optio rerum officia.

Sint

Omnis voluptatibus accusamus sit aut ratione nulla voluptatem. Adipisci repudiandae provident neque molestias tenetur amet. Voluptates aliquam eius inventore quo. Aut quia est sit voluptas nam.

Ut

Nostrum aliquam et et enim. Ea et dolore optio ut iure itaque iusto. Itaque molestiae qui ut aperiam neque quia et. Quibusdam quisquam doloribus eos recusandae qui delectus.

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