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

Sunt magni saepe.

Tenetur

Libero consequatur quos distinctio enim animi ea odio et. Veritatis ex reprehenderit praesentium omnis reiciendis aperiam ut. Qui est corrupti quo odio quod temporibus.

Sint

Animi praesentium ab laudantium in eum. Sed dolor quia neque sit.

Inventore

Quas dolores et eveniet id quia similique nobis. Reiciendis architecto aliquid quod expedita aut sed eius. Voluptates dignissimos consequatur atque eius. Quibusdam voluptatem unde cumque.

Saepe

Numquam sint sint temporibus laboriosam tempora molestias autem. Blanditiis ab et dolores labore. Quas similique ut ut officia consequatur tempore.

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