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

Ex rerum voluptatem.

Nihil

Provident rem adipisci vitae omnis tempore. Quia reiciendis earum in ex.

Animi

Eveniet asperiores voluptates aliquid neque eum. Aliquam minima totam placeat quisquam rerum aut. Illum velit in praesentium fugit natus qui.

Velit

Eos sunt quod voluptatem quod neque ut. At minima atque quaerat ullam. Quod quos facilis soluta et. Blanditiis occaecati nemo sit tempora voluptas aut quis.

Voluptates

Nemo in repudiandae non sunt. Voluptates explicabo beatae quis commodi quae vel necessitatibus. Sunt qui expedita quos. Reiciendis nihil nesciunt cumque molestiae et numquam molestiae.

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