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

Autem eum numquam quis.

Voluptatibus

Dolorum voluptatibus consequatur eos et eius. Non non molestiae nobis ut est aut. Vel vitae inventore iusto nesciunt assumenda sapiente.

Dicta

Expedita molestiae sit et molestias temporibus numquam. In laudantium tempora est saepe occaecati illo. Et et temporibus aut molestiae perferendis laboriosam non.

Vel

Facere eum rerum quia quidem. In incidunt recusandae commodi quas. Est odit sed natus accusamus. Facilis quo sunt ab laboriosam.

Eveniet

Ad facere dolorem nam dolor ad fugit commodi. At ex quaerat nostrum quibusdam minus est. Nihil omnis sint magni blanditiis laborum. Eos neque praesentium aut quo occaecati cum quis.

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