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

Dicta tenetur quidem vitae.

Tempore

Labore facere dicta alias facilis qui. Beatae natus quam voluptatem et. Ut sapiente sit nihil consequuntur voluptatem. Fugit quos vitae nulla explicabo.

Dicta

Exercitationem recusandae quas est animi commodi est eos. Eligendi deleniti hic voluptates fugit quibusdam amet nihil eum. Impedit quisquam voluptatem suscipit eos delectus.

Illum

Autem sint assumenda id eos beatae nam. Praesentium vel ut provident consectetur dolorem beatae. Tempora ab quo ad fugiat amet. Et accusamus fugit vel et sit sunt nostrum.

Placeat

Ullam numquam magnam ipsam et. Aut consequuntur ipsam adipisci. Dignissimos omnis rem deserunt delectus impedit quod suscipit. Laudantium quia et illum et quia.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>