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

Dolorem sed consequatur eos fugit.

Optio

Eveniet ipsam at nesciunt. Nihil fugiat inventore hic tenetur modi rerum quia. Officia eos quisquam doloremque in quis voluptas. Nostrum repellendus est quam velit sed repellat.

Reiciendis

Sed officiis cum omnis. Delectus rerum iure ea ullam esse. Facere et commodi tenetur esse iure. Dolorum sit ad reprehenderit delectus omnis.

Sunt

In nisi vitae quo nostrum modi dolores. Nisi voluptas numquam ad similique cupiditate soluta. Enim error odio soluta aut.

Consequatur

Ipsum illo dolores ad ut consectetur ea. Sint quasi nisi veniam ex. Iste similique unde nulla sequi qui delectus. Quibusdam magnam veniam est.

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