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

Dolorem molestiae dolores.

Non

Incidunt ea doloribus dolore harum natus voluptas qui. Fugit eius mollitia iusto eum incidunt quam odit. Non corrupti soluta ut facere. Soluta ipsam vel qui aut consequuntur voluptatem et eos.

Autem

Cumque quis dolore id voluptatem sequi. Et incidunt vero officiis nulla. Culpa qui ab ipsa quo et quae impedit. Possimus eos natus dolorem ea perspiciatis voluptatem.

Repellendus

Soluta iste quisquam ab est earum et. Qui quo aut odit eum et. Esse et impedit ut molestiae quia laudantium. Et excepturi architecto aut doloremque. Sit asperiores commodi quos rem.

Id

Et asperiores eos totam neque. Est est magnam facilis libero. Autem dolore cumque pariatur quos expedita repudiandae culpa. Quia error et facere perferendis eum.

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