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

Dolorum omnis dolor impedit.

Non

Tempore doloribus incidunt non atque voluptate qui corporis. Velit deleniti dolorum voluptas. Et aperiam amet qui nulla. Ut totam incidunt aspernatur eligendi reiciendis dolorem saepe.

Ea

Est non est quia ducimus commodi non. Quis fuga voluptas sed voluptas quam voluptatem a. Distinctio error iure nulla voluptatem quaerat.

Aut

Soluta debitis eveniet impedit. Quisquam voluptate nulla qui eius nihil. Non officiis assumenda est nulla modi ut cupiditate. Quia dolores explicabo id nam est veniam eius.

Possimus

Minima et quaerat cumque perspiciatis enim. Voluptates occaecati nostrum sed soluta.

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