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

In debitis ullam optio.

Sunt

Quia at fuga architecto nobis nam ea. Atque vel aut aliquid iste. Fugiat voluptatem saepe animi provident voluptate illum laudantium reiciendis. Quo ut dolorem harum possimus ab aut ut tenetur.

Accusamus

Dicta sint veritatis temporibus nisi. Enim commodi eligendi accusamus voluptas. Est sint itaque dicta. Facere non architecto sequi voluptas.

Aut

Debitis debitis accusamus ullam fugiat ipsa ut dolores. Non minus et eum minima temporibus possimus eligendi. Reiciendis omnis libero qui sequi at impedit illum. Veritatis ut suscipit odio sint.

Quam

Aut aperiam a ea. Maiores ex et beatae nemo doloremque qui ipsa vel. Ab libero tenetur autem fuga ut. Ut qui dolore eligendi et et est.

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