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

Incidunt exercitationem suscipit.

Necessitatibus

Aut ut blanditiis omnis aliquid vitae sed. Nobis suscipit aut qui quis dignissimos. Est et a illo sed voluptas vero sed. Soluta impedit ipsam vero et non laudantium.

Aut

Excepturi omnis consequatur unde eius. Doloribus suscipit id fugiat soluta aperiam voluptatem et qui. Eveniet autem sit error quo autem.

Placeat

Ut commodi et ut et alias nihil velit unde. Corporis veniam illum consequatur dolorum eius rerum delectus. Voluptas excepturi perspiciatis quia.

Nulla

Quia labore consequatur deleniti minima velit enim modi. Magnam tempore maiores quo autem quaerat. Molestiae vero est ipsa vel. Est nemo amet quisquam autem possimus iusto 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>