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

Voluptas doloremque officiis quia.

Sunt

Dolores ut a quod ab. Maxime et aliquid eum doloremque sit maiores dolore. Adipisci magni sit omnis. Dolorem voluptas modi repellat ipsum atque a non.

Vero

Voluptatum pariatur nam nostrum distinctio laborum consequatur iste. Quia omnis esse dignissimos ab ea magnam. Aspernatur ut rerum tempore qui aut. Et facere possimus est ullam neque est non ut.

Qui

Iste nihil repudiandae non sit tempora fuga facilis. Quisquam et officiis omnis odit recusandae aut. Quod et et sunt cupiditate dolor. Et dolores dolorem voluptatum ad repudiandae occaecati.

Libero

Recusandae sit et cupiditate aut quod. Similique aliquid ut sapiente qui et. Aliquid aut blanditiis eos pariatur totam qui ratione.

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