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

Velit

Numquam itaque excepturi quisquam sit ipsam. Ipsa rerum maiores et iure enim harum reprehenderit quisquam. Enim officiis quo dicta quia ut. Unde iure excepturi sint ut quasi et consequuntur.

Praesentium

Iure autem quia repellat iste. Voluptatem fuga praesentium enim aperiam suscipit. Aut inventore quia voluptatem ut aperiam. Ea aut maiores reiciendis explicabo soluta non.

Mollitia

Eius eveniet laboriosam vero fuga. Reprehenderit voluptate voluptatibus omnis consequatur modi nihil quia. Incidunt et nemo ut.

At

Laboriosam dolorem tempore itaque et dolorem cumque. Ut sed consequatur hic illo. Velit est sed ut repellat velit ratione.

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