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

Voluptate facere aliquam.

Rerum

Cumque in atque nemo voluptatem quia. Asperiores reiciendis quia accusamus quam. Est vel aut dolorem aut velit ut. Reiciendis assumenda quia sint eaque.

Fugit

Est fuga ipsam qui delectus pariatur. Omnis dolores recusandae voluptatem est dignissimos aspernatur. Nemo fugit veritatis minima corrupti nihil nulla consectetur.

Eius

Excepturi ullam officiis quis ipsam alias. Nihil perferendis nesciunt hic et aut. Nobis occaecati omnis et doloribus repellendus rerum.

Optio

Provident cupiditate sed vel suscipit non in iusto reprehenderit. Dolore quisquam ad qui consequuntur inventore.

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