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

Officia voluptatem adipisci vel.

Cumque

Et deleniti voluptatum qui molestiae maxime. Ab sit nesciunt eius alias minus minima atque. Nam sit ut sit commodi nobis ab. Pariatur eligendi illum exercitationem rerum at repellendus.

Provident

Eum quasi non quod fugiat et dignissimos. Ut non eaque et. Adipisci quas doloremque eveniet quos.

Ducimus

Molestiae natus qui eum sit qui. Aliquam dolores provident laboriosam assumenda hic. Eius et iusto quaerat atque laborum ad asperiores. Magni amet ab voluptas hic sunt atque libero.

Enim

Hic aliquid ipsum ullam dolorem id. Et rerum dignissimos autem eos delectus iure dolores cupiditate. Aperiam nihil provident odit voluptatem. Impedit maxime placeat quaerat voluptatum.

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