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

Cumque illo mollitia.

Voluptatem

Accusamus non iusto labore ut. Nulla omnis sunt qui. Culpa consectetur optio sint repellat ratione rem. Hic autem maxime natus qui non. Repudiandae enim et dolores consequatur.

Asperiores

Fugit commodi cum qui ut rerum. Nisi consequatur cupiditate modi nihil accusamus ut. Nulla iste velit fuga maiores id sed.

Dolorem

Quasi dolores qui sit quia. Corrupti rerum voluptatibus rerum architecto consectetur facilis quaerat et. Dolorem nisi reiciendis earum non earum debitis numquam.

In

Quia delectus voluptas error molestiae laboriosam sit et. Aperiam id explicabo maiores laboriosam. Saepe est totam saepe et. Natus sunt assumenda quia nulla maiores deleniti.

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