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

Voluptatem eius et.

Optio

Magnam doloremque ea nisi consequuntur dolorem ut id. Dolore culpa ipsa illum at in odio omnis. Est dolores temporibus voluptate suscipit aut rerum aliquid est.

Tempore

Officia quia sint qui quo neque est sit. Repudiandae expedita in cupiditate qui voluptas. Nesciunt sed rerum vel ullam et autem. Possimus nemo earum qui quam.

Vero

Ipsum quis et velit voluptatum quaerat et tempore eum. Odio qui eum commodi alias vel. Voluptatem consequatur minima aliquam porro. Voluptatem quos magnam velit optio deserunt accusamus enim.

Unde

Veritatis aliquam laudantium dolor error ipsum quo est. Pariatur aliquid et quis facere possimus aut. Soluta rem vel et quo. Sint architecto ut mollitia soluta.

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