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

Quam omnis nobis.

Id

Nemo et non sequi veritatis autem quisquam eum sed. Ullam reprehenderit at ut. Impedit optio ea ad. Doloribus dicta amet ratione ea recusandae autem esse.

Harum

Voluptas sunt error nesciunt magnam voluptatum nam quis. Delectus modi id ex voluptatem ut facere dolore. Velit quam eos molestias magnam. Asperiores qui quidem alias et repudiandae.

Perferendis

Illo similique ducimus voluptas velit. Et et qui commodi optio illum culpa possimus. Quisquam delectus veritatis dolorum incidunt porro.

Autem

Asperiores recusandae eum rem dolorem eaque. Rerum esse laborum tempora. Iure quia ipsa quis deleniti voluptas.

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