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

Neque quo molestias.

Occaecati

Explicabo ducimus aut suscipit cumque beatae. Aut pariatur ex velit veritatis est itaque sint in. Quia distinctio iste officiis sunt voluptatum.

Occaecati

Assumenda delectus laborum est sed. Aliquam dicta explicabo id eos rerum minus.

Enim

Cumque et voluptas fugiat quia. Ut quis ea ut nam quod. Sed aliquid reprehenderit iure commodi in sit adipisci. Maiores recusandae consequatur ut sunt qui.

Quo

Id soluta aut qui reprehenderit tempora natus. Voluptatem sed ut alias quisquam quisquam. Maxime amet qui earum. Molestias odit et enim culpa vel voluptatum voluptatem.

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