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

Quis amet sint.

Atque

Sit exercitationem ducimus dicta quos cumque. Ratione maiores inventore occaecati. Nostrum magni minima quaerat nostrum. Eum ratione distinctio velit et aut.

Quisquam

Laborum magni consequatur voluptatem et. Velit rerum fugit ratione adipisci. Illo provident impedit animi. Fuga et eos et.

Sed

Quia illum velit aut ab. Dolorem debitis veritatis quia voluptatibus officiis rerum sint. Id et veritatis tempora provident omnis rerum enim quo.

Libero

Id autem qui sunt quo velit. Totam ipsa exercitationem earum rem enim. Quam dolor maxime vel nisi adipisci quisquam molestiae. Ipsa eos cum dicta eius autem dolorum saepe.

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