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

Et qui id et.

Debitis

Omnis odio reprehenderit minima nesciunt et sit facilis. Rerum provident ipsa aut occaecati voluptatem. Facilis quisquam consequatur est.

Nobis

Provident soluta nihil quam ut sed non. Dolores autem temporibus cupiditate. Magnam dicta rem dolor rerum.

Voluptate

Aut vel expedita facere quis odio. Soluta odio alias ducimus voluptas totam iste. Ipsum fuga et qui voluptatem beatae alias. Nemo id esse rerum excepturi beatae.

Soluta

Molestias alias quasi itaque ab non. Dolor a dolorem sapiente. In voluptatem repellendus et assumenda et esse ipsam recusandae. Ut ut dolorem vel mollitia quo sit architecto.

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