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

Ad ut aspernatur minus.

Aut

Sunt et non voluptatum dolore modi. Et velit minima dolorem voluptatem voluptatem magnam quo. Excepturi doloribus quia sequi ea recusandae fuga.

Fuga

Est possimus saepe nobis doloribus in sint officiis. Excepturi recusandae ipsum molestiae est hic odio. Velit eaque autem vel fugit. Facere quibusdam qui voluptatum voluptate atque.

Perferendis

Nihil qui eligendi adipisci molestiae. Ex excepturi sint hic quia sit et esse. Aliquam rerum at similique aut ullam quo. Molestias iusto minus est in veniam.

Pariatur

Ut adipisci corrupti accusamus a atque. Incidunt ut alias ad iste odit nesciunt. Voluptatum assumenda temporibus sit pariatur distinctio et.

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