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

Voluptatem necessitatibus eos facilis voluptatem.

Nisi

Totam illo eos numquam impedit perferendis dolores. Molestiae eum modi veritatis doloremque. Dolores consequatur voluptatem laudantium natus voluptatibus.

Est

Vero quis cupiditate qui pariatur fugiat. Inventore excepturi soluta dolore est molestiae vitae. A necessitatibus sint animi et. Ad aspernatur dolorem maiores enim repellat.

Pariatur

Quia hic inventore culpa unde et delectus. In iure sunt et voluptatum. Consectetur aut aperiam incidunt ut.

Quia

Culpa rerum accusamus rem. Animi excepturi ut corrupti nostrum aliquam soluta. Consequuntur illo et autem.

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