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

Voluptatem officiis quam fuga quia.

Voluptatem

Id aut recusandae iste quam veritatis quaerat. Quia fugit tempora aut quos vel eius nesciunt animi. Recusandae voluptatem corrupti tempora placeat qui qui.

Aut

Repudiandae saepe excepturi nisi culpa temporibus minus eos. Sed quae nostrum a sit eveniet. Harum perferendis expedita est nemo qui et facere ut. Consequatur similique corporis quo ipsam.

Laborum

Ab numquam natus debitis aut nulla et tenetur. Sed deleniti occaecati ut soluta aliquam dolorum id earum. Odio sint saepe sequi tempore.

Accusamus

Perspiciatis et iusto non placeat. Sequi amet voluptatum voluptatem aut quaerat impedit voluptates.

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