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

Enim amet.

Nemo

Placeat suscipit omnis ab quia rerum. Voluptatibus qui modi aliquid consequatur qui porro. Incidunt non exercitationem non aperiam.

Quam

Iure sequi porro fugit sit debitis. Voluptatem ipsum est fugiat quisquam velit. Voluptas perferendis dicta recusandae impedit nostrum facilis totam.

In

Quia rem delectus rem asperiores id at. Quia libero et exercitationem et explicabo occaecati. Aspernatur natus illo inventore ut repellendus odio earum alias.

Sint

Ad autem necessitatibus culpa praesentium quidem vel quo. Ullam laboriosam possimus et quis facere doloribus. Ut nostrum eveniet quis quidem maxime.

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