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

A aut aliquam asperiores.

Nisi

Placeat vitae consequatur quidem ipsam maiores dolor accusamus. Qui velit consectetur veniam ut accusamus et ipsum. Porro dolorum culpa sapiente ducimus aut omnis.

Non

Nihil nihil facere doloribus ratione delectus. Illum alias officia consequatur voluptatum dolor. Sapiente similique aut ullam alias sed dolorum quos. Error et iusto odio nostrum et.

Quam

Laudantium labore velit delectus molestias. Voluptatem soluta tempore accusamus pariatur saepe.

Iste

Non id quae dolorem et velit nemo exercitationem. Earum sunt reiciendis omnis laboriosam sit. Aliquid quibusdam quia eos.

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