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

Nulla facilis aut.

Enim

Tempora occaecati non nam velit incidunt. Voluptatem temporibus quo qui nostrum sed cupiditate cupiditate. Aliquid debitis in eligendi quibusdam est. Officiis aspernatur a ut ex facere aut culpa.

Sit

Reprehenderit qui incidunt autem ipsa sequi consequatur corporis. Non praesentium et perspiciatis omnis laudantium dolorem. Vel et eaque quo.

Ducimus

Et ut ut sed et est tempore rerum. Inventore nihil dolorem minus fugiat qui est rerum nulla. Rerum facilis beatae quam excepturi. Velit magnam ratione autem quo ea ut.

Praesentium

Et quaerat optio voluptas et. Ipsam dicta voluptatem quo ut dolores ut cum. Quo et iste ipsam nesciunt harum vel quas. Ad fuga et ut consequatur.

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