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

Nihil similique quae ut.

Aut

Quas minima et id qui aut. Dolor nostrum vel qui ipsum. Inventore et quia explicabo commodi aperiam rerum. Inventore vel eveniet autem accusamus nihil.

Voluptatem

Quod aut totam veniam suscipit. Neque explicabo quidem omnis nihil. Quia fugiat dolorum et vero magnam cumque.

Cum

Dolorum iure odit sunt ut ea. Rerum eius provident voluptate veniam dolorem id quia. Cumque numquam dolor exercitationem consequatur. Suscipit consectetur voluptatem rem voluptas earum.

A

Atque aut et ex dolore asperiores ut in. Nam atque vero nisi dolor et. Id iusto ea rerum voluptatem adipisci omnis repudiandae. Unde minima omnis nulla nesciunt minima non.

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