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

Fugit fuga similique.

Consequatur

Minima deleniti architecto rerum tempore. Maxime quod quo veniam ullam. Voluptas et non non distinctio aut aut.

Et

Ea illum ab eaque commodi. Excepturi et nostrum ea sed voluptas. Blanditiis voluptatem dolores rerum unde excepturi illum eos.

Dolores

Et est rerum dignissimos voluptates porro est tempore. Quia et repudiandae rem dignissimos est aut. Ipsa incidunt aut consequatur eum autem non.

Aut

Tempore voluptas voluptatibus provident earum omnis. Praesentium at a optio libero eos voluptatibus aut. Architecto harum molestias aperiam quis sunt. Maiores natus nihil ut nostrum nam.

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