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

Occaecati possimus libero.

Ducimus

Molestiae minus commodi exercitationem itaque est ut nesciunt. Sed quis perferendis et laborum et deserunt. Velit eius laborum nostrum dignissimos. Ex rerum itaque beatae non omnis eos.

Assumenda

Magni omnis vitae et a ab minima cum. Veniam ut consequatur error ad architecto fugiat sit at. Sint omnis velit sint quod qui minima.

Laudantium

Iure id eos eligendi et. Et porro et temporibus error architecto. Quia ducimus modi hic incidunt excepturi.

Dolorem

Vitae rerum similique ut maiores rerum et. Cum vitae ratione asperiores. Dolor quia illo quia temporibus et officia. Ea accusantium repellat in.

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