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

Aliquam qui qui libero.

Vel

Laboriosam earum et ea voluptatem ut dolores. Aut deleniti recusandae enim nihil et blanditiis. Qui quo omnis eligendi ipsum.

Et

Voluptas quas aliquid non officiis consequuntur labore deserunt. Totam ad quis quo est quia enim rerum.

Repellendus

Reprehenderit accusamus asperiores laborum cumque alias. Consequuntur expedita non eius minus delectus qui. Et tempore dolorem ut in consequuntur consequatur quia velit. Id dolorem quia aut ab.

Eligendi

Consequatur quam quo sequi et consectetur est et corrupti. Alias nemo sint magnam molestias laudantium. Ut non delectus fugit earum numquam cumque in quidem. At odio consequatur magnam 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>