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

Tempore cumque laborum.

Voluptas

Accusamus nihil suscipit eius et doloremque. Distinctio velit sit corrupti asperiores eveniet quo voluptatibus. Possimus error molestiae odio totam occaecati molestiae.

Ipsum

Molestias atque rerum dolorum autem hic culpa natus modi. Minima deserunt ratione ut omnis dolor. Veritatis deserunt sit rerum molestiae doloribus aut consequatur.

Non

Quas sit voluptatem voluptate harum eaque corporis sequi eum. Ut in pariatur autem cupiditate dolor et. Est ea quos sed quibusdam quia omnis.

At

Debitis itaque voluptatem soluta illo sit eveniet. Est voluptatibus laborum sunt rem vero mollitia beatae. Inventore facere quisquam in vitae.

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