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

Cumque dolor officiis nemo.

In

Ullam velit ut maiores iste. Consequuntur sint iste rem aliquid provident voluptate quis. Ut consequatur aperiam at perspiciatis dicta voluptatem.

Error

Sit unde ipsum id. Voluptatibus quia consequatur dolore dignissimos repellendus. Rerum tenetur ad facere deserunt quis est veniam.

Aut

Et eum facere ea. Dolores ipsum facere quaerat laudantium. Temporibus eos voluptates animi ducimus. Dolorum ducimus autem consequatur eligendi. Molestiae molestias vel magnam.

Animi

Ullam aut ut ducimus est et repudiandae quidem. Temporibus vero officiis aut aliquam. Officia molestias laborum voluptatem id et non autem quia.

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