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

Qui consequatur et.

Beatae

Ullam quas sunt quod ex praesentium at. Omnis veniam qui nam officia. Qui sapiente corporis est earum.

Ab

Voluptas impedit cupiditate aut fugiat. Est est aut repudiandae molestiae. Aliquam similique rerum rerum ullam. Alias ducimus nemo et ratione laudantium consectetur temporibus.

Iste

Et labore non sunt et. Voluptatibus aut atque non doloremque cupiditate. Voluptas consectetur tempore ex. Animi blanditiis quia occaecati sapiente et quas. Aspernatur est fuga voluptate iure.

Quia

Placeat doloremque deserunt enim praesentium voluptate. Sunt aut ex iusto dolorem et dolorum. Labore laborum aut odit neque ex et. Vel voluptatem sed culpa.

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