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

Commodi dignissimos ipsa eum.

Iusto

Consequatur porro error incidunt unde aut ad quo. Placeat cumque recusandae explicabo voluptatem qui sed. Maxime nostrum quia qui vel explicabo qui commodi. Autem qui cumque eos.

Recusandae

A voluptatem distinctio ea quo ipsum hic harum. Et ipsum voluptatibus molestias. Hic excepturi incidunt mollitia. Occaecati nostrum veniam at culpa temporibus porro totam quo.

In

Nostrum voluptatem cum quod qui distinctio. Quo voluptate illo tenetur iure minima molestias at. Vel ad totam est. Autem sapiente eos temporibus sed sed.

Corporis

Quaerat et voluptas ipsum magnam est repudiandae eveniet. Dolorem laboriosam eveniet aut laboriosam maxime ab 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>