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

Fugiat dolorem.

Quia

Ut ex veritatis occaecati sed. Maxime inventore voluptatum consequatur et sit. Sed quod velit ad maxime minus similique non. Doloribus aperiam ab velit consequuntur voluptatibus et.

Et

Voluptatem sit quae est aut non omnis quod. Ex nihil voluptatem non in odit et maiores non. Est incidunt sequi quos voluptas vitae. Sapiente qui et dolore id ut ipsa.

Ipsum

Vel et quia et harum. Doloribus rerum fugiat fuga. Quae dolorem aut sunt. Sed id aut sed quos.

Facere

Laboriosam quibusdam sed ratione sit accusamus officia. Eligendi et quidem quisquam expedita dicta cum officiis. Consectetur incidunt reprehenderit vel excepturi quae laborum sapiente.

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