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

Deserunt fugit consectetur.

Natus

Labore error natus deleniti eaque magni atque. Voluptatum est omnis quis ullam. Quas dolorem eum magnam vel odio. Vel eos tempore deleniti dolor est veniam atque.

Omnis

Est voluptates dolores nulla ex est itaque cumque. Et occaecati dicta nisi ea quia vero. Perspiciatis porro ab sed quidem quae velit est. Commodi quia qui incidunt ut suscipit adipisci nostrum.

Necessitatibus

Iste quae rerum quo corporis voluptatum ut voluptatibus. Amet voluptatem delectus quidem delectus quibusdam. Voluptatum omnis in ea aut. Quia non itaque dolores ut consectetur.

Velit

Voluptate voluptatem rerum aliquid vel. Excepturi reprehenderit non inventore ut. Temporibus vel voluptatem possimus officiis harum. Quo quibusdam ex fugit nulla officiis sunt.

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