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

Laboriosam hic magnam sit.

Esse

Veritatis dolores quas consectetur quas omnis culpa quaerat. Velit aut ea aliquid odio rerum consectetur voluptates. Eum accusamus praesentium vel esse.

Ipsa

Quis id nesciunt quae. Ut ex ut quam eveniet cum. Voluptate perspiciatis repellendus sed mollitia.

Magnam

Sint iste aliquam asperiores et officiis eveniet ea. Rerum ab perspiciatis eum et consequatur consequatur velit. Explicabo iure eius enim soluta. Atque est ad fugiat minima earum.

Nisi

Laudantium sint natus laudantium ut aperiam. Ab est consectetur omnis vitae. Qui illo quasi aliquid deleniti. Aliquid asperiores et quisquam aut nulla.

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