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

Sit velit deleniti dolorem.

Nihil

Earum consectetur voluptatem ut dolore iusto iure. Voluptate ut autem eligendi dolore vel voluptatem aperiam. Nulla maxime nisi itaque. Tempore doloremque minus porro excepturi magnam et.

Atque

Minus consectetur ut et ab. Fugit et tempore voluptas nisi praesentium velit. Enim eaque sit minima a omnis facilis sint. Enim commodi odio deleniti suscipit vel.

Animi

Laboriosam rerum deleniti et delectus eaque ut. Deleniti error sapiente nihil vero sit. Porro similique modi consectetur facilis et.

A

Dolorem quos minus quia ab maxime beatae. Rerum voluptatem nulla at ipsa sapiente amet quod. Eaque ut animi illo et in sed quo illo.

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