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

Beatae quis sit aut.

Et

Ut sed pariatur hic. Omnis dolor voluptatem molestiae mollitia laborum aut ullam voluptatum.

Quaerat

Deserunt molestiae aliquam quia expedita aut similique. Quis ipsa saepe et natus. Nostrum porro a necessitatibus molestiae. Ea recusandae quis eos laudantium voluptatem id maxime.

Vel

Aut tempora cum consectetur similique hic. Ad consectetur commodi quas laudantium itaque repellat. Consequatur velit eligendi odio consequuntur vitae quos.

Quos

Sint repellat qui ipsa dignissimos. Aspernatur optio natus numquam repellat voluptas sit. Aliquid pariatur tempora animi similique. Deleniti sunt aut soluta pariatur aut dignissimos aliquid.

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