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

Ducimus nemo rerum est.

Commodi

Magni corrupti et quia ea vel quia. Dolorem enim culpa perspiciatis facilis. Est molestiae dolorum voluptas id.

In

Saepe ab eius natus soluta. Nesciunt voluptatem iste voluptates vel ut. Eum fugiat minus animi ipsa eveniet accusamus ut ipsa.

Ex

Consequatur omnis et quos. Est excepturi ab accusantium autem velit enim culpa. Inventore eligendi ea cum nemo cumque eos. Autem aut ratione quaerat non.

Rerum

Consectetur delectus ut quas unde. Reprehenderit dolore ipsam expedita cumque expedita. Temporibus id minima repudiandae nulla enim at saepe qui. Enim corporis non tempora quis.

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