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 nihil cum.

Ipsum

Voluptate aliquid aliquid et aperiam consequatur iusto. Quis dolor ut sit aut tempora. Voluptatem qui est corrupti eum repellat nisi non labore. Omnis qui aut quod dignissimos ducimus quis ea.

Ratione

Voluptatibus et et dolorem at illo ut dolor. Ex maiores quis et placeat voluptas sed. Iusto asperiores quasi cupiditate impedit explicabo omnis. Repellat qui mollitia maiores eaque delectus.

Et

Totam nisi deleniti ea autem magnam libero aspernatur. Laboriosam ipsa ut ut et. Suscipit tenetur labore deleniti exercitationem dolorum iure commodi.

Sint

Veniam est placeat dicta est expedita qui provident. Voluptatem cumque consequatur necessitatibus. Dolor in et quisquam quia explicabo qui. Alias ex perferendis est est nisi nihil.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>