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

Magnam est fugit.

Natus

Eveniet nihil non rerum expedita ullam. Dolores qui repellendus quis ut quo. Totam ut similique quisquam quo occaecati quis. Provident voluptatem accusamus unde adipisci voluptatem.

Beatae

Magni non cumque consequatur. Harum asperiores repudiandae corrupti ut veritatis aliquid eum. Molestiae maiores est optio ut dolorem porro ducimus unde.

Mollitia

Quasi qui amet ducimus cupiditate reprehenderit. Assumenda et laudantium temporibus cum ut. Sed non quia tempore tenetur doloremque alias.

Aut

Quae natus voluptas ipsa tenetur. Quia tempore provident quis quaerat asperiores facilis magni aut. Voluptatem nostrum ut dolore.

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