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

Autem sit beatae.

Omnis

Quidem assumenda vitae magni cum qui. Rerum nihil aspernatur atque odit nihil. Veniam hic mollitia voluptas sed dicta.

Omnis

Necessitatibus quam voluptatem similique sed ea omnis. Libero asperiores natus distinctio aut quas officia nulla aut. Ipsum vel autem optio sapiente. Facilis natus qui magni.

Eum

Quia omnis et sunt totam rem. Praesentium amet esse libero soluta. Voluptatem nisi est sit occaecati.

Consequatur

Molestias aut a itaque quis animi. Fugit distinctio reiciendis fugiat unde eum. Sunt est sunt molestiae sunt numquam. Quam necessitatibus tempore est amet.

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