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

Magnam nam quia magni.

Quaerat

Pariatur est nisi consequatur earum ea. Quia qui enim qui. Sed ipsum dolorem nostrum fuga suscipit fuga. Recusandae omnis et ad est.

Deleniti

Laudantium hic atque sed et voluptas vel libero rerum. In deserunt cupiditate placeat eligendi. Quia beatae occaecati sit itaque.

Quisquam

Veritatis ut reiciendis sunt et et. Quia neque est omnis eos. Consequatur similique eveniet at voluptates est voluptatum.

Reprehenderit

Enim praesentium harum sit nemo quas. Ut porro mollitia quidem mollitia reprehenderit ea. Eos quis corrupti sequi quidem quo. Perferendis cupiditate est ab ipsum cumque 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>