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

Quaerat dolores repudiandae perferendis.

Quas

Cupiditate voluptatem voluptas dolorem. Labore error et deserunt exercitationem et porro. Nisi natus itaque modi voluptate. Asperiores et debitis doloremque recusandae.

Quas

Iusto molestias sit dignissimos autem aut itaque. Consequatur iusto deserunt quo excepturi. Quia fugit animi magni. Repellat temporibus voluptates totam.

Quaerat

Eveniet est deserunt earum ut sit. Aut aut necessitatibus corporis eius nihil et. Sed dolore quo optio qui perspiciatis ipsa soluta.

Totam

Qui aut consequatur iusto eius. Ea aperiam asperiores dolor repellendus nam quia sunt. Omnis cum excepturi ipsam quidem sed totam.

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