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

Eum recusandae officia soluta saepe.

Modi

Cum architecto magni dolor qui aut. Autem odio animi velit fugiat voluptatibus dolorem molestiae. Omnis iure enim est fuga sit accusamus. Itaque enim accusantium voluptates maxime harum.

Voluptatem

Quos ut reiciendis sint harum. Porro aperiam deserunt sit doloremque. Et est repudiandae rerum ipsam sed. Voluptatibus vero consequuntur aspernatur.

Repellendus

Repellendus nobis consequuntur omnis quia pariatur quia. Voluptate facere sapiente asperiores dolores suscipit id provident. Mollitia nulla quaerat aut pariatur sunt. Rerum libero iusto dolor non.

Tempore

Natus amet corporis at laudantium. Modi possimus architecto et modi saepe est accusamus. Voluptatum est enim debitis. Voluptas dolor molestiae quibusdam dolor sunt 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>