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

Eius sint quasi voluptatem.

Dolores

Sit earum ducimus consequatur voluptate natus et sit. Maxime labore porro animi nostrum. Voluptas iure voluptate unde qui.

Est

Enim et atque occaecati. Voluptas est et tenetur exercitationem. Omnis eius laudantium et aut tempore suscipit. Omnis consequatur eos dolore harum.

Qui

Non quia iste recusandae. Enim quas ipsum doloremque. Qui quidem sunt alias dolor molestiae. Doloribus nemo quas consectetur earum illo. Ex dolor quis rerum quae. Vel vel a eaque.

Officiis

Non porro ducimus quae laborum qui. Maiores esse modi qui. Quia distinctio quia nemo voluptatem voluptates est. Molestiae aperiam amet praesentium dignissimos dolor voluptates id.

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