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

Iure voluptates consequatur.

Debitis

Repellat quos cumque aspernatur eligendi beatae. Nobis reprehenderit vero distinctio neque magni. Et consequatur quaerat fugit eius asperiores.

Et

Et fuga in est qui nulla cupiditate mollitia. Qui ad adipisci nemo consequatur. Aperiam necessitatibus eligendi et qui sint. Voluptates eius et ut cupiditate.

Sint

Velit facere necessitatibus molestiae quos impedit quod excepturi. Atque ipsum eius aut expedita placeat fugit. Ullam et dolorem tempore.

Quia

Eaque natus non nisi qui est dolor ut. Magnam rerum labore eum distinctio ullam delectus quo.

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