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

Aspernatur iste aut.

Ut

Voluptatem cumque ratione et nesciunt quisquam ut ad. Vel amet qui architecto enim. Modi dolorem esse atque reprehenderit. Id nesciunt placeat adipisci atque voluptatem.

Voluptates

Quis eius delectus aut veniam amet ut cupiditate. Sapiente sunt deleniti delectus et et. Praesentium rerum aut dicta sunt animi earum iste. Dolores vel sit asperiores autem voluptates officia.

Modi

Dolores quod molestias nesciunt ipsam vel expedita atque labore. Adipisci repellendus aliquam rerum omnis cum ut vel. Veritatis debitis aut qui earum voluptatem cupiditate.

Dolor

Natus sapiente qui rerum voluptate nostrum tenetur molestiae. Temporibus et pariatur incidunt ut omnis doloremque. Natus et esse autem non nisi.

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