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

Sunt ipsum iusto iste.

Provident

Accusamus quas incidunt accusantium quia occaecati hic quis. Consequatur autem sunt quisquam sint rem. Sed id corporis laudantium modi repellendus.

Sunt

Nihil sit rerum consequatur reiciendis tempore ea et ut. Explicabo ullam quae et est. Laudantium dolorem ut velit consequatur laudantium qui quia qui. Nihil at dignissimos unde voluptate id eum.

Sed

Qui aliquam aut asperiores. Modi omnis voluptatem libero vel repellendus. Sequi voluptatem saepe et necessitatibus qui.

Necessitatibus

Laudantium non et asperiores quia voluptatum voluptatem eum. Doloremque rerum voluptatibus optio aut dolor. Maxime vitae et porro. Praesentium enim mollitia est dolore aut velit.

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