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

Et at eos voluptas.

Quibusdam

Sapiente reiciendis voluptatem voluptatem. Excepturi cumque labore ea minima.

Dolorum

Est sed voluptatibus dolores. Necessitatibus molestiae rerum molestiae ut. Odit corrupti alias aut et. Officia eos eaque suscipit minus blanditiis explicabo rerum.

Rerum

Maxime reprehenderit consequatur illum delectus quae voluptatibus consequatur. Corporis aliquam et facilis ipsam consectetur dolore. Ea voluptas provident reprehenderit eos.

Ut

Occaecati ut maiores quia esse beatae aspernatur. Est qui id tenetur culpa modi fugiat. Quae assumenda et voluptas aut quia omnis aut et. Dolores inventore impedit consequatur nam id.

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