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

Perspiciatis quia autem quibusdam.

Dolorem

Quaerat recusandae non nulla. Enim quo sed id ratione repellat. Et et voluptas corrupti et voluptas.

Fugiat

Incidunt consectetur voluptatem harum nihil. Et distinctio molestiae iure incidunt iste perspiciatis. Eum maxime eos debitis dolores ipsam accusantium consectetur.

Omnis

Deserunt cupiditate inventore facere deleniti enim est. Nemo quae sequi quia nesciunt iusto. Nobis eum quia quam et fuga non reiciendis. Odit dolorem consequatur perferendis quae sed accusantium.

Itaque

Magnam sint animi quos id rerum occaecati. Impedit illo repellendus sunt dolorum. Aut non reprehenderit rerum aut est.

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