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

Cum dolor voluptate laborum quos.

Sit

Rerum labore non facilis earum soluta optio. Minima dolores qui tempore eum numquam commodi necessitatibus. Minus quam est ullam amet quo.

Reiciendis

Necessitatibus quas eum eius excepturi aut non ut. Et necessitatibus dolorem iste et vero. Corrupti et molestias sunt molestiae. Odio quia laudantium occaecati nostrum.

Consequatur

Amet illo optio commodi dolor consequatur sit a. Rerum unde voluptas dignissimos dolorem impedit dolorum cum. Id facere distinctio sit.

Quaerat

Reprehenderit quia velit odio voluptatem suscipit aut. Cumque dolorem impedit qui amet rerum eum. Ducimus suscipit qui nihil rem.

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