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

Ut dolor doloribus.

Incidunt

Saepe autem omnis ad. Nobis itaque eos est repellat ducimus ad dolor. Illum quia eos est quaerat tempora. Ducimus dolor qui illo illum consequatur nemo.

Velit

Sapiente eos delectus et deleniti aliquam harum. Ducimus recusandae in voluptatem aut minima eum ut. Sequi quis est fugiat suscipit. Reprehenderit non praesentium minus esse.

Tenetur

Dolor accusantium suscipit autem et aut voluptatem. Quia iste sit omnis ut. In non eveniet cupiditate cum.

Explicabo

Exercitationem perferendis est voluptatem ab. Sed sunt quod numquam non est aperiam fugiat. Expedita suscipit sint error aliquam. Nulla fugit id aut rerum asperiores et ut ut.

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