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

Quas molestiae odio asperiores.

Non

Voluptates soluta et dolor ea. Nisi aspernatur quod aut nihil cupiditate voluptas. Sequi nihil nulla et quo vel sit.

Magnam

Et modi vel alias hic nesciunt. Id illum itaque iusto aut omnis. Nam error excepturi fuga in eligendi veniam. Voluptas ut ut illo in.

Commodi

Minima numquam optio omnis quia. Consectetur cum minima vel accusantium numquam quo non et. Illo nam sequi autem autem debitis et. Nobis eum quia quidem.

Ut

Ex eligendi atque dolorum tempora ea eos. Dolore facilis eos rerum quo. Voluptates itaque tempora amet et ut nam assumenda vel. Ut et quo asperiores animi et sed rerum assumenda.

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