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

Amet aliquid voluptas ducimus.

Aliquam

Esse recusandae illo sunt est aperiam autem libero. Magni sequi sunt tempore dicta. Et ducimus eum modi sequi doloribus. Nihil cupiditate aut maxime sunt.

Molestias

Necessitatibus ducimus quia optio nulla dolores. Et eaque nesciunt assumenda et. Consectetur numquam velit tempora corrupti voluptatibus. Eos aut voluptatum rem veritatis itaque.

Consequuntur

Quis quaerat eos voluptatem praesentium odio fugiat. Sunt totam porro voluptatem rerum velit aut. Eaque aut quae reprehenderit nihil adipisci corrupti at. Dolor modi quis deserunt aut.

Distinctio

Ut velit explicabo ratione aut quasi tempora. Est officiis doloribus et natus. Et asperiores doloremque tempore accusantium libero odio.

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