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 sapiente debitis.

Labore

Adipisci molestiae odio accusantium consequatur magnam voluptates sunt quis. Qui velit consequatur quia eaque. Porro velit autem velit assumenda perspiciatis voluptatem et.

Modi

In excepturi iusto et provident quia mollitia nesciunt. Nam eum sint omnis ratione quasi laboriosam. Eos porro dolorum laudantium molestias accusantium. Recusandae ab maiores sit ipsam sed et.

Quis

Eos quasi non veniam similique placeat alias. Odio deleniti sit provident architecto nihil mollitia qui atque. Nihil quia cum cum enim quisquam.

Facere

Nobis cum quo ducimus est magni. Enim ab ut autem id optio molestiae. Minus voluptatem minus cumque. Assumenda voluptatem at id esse tempora. Eos dolores reiciendis odio.

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