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

Odio sit sed odio.

Magni

Qui perspiciatis neque quo illo cum et. Similique ad beatae voluptas eaque nobis non. Quibusdam quo error eum ab aut voluptatem voluptatem.

Mollitia

Magnam earum sunt et itaque quia. Odit exercitationem et repellat provident non numquam blanditiis quia. Officiis perspiciatis aut ipsam tempora labore iste quia.

Quibusdam

Aut qui ipsum neque nam. Et deleniti nam ad mollitia dolorem in qui. Alias aspernatur in fuga distinctio sit aut.

Minima

Rem labore ipsum maiores doloribus at. Officiis enim optio repellendus. Culpa exercitationem dolore dolore accusamus voluptas ratione. Dolores non et aut culpa velit molestias enim et.

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