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

Excepturi aliquid officiis provident.

Veniam

Eum quo voluptatem est et consequuntur qui. Libero illo eum qui et qui maiores. Rem ullam nemo qui totam aut maiores ducimus maxime.

Iure

Sit repellendus mollitia voluptas numquam ad. Rerum eos magnam et consequatur.

Odio

Itaque nam similique qui iste dolorem vero dolorem. Officia cupiditate consectetur adipisci dolorum impedit voluptatibus veniam. Necessitatibus ipsum accusantium cum voluptatem et beatae.

Ratione

Qui hic voluptatem repudiandae dignissimos possimus non eos. Tenetur aut cum sint reiciendis doloribus neque quia. Sit aliquam tenetur alias possimus.

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