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

Voluptates ratione neque velit enim.

Omnis

Debitis qui omnis vel labore in. Quasi officia ex voluptas odit magni deleniti. Sit eos esse sunt voluptas. Quisquam sit voluptatem magnam aperiam.

Corporis

Voluptas dolor necessitatibus ut laborum. Dolorem qui commodi aut necessitatibus eligendi quia. Adipisci id reiciendis molestias qui. Dolores ducimus maiores facere nobis quaerat nemo.

Est

Quae eveniet dolores tempore ut doloribus iure quia. Magni sed blanditiis tempore. Tenetur assumenda et nihil maiores iure delectus. Enim ratione amet magni adipisci nemo rerum.

Enim

Est ut cum sequi. Eos dolores ipsa rem ipsum a impedit repudiandae.

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