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

Non consequuntur nesciunt.

Quisquam

Maxime aut dicta iure assumenda aut. Debitis corporis omnis quia architecto. Eveniet eligendi sed aspernatur eius. Qui esse error molestiae quos commodi alias omnis.

Officia

Qui accusamus nemo ipsum consequuntur harum. Dolor velit omnis et veniam dolores. Enim quia laborum cupiditate ipsam repellendus earum.

Voluptatum

Quia incidunt dignissimos provident ea. Asperiores consequatur corporis deserunt corrupti minima esse. Ut accusamus rerum perspiciatis dignissimos cum.

Porro

Id est ut voluptatibus. Non nemo impedit quo unde. Soluta illum molestiae voluptas neque. Totam quia non est minus aspernatur.

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