Icon catalog. about responsiveicongrid

[Krloz4931]

Ok i got it.
`

        <div class="main">
            <ul class="cbp-ig-grid">
                <li>
                    <a href='page_a.htm'>
                        <span class="cbp-ig-icon cbp-ig-icon-1"></span>
                        <h3 class="cbp-ig-title">page a</h3>
                    </a>
                </li>
                <li>
                    <a href='page_b.htm'>
                        <span class="cbp-ig-icon cbp-ig-icon-2"></span>
                        <h3 class="cbp-ig-title">page b</h3>
                    </a>
                </li>
            </ul>
        </div>

`

`@font-face {
font-family: 'glyphicons';
src:url('../fonts/glyphicons-halflings-regular.eot');
src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('../fonts/glyphicons-halflings-regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}

.cbp-ig-icon:before {
font-family: 'glyphicons';
font-size: 7em;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}

.cbp-ig-icon-1:before {
content: "\e022";
}

.cbp-ig-icon-2:before {
content: "\e011";
}