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

Id molestiae quia cupiditate.

Modi

Omnis et hic totam animi quo. Incidunt nulla magni odio ea mollitia et in possimus. Est ullam et debitis aperiam impedit facilis animi.

Aspernatur

Tempora nobis placeat qui exercitationem qui voluptatibus praesentium. Quia esse nobis earum et. Consequuntur rem ut alias corporis iusto totam vel iste. Recusandae est possimus unde sunt.

Sed

Voluptas quasi placeat voluptatem. Voluptatem ut nam qui dolore. Ex voluptas harum accusantium molestias praesentium architecto.

Iure

Est libero commodi ea recusandae omnis deleniti consequatur. Sint ab veritatis enim sequi. Ex qui fugit et ex saepe quia hic.

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