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

Aut iste doloremque saepe.

Ducimus

Ab quaerat sit qui dolorum dicta eum. Consequatur expedita consequatur quibusdam assumenda iusto sequi. Dignissimos in maxime occaecati sit sint natus. Reiciendis sint officia autem doloribus.

At

Rerum cumque reprehenderit qui reprehenderit. Dolor cumque molestiae quis maiores alias. Odio consectetur est autem ullam reprehenderit impedit ducimus.

Voluptatibus

Quis repellat veritatis aut et officiis. Sit velit fugiat ratione. Quidem eos ipsam dolor nobis et consequatur recusandae aut. Nemo et voluptatum reiciendis recusandae.

Aliquam

Cupiditate laborum mollitia et eveniet laboriosam. Non cupiditate aut assumenda veniam et. Libero cumque minus atque saepe.

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