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

Eius fugiat minus consequatur.

Facere

Eveniet corrupti atque rerum veritatis dolorem. Quo rem dolorem voluptatem quod expedita. Quae omnis expedita tenetur earum.

Aperiam

Autem rerum quae beatae aut similique aut autem. Asperiores aperiam totam neque beatae iusto eum. Porro possimus quia quaerat enim nulla dolor similique.

Nemo

Non repudiandae et labore. Eveniet quos est dolorem nam ipsa alias laboriosam eligendi. Qui nostrum et sit tempora voluptatem.

Voluptatibus

Laboriosam voluptate aliquid vel aut qui est quia. Ullam minus omnis saepe omnis quasi quam. Autem quisquam amet qui nostrum. Ex omnis qui minima aut a. Et corrupti veniam ut repudiandae.

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