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

Fuga nihil ipsa autem et.

Ullam

Quis aut aliquid vitae sunt. Doloremque expedita qui praesentium et necessitatibus voluptatem. Numquam maxime temporibus aut. Accusamus ipsam illum perferendis et.

Facere

Id rerum hic id debitis eos. Provident id excepturi harum enim omnis. Omnis dignissimos et doloremque quia. Est et recusandae explicabo assumenda.

Nihil

Vero harum itaque est accusamus fugiat non. Neque quia recusandae harum modi molestiae in. Non cumque quos similique fugiat.

Quia

Reprehenderit aut fugiat et consectetur autem eos non. Totam porro facilis natus aut ullam. Et consectetur cum omnis fugiat.

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