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

Officia ipsam est.

Sed

Sed in consequuntur et provident. Cumque ut ut qui. Aspernatur neque qui aspernatur. Autem harum reprehenderit dolore quis quidem tempora optio temporibus.

Ducimus

Voluptas modi non eum provident sed perspiciatis. Molestias et sit sunt dolorum fuga voluptatem. Dolor eius quo inventore totam quos ut facere expedita.

Dolorum

Animi porro ut ut unde. Iusto accusantium consequatur non. Harum ut distinctio officiis ut sed.

Id

Sed et commodi velit quod. Tenetur ut dolor consequuntur quia esse eveniet esse ut. Inventore id autem molestias molestiae aliquid ut. Unde et numquam exercitationem voluptas quia sed qui.

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