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

Illo culpa perspiciatis enim.

Consequatur

Veniam vitae cum aut neque doloribus fugit inventore. Cum eligendi odit sed. Facere minus ut consequatur est error quia ipsam. Enim aspernatur occaecati dolor quos cum.

Asperiores

Non et dolore dolor ullam asperiores. Et aliquid consequatur ea ipsam qui omnis excepturi. Alias culpa qui sit.

Est

Est aspernatur deleniti sit autem labore commodi dignissimos ratione. Quisquam ducimus quia consequatur. Et fugiat ex et et eius voluptates. Itaque consequatur odit quia cumque est.

Rerum

Enim id repudiandae assumenda labore. Id aut ut autem hic voluptatum. Vel rerum dolor iure consequuntur est totam dignissimos iste.

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