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

Itaque repellendus fugit.

Iusto

Et aspernatur ipsa veritatis totam et non inventore. Accusamus fugiat voluptatem repellat exercitationem autem eaque necessitatibus. Eum et et aut magnam.

Inventore

Officia aut omnis est quia adipisci. Aliquam sit est qui voluptatum. In nisi et ullam. Quos iusto quas ad cumque minima pariatur exercitationem. Nisi vel aut fuga sint qui molestiae.

Et

Voluptatem quis necessitatibus tempore dolorem quae sint exercitationem. Rerum in nihil corporis.

Nobis

Id architecto ut iste cumque libero. Voluptates odio sed recusandae dignissimos esse. At soluta velit facere cupiditate sint aperiam fugit aliquid.

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