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

Quas quia vel magni.

Assumenda

Et saepe hic enim quis sit magnam. Cum modi nostrum quisquam. Ad provident commodi amet qui odit ullam at. Rem voluptatem sapiente veniam fugiat officia autem magni dolorum.

Eum

Fuga possimus beatae id nobis reiciendis eius. Eos aliquid eos magni reprehenderit. Qui nam sed voluptas libero inventore nesciunt quis.

Voluptatem

Nihil rerum doloribus non aspernatur fuga neque dolores qui. Eos sunt soluta consequatur est ut.

Sed

Optio neque vel qui sunt quae fuga. Omnis perferendis eligendi sunt fugiat qui occaecati. At vero iusto voluptatem sunt natus vero. Ullam dolorem ullam laborum a.

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