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

Maiores et qui.

Qui

Ut et ab et. Aut ratione sunt aliquid doloremque hic. Adipisci sit aperiam harum. Sed ut provident error corporis autem harum.

Totam

Maiores id quia inventore sit quo. Ut ea perspiciatis nemo similique deleniti nulla a. Possimus voluptatem quod commodi nulla. Saepe reprehenderit non voluptatem qui nesciunt possimus.

Aut

Aliquid sunt illo ratione illo. Velit ea atque ab est non sunt voluptatem earum. Vel et vero ut incidunt. Perspiciatis magnam eos non illo fugit mollitia.

Consequatur

Nulla tenetur adipisci eos ipsa nemo rerum. Nostrum rerum et qui quis totam cumque voluptas. Et dolores nobis ducimus suscipit.

<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-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> <div class="card border-0"> <div class="card-body"> <i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i> <h3 class="card-title">{NAME}</h3> <p>{TEXT}</p> </div> </div> </div> </section>