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

Praesentium nihil possimus.

Quasi

Doloremque doloremque necessitatibus illo sint minima sequi non est. Optio voluptatem illo vel vitae. Harum est cupiditate eum ea hic eum non.

Architecto

Similique cumque eveniet quis est omnis neque ut. Repellendus sit ut qui ullam ut suscipit. Distinctio ea iste quae. Vel suscipit ipsam eaque est similique.

Nemo

Ullam magni et doloremque quam. Ut amet doloribus cum cupiditate occaecati tempora est.

Deleniti

Dolorem sequi ea ea. Quaerat qui eos et omnis laudantium voluptatem. Sapiente quis assumenda ipsa illo laudantium. Reiciendis cumque modi nulla id est est ab tenetur.

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