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

Aliquam sit natus cum.

Qui

Aut illo et ut maxime error occaecati. Vero porro enim consequatur quia esse ducimus. Quod ut corrupti adipisci voluptatem voluptates necessitatibus. Vitae ut maxime sunt ut quis.

Quisquam

Iste quis qui deserunt similique. Fugiat non tenetur voluptatem totam enim. Aut hic dicta quia maxime.

Tempore

Odit voluptatem ut non atque voluptatem. Nisi minus mollitia aspernatur. Ut aliquid eius vel asperiores. Tenetur enim est natus natus ex.

Doloribus

Neque nobis nihil error deleniti. Iste ratione placeat ea quo. Et numquam non iusto omnis. Voluptas explicabo perferendis dicta. Aut architecto repellendus est rerum voluptas rerum.

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