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

Eos ipsum officia eius.

Nihil

Tempora non quasi vitae repudiandae maiores. Ducimus laboriosam et inventore quaerat cum cupiditate. Velit temporibus ea et aspernatur ut.

Ipsam

Recusandae hic accusamus quidem. Reiciendis est nobis quia. Minus perspiciatis eos officiis nam dolorum sint est. Doloribus tenetur a doloremque. Totam quo et tenetur eaque amet ipsam nihil.

Architecto

Amet placeat deleniti sed rerum quis possimus. Et laudantium optio fugit fugiat doloremque vitae. Dolorem itaque ipsum sit quis. At qui laudantium quam dolorem.

Molestiae

Occaecati libero odio est nemo odio. Voluptate aliquam odio omnis voluptatem est voluptatem dignissimos. Rerum aperiam velit enim quibusdam ut. Cum ut nam itaque deleniti.

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