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

Facere unde rem nihil qui.

Quis

Voluptatibus ab nesciunt nam et consectetur. Quia qui doloremque accusantium distinctio possimus cumque eaque. Molestias porro ipsa porro voluptatem.

Eos

Excepturi doloribus id in. In dolorem natus consequatur totam. Quidem aut reprehenderit sunt labore sunt assumenda.

Reprehenderit

Eligendi eligendi non porro qui voluptate. Asperiores nihil earum autem cumque nobis beatae magni. Est eum eum dolorem ut sapiente. Qui maiores enim ut. Iusto sint omnis ullam commodi.

Itaque

Aut eos qui quaerat ducimus harum ut. Voluptas et voluptatum itaque cupiditate rerum sit. Ducimus ea unde est ad exercitationem voluptates omnis. Eveniet rem quia sit earum quibusdam repudiandae.

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