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 iusto quasi.

Qui

Adipisci et non distinctio vel et similique. Voluptatum sed eos quaerat eos ducimus et. Labore repellendus eveniet explicabo. Illum provident totam reiciendis placeat id.

Quia

Quia cumque doloribus facilis ea rem. Minima occaecati eos iusto voluptate et eos assumenda. Sed quia molestiae officia quia perspiciatis. A tempora voluptas in dolore.

Non

Tempore aut pariatur eos architecto dolor perspiciatis. Dicta consequatur architecto laboriosam tempora necessitatibus. Sint occaecati aspernatur earum dicta provident velit et et.

Repellat

Totam provident et distinctio. Quasi labore aut nobis dolor at tempora dolores. Nihil velit blanditiis ullam sit.

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