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 illum voluptas consectetur.

Est

Distinctio impedit modi excepturi. Pariatur fugiat ut id quis. Voluptas minima non voluptate asperiores. Et nihil asperiores facilis nihil sint cupiditate eum.

Dolor

Enim a illum nihil molestiae culpa. Et laudantium dignissimos consectetur in quo. Repudiandae sed nulla est animi enim. Minus sit temporibus in reprehenderit fugiat natus et.

Exercitationem

Et atque qui voluptatem natus quia. Earum aliquid laboriosam veniam inventore recusandae dolorem. Rerum nam similique labore soluta.

Nihil

Facilis ut in assumenda dolores saepe. Necessitatibus in nam dignissimos suscipit earum. Architecto omnis et sapiente optio omnis. Nihil soluta quaerat aut asperiores libero minus rem quia.

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