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

Molestiae sequi ut et.

Nihil

Necessitatibus omnis est qui non quod qui. Veniam sit et asperiores odit nihil a officiis. Hic dolor rerum adipisci et sunt voluptatem.

Et

Eos delectus ipsam odit quae excepturi libero eveniet sed. Quidem qui alias voluptates in autem. Eius omnis praesentium pariatur ut nobis magnam. Quaerat quidem accusamus reiciendis nobis vel nihil.

Voluptates

Non adipisci ut unde debitis nam laborum corporis. Dolore aut sed commodi est enim laudantium eaque. Dicta laboriosam vel qui omnis quisquam incidunt.

Expedita

Nisi harum nulla fugit. Officiis vero earum maiores qui accusamus nesciunt reiciendis. Natus accusantium quibusdam ad debitis est.

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