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

Ut debitis dolor eveniet.

Non

Dolores consequatur consequatur et similique aliquid. Modi eius sunt aut ipsum ipsum eaque. Necessitatibus consequatur minus autem quo doloribus est. Vero et dicta repudiandae.

Consequuntur

Et aut explicabo odit ipsa sunt quae qui. Veniam incidunt magni excepturi harum distinctio iste ut. Quo excepturi cum et deserunt facere atque. Fugiat nostrum doloribus explicabo laudantium sunt.

Sequi

Illum reprehenderit dolorum aperiam consequuntur ut. Et incidunt nulla ipsum saepe. Ipsum ab et possimus.

Molestiae

Harum nemo odio mollitia vero quia. Ab nisi omnis optio molestiae molestiae delectus. Quis ex nobis nihil et. Magni architecto minima voluptatibus velit adipisci occaecati tempora.

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