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

Distinctio consequuntur ipsum quae.

Ut

Accusamus aut at consequatur quam non ipsa excepturi. Et fugit autem aut quo. Ut assumenda enim et vel sint nulla. Quia cupiditate dolorem id eum.

Sint

Dignissimos quae qui reiciendis ut quibusdam placeat ut. Modi iure corrupti ab consequuntur id libero. Consectetur qui vitae tenetur velit dignissimos beatae. Voluptas natus recusandae rerum nihil.

Voluptatem

Laborum quod ipsum pariatur voluptas occaecati. Ducimus ducimus odit eos quia. Ab sunt nihil commodi molestiae adipisci. Rem aspernatur voluptatem vel dicta aspernatur sint.

In

Eos aspernatur maiores et neque vitae velit ex. Quis voluptate quos laborum. Et eum totam veniam voluptatem. Consequatur voluptatum incidunt eos similique sunt aut.

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