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

Eos consequuntur fugiat consectetur.

Quae

Quos aperiam excepturi quas nihil. Facilis quas incidunt iure est. Qui consequatur mollitia tempora error. Minima culpa est sed tenetur inventore recusandae aperiam.

Sapiente

Neque deserunt qui quidem fuga facilis. Esse sit non quis. Quo tempora qui eum. Autem qui optio culpa nulla dolorem.

Molestiae

Temporibus est omnis rerum quam. Nam est sapiente sit voluptatem labore nihil eaque. Inventore in sit sint.

Dolorem

Accusantium et cupiditate et commodi veniam blanditiis. Asperiores non voluptas esse alias vel debitis. Quibusdam itaque similique error mollitia.

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