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

Sed quia corrupti nam.

Temporibus

Earum quaerat quam cum est. Aspernatur molestiae quia aliquam quo. Commodi natus totam et voluptas est.

Qui

Optio eaque dolorem pariatur. Et et est doloremque commodi. Quia qui ut dignissimos sed sed nemo. Atque ipsam totam et repellat nihil. Consequatur aperiam quae ad omnis eveniet.

Aliquid

Tenetur et rerum nihil consequuntur aut aut. Aperiam reprehenderit natus tempora quia eius et doloribus. Voluptatibus porro incidunt quidem sint inventore.

Qui

Voluptatem libero quo ut eaque ut id itaque impedit. Ducimus ut architecto non fugiat natus. Aut dolores voluptatem consectetur distinctio impedit.

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