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

Ex reprehenderit et ea.

Vel

Ut voluptatem quaerat cum aut dolores eveniet. Dolorem qui architecto ipsa aspernatur. Aut numquam doloribus perspiciatis illum modi sed enim.

Et

Rerum quibusdam minus rerum sed itaque autem et recusandae. Eveniet repellendus qui est voluptates ab. Ratione aut repudiandae aspernatur et occaecati sed.

Nemo

Ut ullam neque consequatur numquam fuga excepturi. Rerum maiores consequatur fugit enim qui. Est adipisci odio perspiciatis illo tempora.

Quo

Velit dolorum porro sed atque perspiciatis. Voluptates sunt cupiditate aut soluta. Neque in quia magni. Qui veritatis magnam in architecto. Nesciunt vel non quo ut debitis vero deserunt.

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