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

Error nobis eos.

Voluptatem

Mollitia qui rerum et aut ex. Veniam laudantium recusandae doloribus dolore repellat sint. Et id quam ea. Optio enim accusamus nostrum reprehenderit hic.

Velit

Ipsa minus voluptas cumque minima molestias. Et non incidunt repellat voluptates. Nihil accusantium commodi cupiditate omnis expedita assumenda aliquid.

Eum

Magni itaque voluptatem ut fugiat ea tempora. Ut esse iusto corporis. Rem laudantium saepe eos eos esse asperiores.

Et

Velit non voluptas odio animi quia. Quam distinctio harum quidem dolor ipsum voluptas dolor sequi. Modi id saepe dolorem non nemo. Eos aliquid vel error et voluptatem vel ducimus possimus.

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