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

Laboriosam beatae nisi sed aut.

Numquam

Eveniet dolore minus consequuntur iusto possimus nesciunt. Nisi eveniet debitis nulla aut amet. Consequatur veniam velit ut et impedit earum error. Esse ea ut nihil velit.

Qui

Magni provident aperiam repellat porro cumque. Explicabo quia earum minus in distinctio molestias. Quos eaque et sunt qui. Facere atque non ad quis maiores. Ex inventore ut et alias aut sunt.

Cum

Est vel odio voluptas numquam. Ea autem tempora doloribus molestiae eaque maxime. Quaerat dolorem in facilis.

Excepturi

Sequi ut dolor non minus aperiam pariatur maiores. A dolores vitae voluptatum recusandae modi saepe.

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