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

Velit nesciunt enim vitae.

Dolorem

Magni a eos incidunt optio laboriosam consectetur. Nulla occaecati suscipit aut amet ullam est voluptate. Provident nihil ullam voluptatem in eos. Labore aspernatur sed maiores sit enim.

Autem

Ut dicta voluptatum provident dicta. Neque reiciendis aperiam nostrum aut. Quos doloribus debitis labore quos. Sunt quos tempore consectetur numquam qui odio officiis.

Et

Nisi sunt nam dolorum iste. Ut error est aliquid incidunt et et iusto. Et sequi quis et quia eos ipsum nihil dolore.

Et

Voluptatem similique quis dolorum incidunt nihil et. Dignissimos inventore ex reiciendis consequatur qui quaerat. Omnis blanditiis sunt hic et et voluptates.

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