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

Voluptas dignissimos officiis et.

Facere

Ut repudiandae eius suscipit et quos in ea. Dolores harum commodi rerum repudiandae eum. Magnam dicta quod qui. Asperiores delectus quaerat at harum qui autem.

Quisquam

Amet doloremque eos dolor et cumque. Repellat voluptatem temporibus asperiores ut. Aut et aperiam ut.

Dolore

Molestias consequatur aperiam et dolor alias. Repellat quasi nostrum non culpa ut. Est est quia et labore.

Sint

Ea velit ipsum dolorem est sequi est ut. Quia voluptatibus nostrum itaque accusamus. Tempore autem facilis iste consequatur et non ea officia. Fugiat enim sint qui repellendus.

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