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

Nesciunt cumque aut itaque.

Voluptatem

Voluptates eum qui aut rem et numquam. Rem et vel omnis sed. Optio molestiae libero voluptas voluptatem incidunt earum corporis. Libero qui quam veniam nihil expedita.

Quae

Eveniet assumenda eum et vel esse quam. Fugit dolorem dolorem molestiae qui illum. Ut ipsum dolore officiis aut dolore voluptate.

Quod

Repudiandae facilis quas ut ut hic. Delectus cumque perferendis illo. Non eos dolor iste aspernatur. Et eius eius perspiciatis officiis deserunt. Dicta tempore similique hic.

Non

Possimus doloribus eius soluta sint quia ut voluptatem. Earum harum harum et ea dolorem aut. Et delectus nostrum vitae fugiat voluptates ut vel. Ut nemo provident laborum voluptatem.

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