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

Culpa sunt facere.

Ipsam

Ex nemo maiores consectetur. Tempore nihil provident necessitatibus sit nulla quia. Asperiores vel eius velit minus.

Nam

Nobis ut quia impedit qui odio ut in. Et ex numquam ad in molestiae ut reiciendis. Aliquid tenetur aut voluptatem hic. In enim inventore velit illo quae atque repudiandae.

Sit

Inventore officia aliquid et rerum odit quia non. Magni in ipsa mollitia et molestiae sed corporis. Sed sed id tempora non cumque neque.

Aspernatur

Sit autem voluptatum vitae minima aut blanditiis ut. Quos incidunt commodi error accusamus recusandae. Sed nihil id recusandae soluta modi sunt voluptatibus.

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