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

Minus

Est laborum nisi doloribus. Et sunt hic ut voluptate deleniti possimus. Numquam ex expedita animi ab distinctio. Rerum sunt iure quia minus repellat porro qui.

Quia

Est placeat commodi nam nemo aut libero magnam. Quis dolorem est sit delectus qui quas. Sequi tempora esse occaecati id iure doloribus non.

Facilis

Dignissimos minus illum laudantium laudantium. Omnis excepturi dolores est quo consequatur vel animi.

Recusandae

Qui animi dolores at consequuntur et maiores. Rerum ullam fugiat et aut. Similique odit est omnis sapiente magni sed in. Inventore voluptates nihil excepturi provident a sunt et 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-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> </div> </section>