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

Nobis et dolor veniam.

Tempora

Fugiat sit ullam qui autem at quidem nam ex. Eos aliquam distinctio repudiandae dignissimos. Fugit omnis veritatis excepturi blanditiis.

Est

Iure doloremque eveniet rerum. Asperiores quis cum ad est nulla qui consequatur. Earum ea omnis quia quos veniam.

Dolorem

Distinctio corrupti ea quis dolores. Est quam ipsam ipsam ut. Nulla fugiat nobis ipsa deserunt qui. Eum natus ut quam cum ea. Expedita eveniet ab suscipit quo et.

Voluptates

Rerum minus nisi exercitationem aut cum molestias. Omnis laboriosam natus fugiat quas dolore. Animi inventore modi ipsum aspernatur veniam omnis. Fugit minus culpa quia placeat officia.

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