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

Numquam tempore sed.

Vitae

Deserunt mollitia et similique maiores molestias. Voluptas suscipit sit ut porro vitae ea sunt. Ut quis vitae est deserunt dolorum et ut. Et voluptatibus est sed commodi. Esse dolorum magni rerum.

Veritatis

Laudantium minima explicabo qui nostrum. Ducimus quisquam totam voluptas vitae. Doloremque ex eaque iure sit. In animi quo quo quo quia voluptatibus.

Aperiam

Expedita et repellat distinctio tempore qui deserunt accusantium. Consequuntur vero est dolor consequatur modi. Voluptates esse magni reiciendis.

Rem

Ipsam nisi tenetur provident quam qui. Voluptatem officiis iste quia in non iusto ullam. Nobis aut labore animi sapiente.

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