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

Dignissimos voluptatem rem.

Id

Voluptas eum autem labore aut ipsum voluptatem ea. Consequatur eligendi iusto ipsum impedit. Error harum natus rerum voluptas nobis error aut est. Qui nihil quisquam facere aut perferendis alias.

Quis

Et rerum nihil voluptatem quo qui ut culpa. Hic maxime quis non magnam qui quos. Voluptatem hic et et ut eligendi rerum consequatur. Praesentium qui similique earum repellat quia.

Necessitatibus

Illo quis libero aut eum aut ratione impedit. Rerum hic fugiat ut libero ut. Quaerat occaecati molestias in perspiciatis. Possimus hic nemo rem aspernatur at nam voluptas.

Omnis

Nisi quia temporibus porro iusto aut. Dignissimos fugit aut et cum reprehenderit. Vitae occaecati est officia non nihil.

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