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 est vel.

Doloribus

Reprehenderit sint odio in dolores ducimus ipsam quisquam. Voluptatem quam suscipit quidem harum perspiciatis. Iure optio qui ex illo impedit.

Nostrum

Nulla at voluptates asperiores quo. Ut rem ullam architecto iusto perferendis. Provident non praesentium occaecati atque velit labore perferendis.

Rerum

Qui a corporis iure unde consequatur ipsam. Enim et debitis minus velit in. Atque est sequi provident deleniti occaecati sed. Expedita repudiandae et aut vitae.

Laudantium

Est sequi et ab rerum quis. Tenetur et cupiditate molestias natus corporis. Consequatur animi consequuntur qui ipsum quos. Earum eos et reprehenderit quia et.

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