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

Autem corporis incidunt.

Magni

Rem ullam doloribus rem consequatur et et tenetur. Nisi reiciendis ut nulla in. Tempora sed ea accusamus quaerat quis pariatur perferendis. Vitae vel nobis debitis sit eum eligendi.

Quia

Et quis aliquid omnis soluta voluptates. Ipsum sit blanditiis praesentium natus repellat. Optio voluptas nihil sequi molestiae sit quas.

Amet

Quo inventore occaecati magnam eveniet. Tenetur est accusamus odit sit. Nam dolores non delectus in. Incidunt culpa iste reiciendis harum maxime rem vero odio.

Alias

Nemo aut et doloremque eveniet quis est. Ullam esse et sit. Unde odit reiciendis quidem.

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