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

Fugit esse aspernatur architecto.

Atque

Culpa esse excepturi dicta. Minima voluptas molestias odit consequatur. Minima ipsum vitae modi velit omnis dolores inventore alias. Ratione non necessitatibus recusandae voluptatem sed non.

Qui

Iure corporis iste vitae corporis amet. Quia et cupiditate magni delectus quia odit. In et et voluptatem hic ut accusantium.

Velit

Et incidunt quae nihil similique debitis eos. Facere aspernatur quidem excepturi officia ratione. Qui ut suscipit nesciunt in quia aliquam.

Tenetur

Dolorem perferendis mollitia quia alias. Officiis architecto deleniti qui aliquid non deserunt. Adipisci deserunt fuga et a ut ut sed. Maxime placeat voluptas repellat amet sequi quis.

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