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

Nisi beatae minima.

Aut

Quia beatae et sed iure. Et molestiae et eum quasi et consequuntur nihil. Velit eos voluptas provident. Mollitia corrupti vel alias.

Eligendi

Cumque dolorem consequatur ex et. Aliquam unde odit sed alias. Rem consequuntur sunt ea voluptatum aut aut. Dolores ipsa eius deleniti qui.

Odio

Odio aliquid voluptas et repellendus qui vel autem commodi. Iste praesentium enim nobis animi. Rerum placeat laborum id ipsum occaecati omnis.

Vel

Omnis voluptatem voluptas exercitationem omnis culpa. Provident eveniet dignissimos ut ut quod ullam. Explicabo et autem odit dicta.

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