Bootstrap Igloo

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

Custom made cubes or special requests

Direct link All categories

Illo ea asperiores est.

Dolor

Repellat recusandae magni aut voluptate deleniti optio sint. Quam velit est dicta maiores ut.

Aut

Qui aut voluptatum illo quos expedita. Laboriosam earum et repellat dolorem. Sed quia ipsum provident voluptas non.

Quia

Vero et enim aliquam fugit enim. Pariatur saepe ipsam adipisci aut dolore quia repudiandae.

Sit

Deleniti molestiae fugiat qui sed sunt quis. Delectus aperiam voluptas ipsum debitis sed illum dolor. Totam at vel necessitatibus ipsum nihil animi. Cumque ipsa eius porro tenetur fugit eum.

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

Get code

Icons made by Freepik | Subscribe to new cubes | Custom made cubes or special requests