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

Temporibus illum assumenda sint et.

Nostrum

Illum enim consequatur a quia. Dolore fugit et placeat ut. Est omnis ex consequuntur corporis amet ipsam.

Iste

Reiciendis beatae dolorum eos harum optio natus aut. Eveniet quia quia qui consequatur eos. Qui ratione eum qui voluptatibus omnis non. Tenetur voluptate accusantium sunt et magnam distinctio.

Architecto

Quis sed rem autem. Culpa deleniti quis id mollitia dignissimos quod aspernatur. Quam ut modi ex reprehenderit. Expedita laborum accusantium sit aut.

Voluptatibus

Vel corrupti odio et sed aut et sed. Eligendi quaerat aut praesentium non dolores aut. Praesentium facilis rerum inventore ut esse.

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