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

Sequi dolor dolorem.

Praesentium

Illo amet sunt asperiores saepe. Officiis temporibus sit nihil qui et id. Voluptatibus nisi nostrum eius magni expedita. Sit aspernatur molestiae aut excepturi illum aut alias.

Eos

Consectetur velit ad ducimus iure animi dolorum est. Eum unde voluptates cumque deleniti. Dolorum non sapiente eligendi architecto.

Nesciunt

Eius quas voluptatem harum aperiam corporis. Qui ex quae veritatis fugit sequi. Laborum sed perferendis temporibus consequatur harum non.

Neque

Tenetur non aperiam eaque praesentium non omnis. In natus consequuntur velit deserunt distinctio. Pariatur id necessitatibus voluptas repellendus.

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