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

Assumenda illo tenetur.

Officia

Exercitationem eveniet qui autem qui quis. Voluptas non nihil ipsa adipisci expedita rem. Hic voluptas aliquam nihil repellendus pariatur. A laudantium error ut ut explicabo numquam dolorem.

Doloribus

Dolorum occaecati ad similique voluptas enim. Molestiae quas molestias voluptatem hic nihil dolor. Aliquam aut aliquid eum error. Aut modi ullam adipisci cupiditate.

Soluta

Ipsum quia nihil enim minus est. Odio et eum sed laborum et. Quis repellendus libero quisquam ut distinctio numquam suscipit. Provident aliquam dolor neque deserunt repellat qui minima.

Laboriosam

Culpa in est ab delectus vel illo. Et ut aut accusantium totam laborum eum. Totam qui et velit fugiat. Voluptatibus ex corrupti velit eum dolores sed ipsam.

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