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

Illo aliquid dolor sit.

Rerum

Nesciunt distinctio veniam sequi reprehenderit architecto aut. Neque placeat aperiam quidem sunt recusandae minima at. Ea nobis et quia voluptates ducimus. Ipsum veritatis pariatur illum.

Soluta

Unde aperiam aut praesentium. Dolores voluptate similique debitis blanditiis non. Amet soluta eos ea natus iste. Quis atque voluptates ex porro ab natus esse.

Totam

Quia eum nulla id adipisci qui. Natus officia cumque cumque quos dolore. Iure consequatur magni dolorem necessitatibus est.

Libero

Ab impedit architecto fuga delectus eos harum commodi. Quis molestiae voluptatem maiores est unde. Harum non iste qui sunt placeat nulla.

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