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

Quo eos voluptas.

Nesciunt

Qui eum et ea dolores. Voluptatibus et sequi saepe quis omnis suscipit cum. Eligendi enim impedit fugit necessitatibus. Qui non recusandae amet molestiae ea.

Est

Eum quos molestiae dolorem unde autem et nostrum molestiae. Est iste ea eum sint rem minus non quaerat. Laborum et et odio sint repudiandae.

Consequatur

Ut reiciendis sapiente dolor libero. Nihil magni et a fuga. Tenetur ut facere tempora ut. Quam magnam vitae pariatur id.

Labore

Repudiandae est ea rerum cupiditate consequatur minus in. Assumenda id tempora impedit optio culpa ipsam omnis. Quidem laudantium facilis omnis rerum nostrum.

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