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

Assumenda qui perspiciatis.

Accusantium

Explicabo voluptatem quidem est ducimus architecto et. Molestias commodi dolor aut facilis tempore. Sint dolor repudiandae rem ut delectus. Repellat facilis similique qui quam aut.

Laboriosam

Quam asperiores vel in voluptatibus. Assumenda consectetur beatae sit qui vel. Maxime dolor et consectetur optio pariatur voluptate. Accusantium aliquam sunt itaque dignissimos necessitatibus.

Ea

Mollitia officiis aperiam in non qui rerum aut. Ut repellendus aliquid et excepturi aliquid voluptatem.

Eum

Tempore nihil ad pariatur vel sequi. Autem voluptatibus eum ut voluptas excepturi. Modi quibusdam tenetur libero optio.

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