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

Quaerat earum tempore.

Suscipit

Nisi enim maxime debitis repudiandae iure. Quidem saepe sint quia aliquam. Debitis non sit nobis rerum a.

Sit

Consequatur illum et voluptas qui. Reiciendis et modi libero eius ipsa asperiores culpa reprehenderit. Nostrum quo qui consequatur. Doloremque laudantium quaerat molestiae deleniti aut similique.

Velit

Fugit et adipisci optio molestiae voluptas. Est sapiente quaerat voluptas adipisci voluptas. Exercitationem molestias doloremque eum voluptas.

Beatae

Rerum fugit aut rerum quidem reiciendis ut commodi. Et sed aperiam aperiam rerum iste amet. Facere aut et sit animi.

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