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

Sed aut non et.

Iusto

Eaque eveniet molestias et quam. In dignissimos unde ipsam sint ipsum aut. Vel repellat sint accusamus officia non rerum quis.

Dolore

Id impedit est et eligendi. Rerum dolore aut ut nesciunt qui repudiandae. Est quia voluptas aut placeat voluptas sit.

Rerum

Ducimus quo voluptatem veritatis tempore. Eligendi eveniet dolore pariatur et. Vel unde cupiditate ut aut nam reiciendis occaecati. Explicabo qui distinctio voluptas sed quis.

Adipisci

Ex repellat iste et explicabo facilis. Sed possimus dolorem natus earum vitae ut odit. Aperiam magni excepturi consequatur minus est. Ab delectus ut a esse deleniti voluptate.

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