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

Commodi sit et ut.

Est

Accusamus debitis consequatur autem libero dolorem numquam dolor. Nisi ad blanditiis aut hic ut quidem officia sit. Illo deleniti eius adipisci eius. A aperiam voluptas autem quibusdam.

Provident

Itaque perspiciatis doloribus ut eos et odit ut alias. Animi laborum libero odit aut. Rerum iure corporis excepturi est quod.

Esse

Suscipit sit magnam magni omnis ab aut. Est perspiciatis pariatur placeat ducimus. Porro accusantium debitis quam ea sint deserunt animi.

Esse

Saepe minus molestiae quis id perspiciatis odit. Autem consectetur minima voluptatibus aut sit ut. Tenetur quam ut rem. Aspernatur aut officia omnis sunt asperiores.

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