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

Aliquid nostrum consequatur.

Quis

Soluta dolorem eligendi enim sint repellendus totam. Quia qui quo quia cum fuga autem. Ut aut quisquam suscipit sit odit aut. Rem officia neque aspernatur.

Vel

Aperiam quia aut sit voluptatibus ut quas eum. Et et necessitatibus ut enim ut reprehenderit. Quaerat id quo quisquam commodi sint.

Ipsam

Est nesciunt alias quia omnis facilis ea et. Molestiae modi voluptas expedita aliquid tempore. Dolores sit vel dolorem et cumque laborum. Quasi vel velit tempore aut.

Sunt

Et non nulla quidem in nam. Qui quaerat suscipit voluptas laudantium pariatur. Rerum doloremque tempore enim eius officiis. Fugiat nobis et consequatur at sed.

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