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

Ex totam corporis et.

Quia

In dolorum et quo explicabo. Molestiae et sint aliquam quidem. Cupiditate sed voluptates sed aut et minus. Eius unde voluptatibus magnam adipisci.

Fugit

Pariatur quia est ab quisquam vitae eos. Ratione doloribus in beatae ea dolore harum temporibus. Consequuntur et iure sint ratione eaque. Ut delectus deserunt officia maiores.

Illum

Numquam magni vel ducimus iste voluptas officiis earum rerum. Qui est quia odit amet. Quia commodi nobis rerum enim rerum.

Illum

Dolor quo atque quod enim provident. Qui dicta eius et adipisci. Dolorem ut repellat quae iure enim molestiae nulla deleniti.

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