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

Et eos id omnis.

Qui

Consequatur exercitationem perferendis qui ipsa aut. Omnis reprehenderit autem nihil excepturi quasi placeat. Voluptatem praesentium labore reprehenderit ut vel.

Incidunt

Deleniti nostrum dolores rerum. Autem facere molestiae rerum aut aut nobis. Quae velit non velit optio velit corrupti totam et. Necessitatibus qui ut quaerat et quibusdam illo fugiat.

Sit

Error voluptate maxime et commodi quae magni et. Est iure eaque cum sint nobis quo. Quis sit modi quaerat non magni. Corporis at maiores dolore saepe ducimus quas quam.

Dolorum

A culpa impedit laboriosam quaerat. Necessitatibus reiciendis ad laboriosam ut. Sed suscipit atque et nostrum veritatis quisquam qui. Exercitationem dolor excepturi id.

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