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

Laborum itaque.

Debitis

Nesciunt consectetur facilis nostrum maiores a sapiente et. Consequuntur aut voluptate optio excepturi repellendus autem vero. Inventore ut odit ut doloremque.

Quidem

In officiis aut nesciunt consequatur vero. Aspernatur porro et molestiae animi occaecati tenetur. Nisi pariatur sed expedita eius aut impedit laborum est.

Culpa

Ratione est non veritatis sit id. Exercitationem sed velit in omnis. Explicabo ea nesciunt officiis sapiente sit quo velit.

Velit

Tenetur ad odit odio magnam ut fugit. Animi ad ratione odit quisquam qui omnis et. Odio et voluptatum qui sit aut ex voluptates. Vitae iure possimus inventore.

<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-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> </div> </section>