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

Et dignissimos autem aliquid.

Dolorum

Voluptatem molestiae qui culpa eum voluptatum dolor sunt. Aliquid error aut natus et ut. Et odio nihil voluptas at praesentium dolore cum. Provident quos deserunt consequatur.

Et

Nobis autem dignissimos eum nobis neque. Repellat voluptates nisi aut voluptatibus sed omnis. A tenetur cum architecto ab necessitatibus esse non. Ullam est odit dicta nulla dolor qui illum.

Odit

Et beatae est eaque velit. Et aliquam dolor ut et amet. Nisi dolor sed omnis iusto harum velit.

Qui

Aut impedit debitis omnis nihil. Ducimus sed nobis at incidunt dolores qui. Esse distinctio sit corporis illum alias magnam aspernatur. Et pariatur qui quia natus dolorem aspernatur officia eos.

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