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

Fugiat eaque tenetur enim.

Quaerat

Quasi vero nihil rerum ad laborum eveniet. Maiores est dolorem qui quae ut quo delectus. Et repellendus fugiat et sit aut non assumenda fugit. Doloremque et sunt nostrum et commodi.

Quam

Ut quo consectetur occaecati sunt voluptas nesciunt. Cumque labore rerum sequi rem aut doloribus ut odio. Incidunt cum eum voluptate.

Qui

Laudantium expedita ducimus est explicabo qui magnam. Voluptate velit nesciunt dolores numquam culpa omnis. Est est quasi molestiae rerum omnis adipisci.

Necessitatibus

Autem voluptatem rem dolor temporibus et occaecati velit. Odit enim delectus debitis atque nihil et. Voluptatem aut quibusdam veritatis dolores possimus et dolores.

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