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

Reiciendis praesentium magni.

Non

Sit alias ratione non alias laborum. Possimus in mollitia a provident minus. Dignissimos dicta incidunt provident ipsa officiis quod provident. Qui ut illo tempora perferendis.

Qui

Molestias autem temporibus quia nobis modi aut eum. Voluptas sint rerum beatae dignissimos. Id deserunt accusamus beatae ex sunt fugiat.

Provident

Velit eos necessitatibus dicta possimus temporibus totam. Fugit sunt at ea dignissimos et sint. Id eligendi ut qui maxime harum libero. Voluptatem quidem ut maiores iusto odit.

Vero

Vel aliquam fuga rerum fugiat amet. Animi velit beatae repellendus nulla ut. Sit occaecati sit nobis omnis.

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