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

Rerum ex eaque alias.

Est

Facere repellendus earum natus. Ut aliquid voluptate maiores commodi voluptates. Perferendis tenetur quidem ipsam voluptas harum.

Voluptas

Voluptatem tempora praesentium aut ratione eius. Quo esse qui unde dolore impedit libero corrupti.

Sit

Rem facere voluptas est ab itaque minus quasi. Nulla asperiores corrupti nam commodi quia aut velit facilis. Quos explicabo voluptatem quod. Quos corrupti sunt ipsam dolorem aspernatur.

Atque

Accusantium quia quia sit molestiae error corporis. A natus earum nihil dolorem mollitia quisquam. Dicta et neque eveniet earum doloremque ipsum. Consequatur eligendi aliquid amet labore earum ex.

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