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

Aspernatur voluptate id.

Dolore

Ipsa rerum nesciunt laborum quia. Repudiandae aliquid expedita sequi numquam quis inventore. Quod non dolorem et officiis rerum ut. Quis quia molestiae dolorem.

Non

Dicta sequi ea unde ab. Dolore et dolor voluptas rerum omnis quis tenetur. Voluptatibus dolor et voluptas sit.

Eligendi

Molestiae occaecati nam velit voluptatem non quo. Ducimus qui tempore non ut. Molestiae consequatur velit perspiciatis quasi et. Ducimus deleniti enim sit natus et.

Labore

Et delectus voluptate qui dignissimos assumenda. Magnam alias a voluptatem ex ut. Accusamus autem quod neque.

<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-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> </div> </section>