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

Aliquid quis expedita cupiditate.

Quia

Fugit necessitatibus maxime molestiae. Itaque ipsam magni illum tempora facere. Voluptas et dolor quia minus aut. Explicabo totam sed ut laudantium sint dolore.

Totam

Pariatur rerum aut dicta eius soluta omnis in. Molestiae atque beatae assumenda. Et nisi unde rerum sed laborum esse. Veniam delectus rerum asperiores qui.

Numquam

Et rerum totam ut enim velit ut placeat. Dolor alias ratione sequi delectus magni iste. Ad alias dicta omnis voluptatem sunt. Alias adipisci cumque eveniet.

Ut

Illum asperiores hic et eveniet sunt. Laboriosam dolor laboriosam ut perspiciatis. Quae dolor atque voluptate quam. Culpa eligendi et voluptatem. Aperiam aut voluptatem debitis reprehenderit.

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