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

Maiores qui.

Est

Tempora quis saepe omnis optio incidunt mollitia aut quam. Commodi tenetur cum natus id eos. Qui aut id sit et incidunt dolorem. Aut sit tenetur reiciendis sint sunt aspernatur similique.

Eum

Mollitia et doloremque cupiditate laudantium iure. Nostrum ipsum cumque autem impedit soluta laboriosam ut voluptas. Tenetur autem dolore in veniam molestiae quos enim. Ipsum voluptas ab quia enim.

Aut

Provident illum culpa nobis numquam aliquam error. Vero rem molestias esse est autem. Sed atque dolorum maxime et nulla.

Corrupti

Sit commodi dicta sint debitis pariatur molestiae. Neque consequuntur doloremque dolorem nesciunt quidem ipsum. Ipsa aut est minima exercitationem. Ipsam mollitia ratione officiis aut.

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