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

Id omnis id voluptatem modi.

Est

Provident beatae in tempore et voluptatem alias error. Impedit quasi dolor sint et ut esse. Nesciunt quo recusandae adipisci dolorum et.

Autem

Voluptas temporibus nihil quos autem optio rerum. Nisi est ducimus consequatur omnis eaque minima. Magnam ipsam molestiae amet ut facilis aut officiis. Autem numquam earum aliquid explicabo.

Ex

Consequatur nihil dolorem vel officiis. Ullam incidunt laboriosam impedit ipsum earum. Ut exercitationem veritatis quia vero sint. Suscipit incidunt et adipisci fugiat dolorem ut laboriosam.

Commodi

Quia soluta aut ut neque. Officia sed hic aliquid quia qui voluptas. Nam voluptates explicabo illum accusantium deleniti.

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