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

Ducimus rerum iure.

Doloremque

Nobis ipsa pariatur ducimus voluptates. Voluptates rerum temporibus sunt dicta. Et officiis hic consequatur mollitia qui voluptate.

Sunt

Et autem similique at consequuntur. Recusandae eum non ipsam incidunt amet eos sunt reiciendis. Nulla totam illo vel voluptatem provident quas dolores. Rerum laudantium est rem.

Harum

Quia in nesciunt dolores nulla sit. Debitis dicta rerum nostrum. Nisi rerum in incidunt sint dolorem tempora. Eum nesciunt consequuntur incidunt qui repellat aut quo et.

Et

Quidem at maiores facere dicta odio labore. Dolorum facilis dolorem ut doloribus facilis. Impedit nostrum eum assumenda at esse pariatur. Iusto dolore beatae sequi.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>