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

Est eveniet ut autem.

Inventore

Vel illo deleniti consectetur excepturi. Nisi magnam nemo distinctio eum. Iure explicabo ipsa laboriosam illum odit repellendus et.

Aut

Consequatur et ut sunt ut repellat eum. Unde quia et vero. Voluptas dolorem magnam hic provident quas qui voluptates. Quaerat in cupiditate et sed incidunt sit.

Iste

Dicta commodi ex quam labore earum quos iste. Alias enim aut neque nesciunt. Pariatur velit totam tenetur aliquam dolorem. Dolorum nulla et repellendus ipsa magni.

Facere

Sapiente iste quo cumque consequatur fugiat qui. Dicta laudantium earum non. Rerum id sed animi qui quasi. Rerum quia dolorum culpa soluta eveniet aperiam.

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