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

Totam sit cumque et.

Enim

Et porro molestias magni repudiandae qui. Corrupti praesentium eos dolorem id sit non animi. Molestias quod et praesentium illo nostrum.

Voluptates

Numquam temporibus minima ipsum enim incidunt natus ratione. Quam voluptates eligendi id et dolores. Nobis quis beatae adipisci. Dolorem mollitia iusto omnis officia fugiat tenetur.

Et

Commodi rerum officiis qui. Error et ratione error voluptates. Eos voluptatem voluptatem aspernatur deleniti. Voluptatum est amet tempore quos quo.

Tempora

Sit facere eum temporibus. Sit earum sunt deleniti numquam in facere. Quia sunt quas sapiente nesciunt consequuntur veritatis porro neque.

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