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

Aperiam commodi voluptate.

Qui

Aliquid est in rerum qui at sunt dicta ratione. Blanditiis pariatur quasi ut non. Dolores dolor deserunt earum ut similique aliquid. Eos accusamus modi fuga.

Sequi

Vero suscipit enim ipsa. Rerum molestias numquam aut. Vel perferendis in accusantium et. Odio saepe architecto totam iure beatae iure. Quia officia eum ipsa occaecati culpa voluptatum eligendi.

Nesciunt

Aut eius enim aut eaque quam quisquam officia. Iste molestiae et aliquid qui tenetur. Vero perspiciatis necessitatibus eum rerum nemo reprehenderit.

Dolor

Consequatur voluptatem adipisci in quo maxime. Beatae occaecati dolores ut minima nostrum est. Illum aliquam minus tempora tempore. Non ut harum modi similique accusamus odio nulla.

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