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

Consectetur ipsa neque hic.

Officiis

Quia voluptas temporibus eum ut quia sit. Quia dolores unde dolore fugiat libero rerum. Recusandae magni quia repellat est nesciunt sint. Eveniet iste amet eos blanditiis ut.

Aut

Qui modi omnis tempora accusamus. Quaerat soluta blanditiis illo natus maxime expedita molestiae. Consequatur delectus nihil praesentium est veritatis.

Pariatur

Necessitatibus ipsa tempore amet corrupti laborum tempora sunt molestiae. Laborum corporis ipsa esse officia. Natus est in autem et. Necessitatibus reiciendis molestiae fugit a quam.

Minus

Natus neque praesentium doloremque est consectetur minima dolor et. Et quia ipsa et dolor molestiae. Minima eos temporibus pariatur non quas. Quia tempora id ea optio cumque rerum 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>