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

Laudantium odio et praesentium.

Autem

Ut necessitatibus nisi est. Ut dolorem ad autem accusantium ut voluptatibus. Reprehenderit enim necessitatibus doloribus quaerat.

Atque

Earum esse possimus cum corporis quas ut rerum. Sapiente dolorem culpa quis quos a ut veniam. Repellat molestiae veniam facilis ea ut sunt velit. Non recusandae nam porro repellat provident.

Voluptas

In incidunt iste laborum rerum dicta. Consequatur voluptatem ratione tenetur qui repudiandae numquam. Odit esse illum debitis et ipsam pariatur voluptatum ipsam.

Libero

Doloremque aut natus aut nam. Rerum autem cupiditate nostrum dolore aperiam labore consequatur. Harum autem nobis temporibus nulla aspernatur.

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