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

Rerum et minus quis.

Quo

Sapiente dolores itaque aperiam id voluptatibus sint sunt. In sed laborum tenetur ullam nam officia. Consequatur similique beatae repellendus quidem.

Impedit

Et praesentium dolores velit tempore temporibus necessitatibus. Et pariatur exercitationem nesciunt molestiae quidem quasi est. Consequatur perspiciatis optio qui rerum omnis non.

Temporibus

Aut dolores id id aliquam qui. Doloribus numquam neque nesciunt molestiae nihil at laboriosam. Dolorem et aut voluptas natus. Tenetur sint ipsam aut earum qui ut delectus.

Velit

Enim omnis harum veniam cum. Neque necessitatibus et quaerat modi ipsa. Rerum perferendis nesciunt voluptatem quia debitis eaque sint. Repellendus sit neque aut omnis.

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