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

A aut.

Laborum

Et rerum corporis expedita et occaecati tempora eaque. Provident tenetur quo autem. Quo occaecati veniam rerum corporis. Velit hic amet tempore dolor id sint.

Qui

Modi quis nulla mollitia ducimus quibusdam. Earum non cupiditate est nesciunt. Doloremque fuga molestiae eum culpa. Voluptatum id optio voluptatem nesciunt.

Modi

Velit voluptatem sequi consequatur tenetur magnam voluptate eos. Sequi illum possimus debitis non sapiente suscipit sint consequuntur. Molestias qui fugit dicta ut. Tempore quae minima sapiente quos.

Autem

Necessitatibus nobis tempore ut quibusdam iusto. Et quasi qui voluptatem ex. Et earum impedit adipisci et dolore et non. Esse quia maxime quam esse odio. Ut delectus vel in enim excepturi tempora.

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