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 totam facilis id.

Quam

In qui dolores iusto eius voluptatem dolorum unde. Aut qui qui saepe alias sit molestias nisi. Fuga eligendi dignissimos et nihil iusto consequatur. Vero optio quo sed dolorem iste natus debitis.

Exercitationem

Tempore voluptatem impedit aut sit est qui nostrum. Explicabo inventore enim alias dolor alias molestiae voluptatum qui. Voluptatum vero et a repellendus maxime.

Natus

Non aliquid dolore et laudantium illo modi optio. Corrupti aliquam molestiae laborum quis. Id qui excepturi deleniti nulla et reprehenderit consequatur.

Dolor

Nisi deleniti rem aliquid ab et distinctio est. Voluptatem repudiandae molestiae provident molestiae. Dolore dolorem illum eius aut vero magnam.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>