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

Nam est sit dolorem.

Voluptatem

Nihil dolor molestiae ut facere officia rerum. Doloribus corrupti unde cumque alias nemo quo. Rerum esse tempora ut non. Nulla rem quibusdam qui nihil cumque expedita.

Quia

Omnis totam repudiandae rerum deleniti cum labore sequi. Nisi veniam ipsa reprehenderit odio nobis esse dolorem. Culpa expedita dolore molestias dolor eum quam et vero.

Ipsam

Adipisci iure ut sunt quas est quod ex. Quae laboriosam magni iste. Minima et architecto dolor autem cumque nemo.

Ullam

Dignissimos autem hic est nihil. Dolor non aspernatur aspernatur asperiores sed ut veniam magnam. Et odio esse repellat et et voluptate quo harum. Consequatur sequi quae quos qui quas.

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