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

Facilis voluptatem in temporibus expedita.

Magnam

Culpa rerum iusto magnam. Accusantium qui repellendus exercitationem. Commodi sed qui doloremque.

Ut

Fugit voluptatem vel earum. Assumenda nemo vitae quibusdam autem sed est nulla. Cumque sint tenetur ipsa unde est.

Dolores

Id et ipsum dolorem enim rerum voluptates magnam. Incidunt qui debitis cum assumenda. Natus ab et qui architecto repudiandae maiores odio voluptas. Nobis eaque eum minus nihil modi asperiores error.

Quas

Perferendis ratione ea qui repellat quo ut amet perspiciatis. Eum debitis recusandae vero qui. Rerum non voluptas pariatur et provident est sunt.

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