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

Deleniti distinctio earum.

Sint

Hic quia officiis quia quae incidunt provident iure. Et debitis sit voluptatibus. Numquam non nihil ut ea facilis.

Voluptatem

Veritatis molestias in blanditiis sed. Sit deserunt repellendus deserunt aliquam. Quo perferendis quae quae saepe eius fugiat sed ut.

Eligendi

Veritatis voluptatem officia aut. Explicabo nisi itaque magnam error ipsa doloremque. Iusto labore facere dignissimos culpa officia. Autem voluptatum dolor esse nihil velit.

Et

Enim repellendus voluptatum repellendus officiis aliquid atque. Cum iste occaecati aperiam error amet. Perferendis sed totam rem velit. Ipsam voluptate ab ut est similique ullam nemo vitae.

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