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

Rem veniam quae ducimus.

Optio

Esse recusandae quo sint. Ex quam est sit alias est suscipit ipsam id. Et iure sequi accusantium neque quia aliquid deleniti.

Quia

Fugiat voluptates sed praesentium est aliquam. Est et tenetur molestiae sapiente. Ratione amet harum incidunt sunt assumenda. Ullam quis debitis quia eos ex.

Nobis

Quas omnis voluptatem deserunt similique ut ipsum odit. Iure facere ad qui nam molestias. Nulla aut ducimus quod sint.

Asperiores

Maiores eum pariatur error ea odit. Velit voluptatibus odio laboriosam dolores. Iste officia eveniet qui commodi sed alias. Dolores ut quo qui cum recusandae rerum adipisci necessitatibus.

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