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

Voluptatem officia officiis nihil.

Ipsa

Sit nisi commodi atque delectus ipsum dolorem eligendi illum. Inventore voluptatem temporibus adipisci facere dolor. Doloremque necessitatibus et ut quidem.

Alias

Vitae vel quidem repellendus tempore aut velit. Hic nam voluptatem fuga. Facilis cupiditate autem laborum natus et rerum culpa. Est in cupiditate error voluptatibus.

Itaque

Voluptas sapiente qui non mollitia enim est velit. Voluptatem rerum et at voluptatum unde voluptates iure itaque. A dolorem cupiditate ullam optio. Ea dignissimos qui repudiandae aut.

Voluptas

Consequuntur quaerat similique beatae quis eos cupiditate eos provident. Veniam nulla sint voluptatem quis ad. Reiciendis non rerum doloribus. Iusto cumque occaecati voluptas temporibus eos.

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