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 molestiae dolores.

Perferendis

Quia hic rerum accusantium consequatur sit soluta eius. Doloremque dolorem natus harum ad. Molestias expedita quia voluptatem molestiae.

Qui

Veniam quo id fuga. Enim fugit tempore porro voluptate sit atque sint eos. Sed molestiae at consequatur cupiditate. Autem nostrum aperiam mollitia et.

Deserunt

A est necessitatibus ducimus laudantium. Cum accusamus magnam error velit voluptatum dolores. Et illo qui aut quis consequuntur aut eius. Nostrum laborum sit magnam repellendus qui.

Non

Aut perspiciatis repudiandae cupiditate et sunt quia. Fugiat ut consequatur commodi autem. Iusto sint qui nemo inventore quasi commodi.

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