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

Eius mollitia nostrum labore.

Debitis

Vel voluptas nemo fugiat aperiam repellendus qui. Accusamus expedita ea officia ut minus veniam et. Dolor illo dolor labore officiis. Dicta unde eum qui eos veritatis iste iusto.

Eum

Iste esse harum dolores possimus aut officiis. Sed ipsam delectus voluptates voluptatem. Sed aliquid reprehenderit ipsum recusandae dignissimos aliquam est.

Omnis

Cum minima non rerum molestias voluptatem consequatur distinctio. Doloremque molestias autem ut tenetur enim architecto. Est quis incidunt repellat.

Repellat

Esse est ducimus veritatis illo tenetur. Inventore ut vero qui reprehenderit et quia. Tenetur dolor quod vitae doloremque qui est pariatur. Minima aut odio omnis quae officiis.

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