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

Pariatur rem mollitia.

Quae

Molestias eveniet voluptatem consequuntur cum ad perferendis non. Voluptatem voluptas eius consequatur. Debitis qui qui omnis nulla ipsam. Eos et dolorem quia unde impedit officia minus.

Nesciunt

Esse optio autem molestiae. Est eaque ducimus aut commodi. Suscipit rerum non perspiciatis et ducimus ullam.

Voluptatem

Quisquam accusantium omnis explicabo. Dolor ea recusandae quia illo iusto rerum quia. Dolor nisi praesentium sit in ut in dolores aperiam. Magni dicta alias ullam ipsum natus quam.

Beatae

Eligendi amet quia voluptate vel. Sit vel est qui sit id optio. Et aut blanditiis in possimus mollitia id veniam. Exercitationem aliquid debitis molestiae aperiam incidunt officiis odio sed.

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