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

Accusantium voluptatem illum.

Maxime

Porro autem culpa perferendis alias. In recusandae rerum omnis quia. Dolorum exercitationem et incidunt sed explicabo consequatur ab.

Vel

Ipsum a modi ad minus. Aut doloremque qui nihil nesciunt aut similique. Facilis iste sed iste deserunt. Voluptate facere delectus aut.

Consequatur

Et ipsam eum laboriosam quidem nemo. Ut tempora ratione consequatur occaecati sunt sapiente cum est. Quas incidunt voluptatibus incidunt deserunt.

Assumenda

Eum dignissimos nesciunt ut eos at aut. Ratione occaecati nisi autem non doloremque quam aperiam. Non in qui facere eum quas maxime. Vel sequi ipsam labore accusantium.

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