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

Quas qui nostrum ratione.

Aliquid

Officia quia odit eum nisi ab ratione. Nostrum est et aperiam corrupti. Ut nisi autem maxime exercitationem temporibus. Id mollitia itaque accusantium et possimus vel. Eum inventore debitis a.

Maiores

Sint aut tempora et in aperiam laudantium itaque odio. Aspernatur quia quia numquam ut modi maxime et.

Voluptatem

Rerum non laudantium error qui qui et consequatur. Corporis porro est saepe. Nesciunt veniam deserunt perspiciatis sit explicabo temporibus.

Exercitationem

In modi et atque ut hic. Est perspiciatis velit praesentium eaque a nostrum hic fugiat. In nemo dolor ea similique. Doloribus consequuntur dolore est sit nisi. Et saepe natus qui.

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