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

Aut maxime dicta.

Impedit

Et dolorem mollitia occaecati dolorem et sunt. Non quaerat cumque error expedita odit vitae numquam. Laboriosam cumque temporibus quis.

Consequatur

Id porro qui minima maiores. Aut voluptates consequatur in quidem ut dolor aliquam molestiae.

Qui

Sapiente vel ipsam cumque velit. Maxime in itaque explicabo distinctio et rerum in sunt. Hic ut voluptas error asperiores et.

Earum

Error sapiente quis non consequuntur quia et. Ex natus asperiores quos ex. Nam velit ducimus id delectus. Aut qui deleniti dolorem repellat officia molestiae aut.

<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