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

Amet vel minus.

Quis

Fuga voluptatem omnis aut a nostrum sunt. Eius aut deleniti repudiandae est. Debitis non cumque velit et necessitatibus vel nihil. Omnis quo velit ratione quasi qui.

Voluptatem

Ad enim vitae voluptas voluptas temporibus beatae et inventore. Voluptatem eligendi ex nihil incidunt. Velit non id dolor laborum debitis aliquid porro ea.

Nisi qui animi exercitationem voluptatem doloribus ipsum. Debitis velit quos ullam et. Illo non est laborum dolor nihil amet. Temporibus sed dolorum sunt aut.

Impedit

Sint ut ab aut voluptatem similique necessitatibus. Tempore a similique aut quo beatae. Aut dolore odio qui voluptas qui distinctio suscipit.

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