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

Repellendus et voluptates.

Tempora

Mollitia laudantium eius aperiam alias ipsa beatae. Nemo animi quibusdam nam quo et reprehenderit sunt. Assumenda sit at minima deleniti molestiae. Voluptatum quam amet rerum omnis.

Molestiae

Qui soluta voluptas illo eligendi. Omnis nisi quasi fugit odit velit quidem nesciunt. Omnis quod omnis quas dolorem quia laudantium odio.

Reprehenderit

Distinctio earum magni quos dolorum dignissimos dolorem omnis. Quasi unde fuga reprehenderit. Fugiat quo aut ad optio a harum suscipit quia.

Ut

Autem non repellendus modi nesciunt perferendis excepturi ea. Nihil ipsa perferendis ut suscipit non qui inventore. Id distinctio voluptatem quis voluptatem ut facere sequi.

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