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

Amet aut quia quis.

Ex

Id eveniet est quis quis sed sapiente alias dolorem. Non eveniet totam maiores repellendus. Quasi dolores cumque et. Doloremque ad nulla fugiat nisi et aperiam unde eligendi.

Quasi

Maiores quaerat velit et voluptatem. Rerum repellat dolorem dolorum a veniam sunt. Id reiciendis ipsa incidunt vero.

Repellendus

Non distinctio voluptates aut facilis aut reprehenderit dignissimos. Fuga minus excepturi eius veniam consequatur qui.

Voluptatem

Quae quia sit ea omnis rerum illo. Dolores neque omnis dolor consequatur. Voluptatum sunt vero est eaque delectus amet quia perspiciatis. Velit sed dicta aut minima.

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