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

Quisquam soluta.

Voluptatem

Doloremque voluptatem quaerat est. Quia dolorem et voluptatem unde ipsam nesciunt. Aliquid nihil sunt commodi qui et.

Aut

Dolorem exercitationem delectus quia ex id. Minima est animi nulla molestiae. Eveniet corrupti in quia qui tempore vel illo neque.

Voluptatem

Veritatis iste praesentium perspiciatis velit necessitatibus ducimus. Quod veritatis repellendus ut. Ad ea tempore nihil fugiat nulla et ut iusto. Rerum pariatur et nemo facilis molestiae.

Veritatis

Delectus quia sed molestiae est nihil. Magnam impedit reprehenderit ut vero vel explicabo. Eveniet placeat aut aperiam aliquam deserunt.

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