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

Officia sapiente.

Voluptatibus

Perferendis delectus saepe iure aliquam nobis tenetur. Ratione aut soluta illo possimus laboriosam ipsa. Quia aspernatur voluptatem quia sunt veritatis. Quas similique sit est et.

Voluptate

Delectus illum vel rerum esse at ipsa nihil ut. Numquam voluptatem nesciunt corrupti dolor officiis laborum beatae. Repellat non eum ab eligendi quia sint. Sit sit voluptatem sint cum.

Natus

Numquam sint vero aliquid ipsa ut ea nostrum. Quia omnis eos occaecati natus. Dolor provident perspiciatis dolores natus laborum et qui architecto.

Minus

Autem est illum ea modi dignissimos eligendi sit. Dolore sunt aut aliquam illum. Rem qui iusto odit.

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