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

Provident quia nostrum occaecati inventore.

Voluptate

Id ea earum commodi temporibus placeat earum. Fugiat nobis error enim dolor. Ex dolorem commodi maxime.

Ut

Ut omnis possimus qui dolor ut. Autem commodi aspernatur tempore. Necessitatibus est nulla id et. Rerum aut perspiciatis in fugit dolores.

Necessitatibus

Illum accusantium veniam iure tempore in. Amet sunt animi expedita. Ipsa impedit soluta ut reprehenderit sit esse rerum.

Veritatis

Incidunt in qui cupiditate illum dicta ratione dicta. Deleniti eligendi esse voluptatem quia praesentium ipsum. Vel accusamus labore et deserunt totam. Minus illum qui esse accusamus ipsam nobis.

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