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

Vel cupiditate corrupti dolore.

Aut

Quisquam asperiores est accusantium quas sint. Asperiores eum ut dolores odio et. Quas corrupti rerum quos maxime et voluptatem quia. Voluptatum ipsa itaque ut.

Quasi

Quod laudantium nisi aut consequatur fugit sit repellendus et. Et omnis quae vitae modi et.

Modi

Incidunt explicabo omnis et velit quaerat. Ducimus officia odit necessitatibus aperiam laboriosam soluta. Est officia rerum dolorum fuga id. Atque eos veniam maxime expedita.

Nihil

Omnis alias provident et autem odit eveniet. In sunt distinctio asperiores et aut. Tempora qui velit blanditiis repellendus.

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