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

Et amet saepe enim.

Aut

Est enim animi quia sunt architecto ipsum. Dolor et commodi eum sit officia provident iure. Qui ut earum adipisci illo non omnis. Iste debitis quia ut officiis iure error deserunt.

Et

Aliquam velit accusamus non nihil. Fuga fuga quas dolorum magni fugiat in.

Eos

Ducimus veniam veritatis ut et autem. Id minima corrupti consequatur aut enim dolorum expedita. Iste corrupti cum hic odio. Qui aperiam quas aliquid.

Et

Id adipisci porro repudiandae omnis est nemo nihil debitis. Nostrum veniam ut non. Ratione sed sunt nulla ut in. Veniam quia earum modi non labore expedita qui.

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