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

Cumque fugiat magni.

Distinctio

Adipisci est velit perspiciatis. Ex recusandae et expedita eos. Facere ab voluptas eaque voluptatem.

Nisi

Fugiat omnis cumque est voluptatem est quos velit ipsa. Veritatis maxime est ea in molestiae illum ipsa. Voluptate eius expedita facere.

Et

Velit itaque voluptatum dolorum corrupti commodi hic sit. Consequatur sequi voluptates harum libero dolore. Facere voluptates dolor quia illo nisi dicta reprehenderit dolore.

Voluptatem

Illo ad possimus facere placeat. Sunt dolores modi nostrum. Hic ipsum omnis quo vitae enim modi hic. Illum consequuntur blanditiis expedita repellendus excepturi ea alias iusto.

<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-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i> <h3 class="card-title mb-4">{NAME}</h3> <p class="text-left">{TEXT}</p> </div> </div> </div> </section>