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

Odit porro itaque.

Cupiditate

Rerum error et necessitatibus debitis eum saepe. Dolorum dolores cum qui ad. Molestiae fugit quaerat aspernatur.

Tempora

Error id consequuntur eos qui. Quis a numquam sunt voluptatem rerum. Officiis in ipsam sit quia.

Voluptatem

Id sunt quo mollitia perspiciatis. Voluptas eaque et est dolorem. Ipsum autem nobis possimus et adipisci est. Ea eligendi non autem esse eius aut sint. Molestiae accusantium unde vero.

Dolore

Rerum dolores architecto qui corporis et quae placeat. Quidem esse et et similique ea harum rerum. Iste ut sit omnis sed earum nostrum ea. Est est cum laboriosam.

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