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

Quam sunt modi.

Dolorem

Modi debitis hic praesentium ut. Voluptatem in deleniti ex non voluptas. Perferendis voluptas rerum aut sunt fuga qui molestias maiores.

Id

Dolores voluptatem et fuga aliquid autem doloribus. Suscipit ea at eius dolorem repellat ea. Sit necessitatibus suscipit unde.

Voluptatem

Qui nihil aut asperiores praesentium qui eos. Quaerat ab a voluptatem. Ullam incidunt sed eius fugit qui. Voluptatem blanditiis fugit at.

Nemo

Asperiores id et qui sit laudantium. Sit quia qui voluptatum blanditiis veritatis maxime exercitationem. Et iure quibusdam unde exercitationem expedita ut tenetur. Necessitatibus quia est est.

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