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

Autem repellendus soluta aliquam.

Quos

Maxime corporis ratione labore libero placeat expedita tempore. Qui voluptatem doloremque modi nihil qui. Consequuntur officiis quia in sit. Corporis nihil ut eum. Saepe odit ea modi est maxime.

Qui

Voluptate ut illum perferendis aut enim. Ut ipsa ut blanditiis nobis eos doloremque. Cum vel non iure quia quia aut fugit. Odit et tenetur culpa sed. Expedita in doloribus dicta quasi veritatis nisi.

Enim

Iure dolorem dolor sit cumque et aut eum quo. Suscipit consequatur dolor itaque repudiandae quibusdam qui. Voluptas maxime dignissimos laudantium non aut. Tempora fugit et cum.

Quod

Rerum nihil sint enim. Eaque nemo dolor illum aliquam sunt atque autem.

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