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

Steps to get this done

Quas

Et sequi nostrum veritatis sed. Aut iusto repudiandae illum provident modi. Voluptatem cumque esse odit tempore animi voluptatem.

Ex

Sunt quia blanditiis qui atque architecto aut illum. Alias ullam minus placeat. Eos amet maxime qui.

Perspiciatis

Rem doloremque non consequuntur odio. Commodi qui omnis aut.

Eum

Omnis culpa eos animi deleniti. Id provident similique sunt asperiores sed culpa eligendi. Quisquam est pariatur maxime ex corporis.

Sint

Mollitia odit magnam sequi earum eius recusandae impedit. Omnis sed ut nihil. Veniam dolorem omnis iusto quibusdam. Qui illo aut perspiciatis doloremque culpa in odio.

{COMMENT}Todo: Align all p-elements with each other at the top.{/COMMENT}
<section>
    <h2 class="text-primary text-center">Steps to get this done</h2>
    <div class="card-group">
        <div class="card border-0">
            <div class="card-body">
                <p class="h1 text-secondary">1.</p>
                <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">
                <p class="h1 text-secondary">2.</p>
                <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">
                <p class="h1 text-secondary">3.</p>
                <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">
                <p class="h1 text-secondary">4.</p>
                <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">
                <p class="h1 text-secondary">5.</p>
                <h3 class="card-title mb-4">{NAME}</h3>
                <p class="text-left">{TEXT}</p>
            </div>
        </div>
    </div>
</section>

Get code

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