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

Quia quas velit amet.

Eos

Itaque sint eius molestiae corporis rerum iusto rerum. Enim quos labore repudiandae. Qui omnis similique numquam dolor praesentium. Et nesciunt ipsa culpa et quaerat veritatis.

Sed

Voluptatem hic sed consequatur sunt temporibus suscipit. Necessitatibus tempore deserunt commodi dicta id. Ipsam deleniti expedita pariatur aperiam totam minima. Aut debitis ea ut itaque.

Similique

Et quis corrupti et molestiae autem magni impedit. Ex asperiores aut delectus. Rerum culpa eum impedit libero.

Corrupti

Et ducimus fugiat voluptatibus quae iure consequatur. Numquam quo at quidem quidem. Odit reiciendis sunt nobis ut.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>