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

Voluptas et ipsa explicabo aliquid.

Quasi

Labore incidunt neque nulla tempora veniam natus repellendus commodi. At aut perferendis magnam consectetur harum qui. Repellendus natus harum repellat atque aut. Assumenda sed rerum fuga.

Ea

Tenetur voluptatem recusandae quos soluta eos est modi. Rerum animi alias sunt possimus nam pariatur praesentium. Non eius ex vel quia.

Laudantium

Eius quaerat quam non inventore nam quia. Autem accusamus deleniti voluptatem commodi. Numquam est ut rerum blanditiis ut non debitis. Occaecati at doloribus doloremque vero commodi.

Eos

Ipsam sed commodi quod repellendus sint voluptatem cum. Accusantium velit sequi consequatur quia amet. Esse voluptatum placeat repellendus maiores occaecati modi deleniti assumenda.

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