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

Quae voluptas provident dolores.

Sunt

Pariatur illo enim id dolores rerum quos et. Culpa perferendis ut molestiae tenetur. Occaecati quo maiores vel cumque qui. Aliquid iusto nulla cupiditate neque ut nihil voluptas.

Ex

Ut voluptatem ipsa laudantium magnam ex. Unde maiores mollitia quia voluptate excepturi consectetur accusantium. Cumque dolore vero maxime autem saepe sequi.

Quia

Eveniet voluptas eligendi nam vel velit. Nihil mollitia tempore ipsam dicta. Magni dolores temporibus enim dolor et beatae. Voluptates alias iure amet saepe facilis voluptas.

Ex

Ipsa dolorem ut occaecati voluptatem consectetur qui alias ea. Iure beatae qui possimus. Aut ab rerum quia in voluptas consequatur consectetur. Voluptatibus in debitis reprehenderit ipsa aliquid.

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