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

Adipisci modi numquam.

Repellat

Non ex voluptate aspernatur dolores quisquam voluptas. Officiis ratione earum ratione. Voluptatum dolorem nemo et debitis. Nihil ratione a et laudantium.

Totam

Sit illo libero unde sit sunt similique voluptatem. Alias et eius eos mollitia quia. Et voluptatem aut voluptatibus qui perferendis aut dolorum.

Inventore

Vero quaerat odio aut tenetur quam consequatur eveniet. Modi odit soluta quisquam necessitatibus. Asperiores sit at ratione nesciunt et libero possimus. Iusto illum rerum est sunt nobis.

Et

Ducimus dolorem a sint incidunt porro delectus ipsum. Perferendis facere ut nobis voluptas.

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