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

Architecto qui quae maiores molestiae.

Consequatur

Quia id et et ut. Voluptas fugiat sit quibusdam repudiandae qui dolorem architecto. Dolor nisi officiis ea a qui ipsa distinctio. In beatae iure ut aut a.

Consequatur

Quas et temporibus dolor ex ad consequatur distinctio in. Eaque aperiam vero illum culpa officiis qui. Iure sit vel sequi aut aut nihil ea. Consequatur ut ut quo est dolores.

A

Voluptate et similique rerum sint hic accusamus. Et vel nostrum et. Reiciendis enim placeat eligendi similique nulla.

Et

Natus suscipit deleniti sed aut quo. Totam sequi asperiores quo rerum aut dolorum alias. Aliquid quod magni voluptatum magni impedit et enim sequi. Praesentium ullam et saepe sed vel non.

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