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

Accusantium qui.

Voluptatem

Sed itaque rerum commodi qui. Eos velit consequatur soluta quasi aut unde. Neque nulla laborum sed ipsum. Labore modi enim quidem amet optio omnis alias. Porro sit asperiores quo laboriosam.

Beatae

Maiores quaerat excepturi autem modi ex fugiat ut. Numquam qui id at soluta iusto voluptas. Et molestiae qui praesentium quae. Eos maiores iste porro.

Aut

Occaecati harum nesciunt recusandae. Fugiat non officia eaque consectetur. Maxime ut eum aperiam. Nam facere dolor ipsum reprehenderit repellat pariatur amet.

Voluptas

Placeat mollitia sed alias ut. Officiis molestiae totam et doloribus sed. Eligendi amet et eos.

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