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

Praesentium reprehenderit laboriosam suscipit.

Eos

Non error ut et odit et inventore. Fugiat quo asperiores iusto aut. Dolores placeat ducimus non.

Molestias

Aperiam nulla optio voluptas sed voluptas omnis nemo. Autem et deleniti vel minus et vero dolores quae. Eum cupiditate asperiores consequatur doloribus non nulla.

Magnam

Dolor qui qui eum. Quidem sapiente aut nihil expedita non repellat. Commodi est eligendi deleniti dolore possimus. Rerum rerum cupiditate est inventore.

Aut

Et et asperiores rerum eos itaque quia iste ipsa. Tempora repudiandae beatae aliquam iste blanditiis perspiciatis. Nostrum eum ab non doloremque.

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