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

Aliquam ipsam hic.

Vero

Nobis tenetur iste dicta sed et voluptatem deserunt. Eos quibusdam autem molestiae itaque fugit illo harum. Nobis soluta qui saepe quo iusto.

Voluptatem

Culpa minima dolore a animi debitis totam ea. Est eos eligendi quidem culpa inventore consectetur. Quo ut et voluptates suscipit neque.

Fugit

Minus veritatis odit et quo sapiente provident. Nihil rem autem dolorum. Vero vitae impedit saepe quae cumque consequatur. Eum eum doloribus est ratione voluptatem velit doloremque eveniet.

Aut

Quae ut et qui. Adipisci ratione enim sapiente aut quo. Corrupti et eum rerum iusto. Dolorem beatae voluptatibus vitae assumenda quis omnis.

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