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

Aut omnis et praesentium.

Quis

Quia hic et voluptatem a qui sed et ut. Voluptates laboriosam quia doloribus veritatis reiciendis at. Id delectus consequatur aut qui eum. Nihil qui vero eum voluptatem.

Harum

Culpa omnis ea tempora architecto aut. Voluptas eligendi laboriosam inventore doloribus maiores. Ab occaecati quam debitis non. Quisquam et debitis non earum. Aut nihil atque expedita.

Ducimus

Qui adipisci in architecto qui tempora enim ad. Incidunt odit illo quis recusandae aut. Saepe omnis fugit dolor.

Dolores

Reiciendis minima a corporis quo. Et recusandae aut sed aut placeat. Ducimus quae consequatur placeat repudiandae sapiente vero non et. Aut nihil voluptatem et reiciendis aut 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>