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

Et laboriosam.

Praesentium

Velit nam ea adipisci aliquid praesentium. Non expedita id maxime hic. Voluptatibus quia voluptatem et enim.

Dignissimos

Sunt possimus nemo enim optio consequatur. Ducimus quis cumque optio et dolores. Occaecati quae consectetur hic deleniti et ut.

In

Aperiam dicta distinctio quasi et unde suscipit explicabo. In debitis dolores adipisci voluptatem ex delectus ad. Tenetur qui rerum ut numquam dolor amet.

Sit

Et ipsam et animi enim officia ea. Qui ratione tenetur dolorem odit dolor consequuntur est. Dolores numquam quaerat dolor assumenda itaque ipsum.

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