SuperX-Kernmodul
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1085 lines
106 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><style>/*
* Bootstrap v2.2.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333;
background-color: #fff;
}
a {
color: #08c;
text-decoration: none;
}
a:hover {
color: #005580;
text-decoration: underline;
}
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.span12 {
width: 940px;
}
.span11 {
width: 860px;
}
.span10 {
width: 780px;
}
.span9 {
width: 700px;
}
.span8 {
width: 620px;
}
.span7 {
width: 540px;
}
.span6 {
width: 460px;
}
.span5 {
width: 380px;
}
.span4 {
width: 300px;
}
.span3 {
width: 220px;
}
.span2 {
width: 140px;
}
.span1 {
width: 60px;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
float: right;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 21px;
font-weight: 200;
line-height: 30px;
}
small {
font-size: 85%;
}
h1 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
}
h1 small {
font-weight: normal;
line-height: 1;
color: #999;
}
h1 {
line-height: 40px;
}
h1 {
font-size: 38.5px;
}
h1 small {
font-size: 24.5px;
}
body {
margin-top: 90px;
}
.header {
position: fixed;
top: 0;
left: 50%;
margin-left: -480px;
background-color: #fff;
border-bottom: 1px solid #ddd;
padding-top: 10px;
z-index: 10;
}
.footer {
color: #ddd;
font-size: 12px;
text-align: center;
margin-top: 20px;
}
.footer a {
color: #ccc;
text-decoration: underline;
}
.the-icons {
font-size: 14px;
line-height: 24px;
}
.switch {
position: absolute;
right: 0;
bottom: 10px;
color: #666;
}
.switch input {
margin-right: 0.3em;
}
.codesOn .i-name {
display: none;
}
.codesOn .i-code {
display: inline;
}
.i-code {
display: none;
}
@font-face {
font-family: 'fontello';
src: url('./font/fontello.eot?59672123');
src: url('./font/fontello.eot?59672123#iefix') format('embedded-opentype'),
url('./font/fontello.woff?59672123') format('woff'),
url('./font/fontello.ttf?59672123') format('truetype'),
url('./font/fontello.svg?59672123#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
.demo-icon
{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* You can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
</style>
<link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/fontello-ie7.css"><![endif]-->
<script>
function toggleCodes(on) {
var obj = document.getElementById('icons');
if (on) {
obj.className += ' codesOn';
} else {
obj.className = obj.className.replace(' codesOn', '');
}
}
</script>
</head>
<body>
<div class="container header">
<h1>
fontello
<small>font demo</small>
</h1>
<label class="switch">
<input type="checkbox" onclick="toggleCodes(this.checked)">show codes
</label>
</div>
<div id="icons" class="container">
<div class="row">
<div title="Code: 0xe800" class="the-icons span3"><i class="demo-icon icon-scissors">&#xe800;</i> <span class="i-name">icon-scissors</span><span class="i-code">0xe800</span></div>
<div title="Code: 0xe801" class="the-icons span3"><i class="demo-icon icon-briefcase">&#xe801;</i> <span class="i-name">icon-briefcase</span><span class="i-code">0xe801</span></div>
<div title="Code: 0xe802" class="the-icons span3"><i class="demo-icon icon-off">&#xe802;</i> <span class="i-name">icon-off</span><span class="i-code">0xe802</span></div>
<div title="Code: 0xe803" class="the-icons span3"><i class="demo-icon icon-road">&#xe803;</i> <span class="i-name">icon-road</span><span class="i-code">0xe803</span></div>
</div>
<div class="row">
<div title="Code: 0xe804" class="the-icons span3"><i class="demo-icon icon-list-alt">&#xe804;</i> <span class="i-name">icon-list-alt</span><span class="i-code">0xe804</span></div>
<div title="Code: 0xe805" class="the-icons span3"><i class="demo-icon icon-qrcode">&#xe805;</i> <span class="i-name">icon-qrcode</span><span class="i-code">0xe805</span></div>
<div title="Code: 0xe806" class="the-icons span3"><i class="demo-icon icon-barcode">&#xe806;</i> <span class="i-name">icon-barcode</span><span class="i-code">0xe806</span></div>
<div title="Code: 0xe807" class="the-icons span3"><i class="demo-icon icon-book">&#xe807;</i> <span class="i-name">icon-book</span><span class="i-code">0xe807</span></div>
</div>
<div class="row">
<div title="Code: 0xe808" class="the-icons span3"><i class="demo-icon icon-ajust">&#xe808;</i> <span class="i-name">icon-ajust</span><span class="i-code">0xe808</span></div>
<div title="Code: 0xe809" class="the-icons span3"><i class="demo-icon icon-tint">&#xe809;</i> <span class="i-name">icon-tint</span><span class="i-code">0xe809</span></div>
<div title="Code: 0xe80a" class="the-icons span3"><i class="demo-icon icon-check">&#xe80a;</i> <span class="i-name">icon-check</span><span class="i-code">0xe80a</span></div>
<div title="Code: 0xe80b" class="the-icons span3"><i class="demo-icon icon-asterisk">&#xe80b;</i> <span class="i-name">icon-asterisk</span><span class="i-code">0xe80b</span></div>
</div>
<div class="row">
<div title="Code: 0xe80c" class="the-icons span3"><i class="demo-icon icon-gift">&#xe80c;</i> <span class="i-name">icon-gift</span><span class="i-code">0xe80c</span></div>
<div title="Code: 0xe80d" class="the-icons span3"><i class="demo-icon icon-fire">&#xe80d;</i> <span class="i-name">icon-fire</span><span class="i-code">0xe80d</span></div>
<div title="Code: 0xe80e" class="the-icons span3"><i class="demo-icon icon-magnet">&#xe80e;</i> <span class="i-name">icon-magnet</span><span class="i-code">0xe80e</span></div>
<div title="Code: 0xe80f" class="the-icons span3"><i class="demo-icon icon-chart-bar">&#xe80f;</i> <span class="i-name">icon-chart-bar</span><span class="i-code">0xe80f</span></div>
</div>
<div class="row">
<div title="Code: 0xe810" class="the-icons span3"><i class="demo-icon icon-credit-card">&#xe810;</i> <span class="i-name">icon-credit-card</span><span class="i-code">0xe810</span></div>
<div title="Code: 0xe811" class="the-icons span3"><i class="demo-icon icon-floppy">&#xe811;</i> <span class="i-name">icon-floppy</span><span class="i-code">0xe811</span></div>
<div title="Code: 0xe812" class="the-icons span3"><i class="demo-icon icon-megaphone">&#xe812;</i> <span class="i-name">icon-megaphone</span><span class="i-code">0xe812</span></div>
<div title="Code: 0xe813" class="the-icons span3"><i class="demo-icon icon-key">&#xe813;</i> <span class="i-name">icon-key</span><span class="i-code">0xe813</span></div>
</div>
<div class="row">
<div title="Code: 0xe814" class="the-icons span3"><i class="demo-icon icon-glass">&#xe814;</i> <span class="i-name">icon-glass</span><span class="i-code">0xe814</span></div>
<div title="Code: 0xe815" class="the-icons span3"><i class="demo-icon icon-music">&#xe815;</i> <span class="i-name">icon-music</span><span class="i-code">0xe815</span></div>
<div title="Code: 0xe816" class="the-icons span3"><i class="demo-icon icon-search">&#xe816;</i> <span class="i-name">icon-search</span><span class="i-code">0xe816</span></div>
<div title="Code: 0xe817" class="the-icons span3"><i class="demo-icon icon-mail">&#xe817;</i> <span class="i-name">icon-mail</span><span class="i-code">0xe817</span></div>
</div>
<div class="row">
<div title="Code: 0xe818" class="the-icons span3"><i class="demo-icon icon-heart">&#xe818;</i> <span class="i-name">icon-heart</span><span class="i-code">0xe818</span></div>
<div title="Code: 0xe819" class="the-icons span3"><i class="demo-icon icon-heart-empty">&#xe819;</i> <span class="i-name">icon-heart-empty</span><span class="i-code">0xe819</span></div>
<div title="Code: 0xe81a" class="the-icons span3"><i class="demo-icon icon-star">&#xe81a;</i> <span class="i-name">icon-star</span><span class="i-code">0xe81a</span></div>
<div title="Code: 0xe81b" class="the-icons span3"><i class="demo-icon icon-star-empty">&#xe81b;</i> <span class="i-name">icon-star-empty</span><span class="i-code">0xe81b</span></div>
</div>
<div class="row">
<div title="Code: 0xe81c" class="the-icons span3"><i class="demo-icon icon-star-half">&#xe81c;</i> <span class="i-name">icon-star-half</span><span class="i-code">0xe81c</span></div>
<div title="Code: 0xe81d" class="the-icons span3"><i class="demo-icon icon-user">&#xe81d;</i> <span class="i-name">icon-user</span><span class="i-code">0xe81d</span></div>
<div title="Code: 0xe81e" class="the-icons span3"><i class="demo-icon icon-users">&#xe81e;</i> <span class="i-name">icon-users</span><span class="i-code">0xe81e</span></div>
<div title="Code: 0xe81f" class="the-icons span3"><i class="demo-icon icon-video">&#xe81f;</i> <span class="i-name">icon-video</span><span class="i-code">0xe81f</span></div>
</div>
<div class="row">
<div title="Code: 0xe820" class="the-icons span3"><i class="demo-icon icon-videocam">&#xe820;</i> <span class="i-name">icon-videocam</span><span class="i-code">0xe820</span></div>
<div title="Code: 0xe821" class="the-icons span3"><i class="demo-icon icon-picture">&#xe821;</i> <span class="i-name">icon-picture</span><span class="i-code">0xe821</span></div>
<div title="Code: 0xe822" class="the-icons span3"><i class="demo-icon icon-camera">&#xe822;</i> <span class="i-name">icon-camera</span><span class="i-code">0xe822</span></div>
<div title="Code: 0xe823" class="the-icons span3"><i class="demo-icon icon-camera-alt">&#xe823;</i> <span class="i-name">icon-camera-alt</span><span class="i-code">0xe823</span></div>
</div>
<div class="row">
<div title="Code: 0xe824" class="the-icons span3"><i class="demo-icon icon-th-large">&#xe824;</i> <span class="i-name">icon-th-large</span><span class="i-code">0xe824</span></div>
<div title="Code: 0xe825" class="the-icons span3"><i class="demo-icon icon-th">&#xe825;</i> <span class="i-name">icon-th</span><span class="i-code">0xe825</span></div>
<div title="Code: 0xe826" class="the-icons span3"><i class="demo-icon icon-th-list">&#xe826;</i> <span class="i-name">icon-th-list</span><span class="i-code">0xe826</span></div>
<div title="Code: 0xe827" class="the-icons span3"><i class="demo-icon icon-ok">&#xe827;</i> <span class="i-name">icon-ok</span><span class="i-code">0xe827</span></div>
</div>
<div class="row">
<div title="Code: 0xe828" class="the-icons span3"><i class="demo-icon icon-ok-circled">&#xe828;</i> <span class="i-name">icon-ok-circled</span><span class="i-code">0xe828</span></div>
<div title="Code: 0xe829" class="the-icons span3"><i class="demo-icon icon-ok-circled2">&#xe829;</i> <span class="i-name">icon-ok-circled2</span><span class="i-code">0xe829</span></div>
<div title="Code: 0xe82a" class="the-icons span3"><i class="demo-icon icon-cancel">&#xe82a;</i> <span class="i-name">icon-cancel</span><span class="i-code">0xe82a</span></div>
<div title="Code: 0xe82b" class="the-icons span3"><i class="demo-icon icon-cancel-circled">&#xe82b;</i> <span class="i-name">icon-cancel-circled</span><span class="i-code">0xe82b</span></div>
</div>
<div class="row">
<div title="Code: 0xe82c" class="the-icons span3"><i class="demo-icon icon-cancel-circled2">&#xe82c;</i> <span class="i-name">icon-cancel-circled2</span><span class="i-code">0xe82c</span></div>
<div title="Code: 0xe82d" class="the-icons span3"><i class="demo-icon icon-plus">&#xe82d;</i> <span class="i-name">icon-plus</span><span class="i-code">0xe82d</span></div>
<div title="Code: 0xe82e" class="the-icons span3"><i class="demo-icon icon-plus-circled">&#xe82e;</i> <span class="i-name">icon-plus-circled</span><span class="i-code">0xe82e</span></div>
<div title="Code: 0xe82f" class="the-icons span3"><i class="demo-icon icon-minus">&#xe82f;</i> <span class="i-name">icon-minus</span><span class="i-code">0xe82f</span></div>
</div>
<div class="row">
<div title="Code: 0xe830" class="the-icons span3"><i class="demo-icon icon-truck">&#xe830;</i> <span class="i-name">icon-truck</span><span class="i-code">0xe830</span></div>
<div title="Code: 0xe831" class="the-icons span3"><i class="demo-icon icon-hammer">&#xe831;</i> <span class="i-name">icon-hammer</span><span class="i-code">0xe831</span></div>
<div title="Code: 0xe832" class="the-icons span3"><i class="demo-icon icon-lemon">&#xe832;</i> <span class="i-name">icon-lemon</span><span class="i-code">0xe832</span></div>
<div title="Code: 0xe833" class="the-icons span3"><i class="demo-icon icon-minus-circled">&#xe833;</i> <span class="i-name">icon-minus-circled</span><span class="i-code">0xe833</span></div>
</div>
<div class="row">
<div title="Code: 0xe835" class="the-icons span3"><i class="demo-icon icon-help-circled">&#xe835;</i> <span class="i-name">icon-help-circled</span><span class="i-code">0xe835</span></div>
<div title="Code: 0xe836" class="the-icons span3"><i class="demo-icon icon-info-circled">&#xe836;</i> <span class="i-name">icon-info-circled</span><span class="i-code">0xe836</span></div>
<div title="Code: 0xe837" class="the-icons span3"><i class="demo-icon icon-home">&#xe837;</i> <span class="i-name">icon-home</span><span class="i-code">0xe837</span></div>
<div title="Code: 0xe83a" class="the-icons span3"><i class="demo-icon icon-link">&#xe83a;</i> <span class="i-name">icon-link</span><span class="i-code">0xe83a</span></div>
</div>
<div class="row">
<div title="Code: 0xe83b" class="the-icons span3"><i class="demo-icon icon-attach">&#xe83b;</i> <span class="i-name">icon-attach</span><span class="i-code">0xe83b</span></div>
<div title="Code: 0xe83c" class="the-icons span3"><i class="demo-icon icon-lock">&#xe83c;</i> <span class="i-name">icon-lock</span><span class="i-code">0xe83c</span></div>
<div title="Code: 0xe83d" class="the-icons span3"><i class="demo-icon icon-lock-open">&#xe83d;</i> <span class="i-name">icon-lock-open</span><span class="i-code">0xe83d</span></div>
<div title="Code: 0xe83e" class="the-icons span3"><i class="demo-icon icon-pin">&#xe83e;</i> <span class="i-name">icon-pin</span><span class="i-code">0xe83e</span></div>
</div>
<div class="row">
<div title="Code: 0xe83f" class="the-icons span3"><i class="demo-icon icon-eye">&#xe83f;</i> <span class="i-name">icon-eye</span><span class="i-code">0xe83f</span></div>
<div title="Code: 0xe848" class="the-icons span3"><i class="demo-icon icon-eye-off">&#xe848;</i> <span class="i-name">icon-eye-off</span><span class="i-code">0xe848</span></div>
<div title="Code: 0xe849" class="the-icons span3"><i class="demo-icon icon-tag">&#xe849;</i> <span class="i-name">icon-tag</span><span class="i-code">0xe849</span></div>
<div title="Code: 0xe84a" class="the-icons span3"><i class="demo-icon icon-tags">&#xe84a;</i> <span class="i-name">icon-tags</span><span class="i-code">0xe84a</span></div>
</div>
<div class="row">
<div title="Code: 0xe84b" class="the-icons span3"><i class="demo-icon icon-bookmark">&#xe84b;</i> <span class="i-name">icon-bookmark</span><span class="i-code">0xe84b</span></div>
<div title="Code: 0xe84c" class="the-icons span3"><i class="demo-icon icon-flag">&#xe84c;</i> <span class="i-name">icon-flag</span><span class="i-code">0xe84c</span></div>
<div title="Code: 0xe84d" class="the-icons span3"><i class="demo-icon icon-thumbs-up">&#xe84d;</i> <span class="i-name">icon-thumbs-up</span><span class="i-code">0xe84d</span></div>
<div title="Code: 0xe84e" class="the-icons span3"><i class="demo-icon icon-thumbs-down">&#xe84e;</i> <span class="i-name">icon-thumbs-down</span><span class="i-code">0xe84e</span></div>
</div>
<div class="row">
<div title="Code: 0xe84f" class="the-icons span3"><i class="demo-icon icon-download">&#xe84f;</i> <span class="i-name">icon-download</span><span class="i-code">0xe84f</span></div>
<div title="Code: 0xe850" class="the-icons span3"><i class="demo-icon icon-upload">&#xe850;</i> <span class="i-name">icon-upload</span><span class="i-code">0xe850</span></div>
<div title="Code: 0xe851" class="the-icons span3"><i class="demo-icon icon-forward">&#xe851;</i> <span class="i-name">icon-forward</span><span class="i-code">0xe851</span></div>
<div title="Code: 0xe852" class="the-icons span3"><i class="demo-icon icon-export">&#xe852;</i> <span class="i-name">icon-export</span><span class="i-code">0xe852</span></div>
</div>
<div class="row">
<div title="Code: 0xe853" class="the-icons span3"><i class="demo-icon icon-pencil">&#xe853;</i> <span class="i-name">icon-pencil</span><span class="i-code">0xe853</span></div>
<div title="Code: 0xe854" class="the-icons span3"><i class="demo-icon icon-edit">&#xe854;</i> <span class="i-name">icon-edit</span><span class="i-code">0xe854</span></div>
<div title="Code: 0xe855" class="the-icons span3"><i class="demo-icon icon-print">&#xe855;</i> <span class="i-name">icon-print</span><span class="i-code">0xe855</span></div>
<div title="Code: 0xe856" class="the-icons span3"><i class="demo-icon icon-retweet">&#xe856;</i> <span class="i-name">icon-retweet</span><span class="i-code">0xe856</span></div>
</div>
<div class="row">
<div title="Code: 0xe857" class="the-icons span3"><i class="demo-icon icon-comment">&#xe857;</i> <span class="i-name">icon-comment</span><span class="i-code">0xe857</span></div>
<div title="Code: 0xe858" class="the-icons span3"><i class="demo-icon icon-chat">&#xe858;</i> <span class="i-name">icon-chat</span><span class="i-code">0xe858</span></div>
<div title="Code: 0xe859" class="the-icons span3"><i class="demo-icon icon-bell">&#xe859;</i> <span class="i-name">icon-bell</span><span class="i-code">0xe859</span></div>
<div title="Code: 0xe85a" class="the-icons span3"><i class="demo-icon icon-attention">&#xe85a;</i> <span class="i-name">icon-attention</span><span class="i-code">0xe85a</span></div>
</div>
<div class="row">
<div title="Code: 0xe85b" class="the-icons span3"><i class="demo-icon icon-attention-circled">&#xe85b;</i> <span class="i-name">icon-attention-circled</span><span class="i-code">0xe85b</span></div>
<div title="Code: 0xe85c" class="the-icons span3"><i class="demo-icon icon-location">&#xe85c;</i> <span class="i-name">icon-location</span><span class="i-code">0xe85c</span></div>
<div title="Code: 0xe85d" class="the-icons span3"><i class="demo-icon icon-trash-empty">&#xe85d;</i> <span class="i-name">icon-trash-empty</span><span class="i-code">0xe85d</span></div>
<div title="Code: 0xe85e" class="the-icons span3"><i class="demo-icon icon-doc">&#xe85e;</i> <span class="i-name">icon-doc</span><span class="i-code">0xe85e</span></div>
</div>
<div class="row">
<div title="Code: 0xe85f" class="the-icons span3"><i class="demo-icon icon-folder">&#xe85f;</i> <span class="i-name">icon-folder</span><span class="i-code">0xe85f</span></div>
<div title="Code: 0xe860" class="the-icons span3"><i class="demo-icon icon-folder-open">&#xe860;</i> <span class="i-name">icon-folder-open</span><span class="i-code">0xe860</span></div>
<div title="Code: 0xe861" class="the-icons span3"><i class="demo-icon icon-phone">&#xe861;</i> <span class="i-name">icon-phone</span><span class="i-code">0xe861</span></div>
<div title="Code: 0xe862" class="the-icons span3"><i class="demo-icon icon-cog">&#xe862;</i> <span class="i-name">icon-cog</span><span class="i-code">0xe862</span></div>
</div>
<div class="row">
<div title="Code: 0xe863" class="the-icons span3"><i class="demo-icon icon-cog-alt">&#xe863;</i> <span class="i-name">icon-cog-alt</span><span class="i-code">0xe863</span></div>
<div title="Code: 0xe864" class="the-icons span3"><i class="demo-icon icon-wrench">&#xe864;</i> <span class="i-name">icon-wrench</span><span class="i-code">0xe864</span></div>
<div title="Code: 0xe865" class="the-icons span3"><i class="demo-icon icon-basket">&#xe865;</i> <span class="i-name">icon-basket</span><span class="i-code">0xe865</span></div>
<div title="Code: 0xe866" class="the-icons span3"><i class="demo-icon icon-calendar">&#xe866;</i> <span class="i-name">icon-calendar</span><span class="i-code">0xe866</span></div>
</div>
<div class="row">
<div title="Code: 0xe867" class="the-icons span3"><i class="demo-icon icon-login">&#xe867;</i> <span class="i-name">icon-login</span><span class="i-code">0xe867</span></div>
<div title="Code: 0xe868" class="the-icons span3"><i class="demo-icon icon-logout">&#xe868;</i> <span class="i-name">icon-logout</span><span class="i-code">0xe868</span></div>
<div title="Code: 0xe869" class="the-icons span3"><i class="demo-icon icon-volume-off">&#xe869;</i> <span class="i-name">icon-volume-off</span><span class="i-code">0xe869</span></div>
<div title="Code: 0xe86a" class="the-icons span3"><i class="demo-icon icon-volume-down">&#xe86a;</i> <span class="i-name">icon-volume-down</span><span class="i-code">0xe86a</span></div>
</div>
<div class="row">
<div title="Code: 0xe86b" class="the-icons span3"><i class="demo-icon icon-volume-up">&#xe86b;</i> <span class="i-name">icon-volume-up</span><span class="i-code">0xe86b</span></div>
<div title="Code: 0xe86c" class="the-icons span3"><i class="demo-icon icon-headphones">&#xe86c;</i> <span class="i-name">icon-headphones</span><span class="i-code">0xe86c</span></div>
<div title="Code: 0xe86d" class="the-icons span3"><i class="demo-icon icon-clock">&#xe86d;</i> <span class="i-name">icon-clock</span><span class="i-code">0xe86d</span></div>
<div title="Code: 0xe86e" class="the-icons span3"><i class="demo-icon icon-block">&#xe86e;</i> <span class="i-name">icon-block</span><span class="i-code">0xe86e</span></div>
</div>
<div class="row">
<div title="Code: 0xe86f" class="the-icons span3"><i class="demo-icon icon-resize-full">&#xe86f;</i> <span class="i-name">icon-resize-full</span><span class="i-code">0xe86f</span></div>
<div title="Code: 0xe870" class="the-icons span3"><i class="demo-icon icon-resize-small">&#xe870;</i> <span class="i-name">icon-resize-small</span><span class="i-code">0xe870</span></div>
<div title="Code: 0xe871" class="the-icons span3"><i class="demo-icon icon-resize-vertical">&#xe871;</i> <span class="i-name">icon-resize-vertical</span><span class="i-code">0xe871</span></div>
<div title="Code: 0xe872" class="the-icons span3"><i class="demo-icon icon-resize-horizontal">&#xe872;</i> <span class="i-name">icon-resize-horizontal</span><span class="i-code">0xe872</span></div>
</div>
<div class="row">
<div title="Code: 0xe873" class="the-icons span3"><i class="demo-icon icon-zoom-in">&#xe873;</i> <span class="i-name">icon-zoom-in</span><span class="i-code">0xe873</span></div>
<div title="Code: 0xe874" class="the-icons span3"><i class="demo-icon icon-zoom-out">&#xe874;</i> <span class="i-name">icon-zoom-out</span><span class="i-code">0xe874</span></div>
<div title="Code: 0xe875" class="the-icons span3"><i class="demo-icon icon-down-circled2">&#xe875;</i> <span class="i-name">icon-down-circled2</span><span class="i-code">0xe875</span></div>
<div title="Code: 0xe876" class="the-icons span3"><i class="demo-icon icon-up-circled2">&#xe876;</i> <span class="i-name">icon-up-circled2</span><span class="i-code">0xe876</span></div>
</div>
<div class="row">
<div title="Code: 0xe877" class="the-icons span3"><i class="demo-icon icon-down-dir">&#xe877;</i> <span class="i-name">icon-down-dir</span><span class="i-code">0xe877</span></div>
<div title="Code: 0xe878" class="the-icons span3"><i class="demo-icon icon-up-dir">&#xe878;</i> <span class="i-name">icon-up-dir</span><span class="i-code">0xe878</span></div>
<div title="Code: 0xe879" class="the-icons span3"><i class="demo-icon icon-left-dir">&#xe879;</i> <span class="i-name">icon-left-dir</span><span class="i-code">0xe879</span></div>
<div title="Code: 0xe87a" class="the-icons span3"><i class="demo-icon icon-right-dir">&#xe87a;</i> <span class="i-name">icon-right-dir</span><span class="i-code">0xe87a</span></div>
</div>
<div class="row">
<div title="Code: 0xe87b" class="the-icons span3"><i class="demo-icon icon-down-open">&#xe87b;</i> <span class="i-name">icon-down-open</span><span class="i-code">0xe87b</span></div>
<div title="Code: 0xe87c" class="the-icons span3"><i class="demo-icon icon-left-open">&#xe87c;</i> <span class="i-name">icon-left-open</span><span class="i-code">0xe87c</span></div>
<div title="Code: 0xe87d" class="the-icons span3"><i class="demo-icon icon-right-open">&#xe87d;</i> <span class="i-name">icon-right-open</span><span class="i-code">0xe87d</span></div>
<div title="Code: 0xe87e" class="the-icons span3"><i class="demo-icon icon-up-open">&#xe87e;</i> <span class="i-name">icon-up-open</span><span class="i-code">0xe87e</span></div>
</div>
<div class="row">
<div title="Code: 0xe87f" class="the-icons span3"><i class="demo-icon icon-down-big">&#xe87f;</i> <span class="i-name">icon-down-big</span><span class="i-code">0xe87f</span></div>
<div title="Code: 0xe880" class="the-icons span3"><i class="demo-icon icon-left-big">&#xe880;</i> <span class="i-name">icon-left-big</span><span class="i-code">0xe880</span></div>
<div title="Code: 0xe881" class="the-icons span3"><i class="demo-icon icon-right-big">&#xe881;</i> <span class="i-name">icon-right-big</span><span class="i-code">0xe881</span></div>
<div title="Code: 0xe882" class="the-icons span3"><i class="demo-icon icon-up-big">&#xe882;</i> <span class="i-name">icon-up-big</span><span class="i-code">0xe882</span></div>
</div>
<div class="row">
<div title="Code: 0xe883" class="the-icons span3"><i class="demo-icon icon-right-hand">&#xe883;</i> <span class="i-name">icon-right-hand</span><span class="i-code">0xe883</span></div>
<div title="Code: 0xe884" class="the-icons span3"><i class="demo-icon icon-left-hand">&#xe884;</i> <span class="i-name">icon-left-hand</span><span class="i-code">0xe884</span></div>
<div title="Code: 0xe885" class="the-icons span3"><i class="demo-icon icon-up-hand">&#xe885;</i> <span class="i-name">icon-up-hand</span><span class="i-code">0xe885</span></div>
<div title="Code: 0xe886" class="the-icons span3"><i class="demo-icon icon-down-hand">&#xe886;</i> <span class="i-name">icon-down-hand</span><span class="i-code">0xe886</span></div>
</div>
<div class="row">
<div title="Code: 0xe887" class="the-icons span3"><i class="demo-icon icon-cw">&#xe887;</i> <span class="i-name">icon-cw</span><span class="i-code">0xe887</span></div>
<div title="Code: 0xe888" class="the-icons span3"><i class="demo-icon icon-ccw">&#xe888;</i> <span class="i-name">icon-ccw</span><span class="i-code">0xe888</span></div>
<div title="Code: 0xe889" class="the-icons span3"><i class="demo-icon icon-arrows-cw">&#xe889;</i> <span class="i-name">icon-arrows-cw</span><span class="i-code">0xe889</span></div>
<div title="Code: 0xe88a" class="the-icons span3"><i class="demo-icon icon-shuffle">&#xe88a;</i> <span class="i-name">icon-shuffle</span><span class="i-code">0xe88a</span></div>
</div>
<div class="row">
<div title="Code: 0xe88b" class="the-icons span3"><i class="demo-icon icon-play">&#xe88b;</i> <span class="i-name">icon-play</span><span class="i-code">0xe88b</span></div>
<div title="Code: 0xe88c" class="the-icons span3"><i class="demo-icon icon-play-circled2">&#xe88c;</i> <span class="i-name">icon-play-circled2</span><span class="i-code">0xe88c</span></div>
<div title="Code: 0xe88d" class="the-icons span3"><i class="demo-icon icon-stop">&#xe88d;</i> <span class="i-name">icon-stop</span><span class="i-code">0xe88d</span></div>
<div title="Code: 0xe88e" class="the-icons span3"><i class="demo-icon icon-pause">&#xe88e;</i> <span class="i-name">icon-pause</span><span class="i-code">0xe88e</span></div>
</div>
<div class="row">
<div title="Code: 0xe88f" class="the-icons span3"><i class="demo-icon icon-to-end">&#xe88f;</i> <span class="i-name">icon-to-end</span><span class="i-code">0xe88f</span></div>
<div title="Code: 0xe890" class="the-icons span3"><i class="demo-icon icon-to-end-alt">&#xe890;</i> <span class="i-name">icon-to-end-alt</span><span class="i-code">0xe890</span></div>
<div title="Code: 0xe891" class="the-icons span3"><i class="demo-icon icon-to-start">&#xe891;</i> <span class="i-name">icon-to-start</span><span class="i-code">0xe891</span></div>
<div title="Code: 0xe892" class="the-icons span3"><i class="demo-icon icon-to-start-alt">&#xe892;</i> <span class="i-name">icon-to-start-alt</span><span class="i-code">0xe892</span></div>
</div>
<div class="row">
<div title="Code: 0xe893" class="the-icons span3"><i class="demo-icon icon-fast-fw">&#xe893;</i> <span class="i-name">icon-fast-fw</span><span class="i-code">0xe893</span></div>
<div title="Code: 0xe894" class="the-icons span3"><i class="demo-icon icon-fast-bw">&#xe894;</i> <span class="i-name">icon-fast-bw</span><span class="i-code">0xe894</span></div>
<div title="Code: 0xe895" class="the-icons span3"><i class="demo-icon icon-eject">&#xe895;</i> <span class="i-name">icon-eject</span><span class="i-code">0xe895</span></div>
<div title="Code: 0xe896" class="the-icons span3"><i class="demo-icon icon-target">&#xe896;</i> <span class="i-name">icon-target</span><span class="i-code">0xe896</span></div>
</div>
<div class="row">
<div title="Code: 0xe897" class="the-icons span3"><i class="demo-icon icon-signal">&#xe897;</i> <span class="i-name">icon-signal</span><span class="i-code">0xe897</span></div>
<div title="Code: 0xe898" class="the-icons span3"><i class="demo-icon icon-award">&#xe898;</i> <span class="i-name">icon-award</span><span class="i-code">0xe898</span></div>
<div title="Code: 0xe899" class="the-icons span3"><i class="demo-icon icon-inbox">&#xe899;</i> <span class="i-name">icon-inbox</span><span class="i-code">0xe899</span></div>
<div title="Code: 0xe89a" class="the-icons span3"><i class="demo-icon icon-globe">&#xe89a;</i> <span class="i-name">icon-globe</span><span class="i-code">0xe89a</span></div>
</div>
<div class="row">
<div title="Code: 0xe89b" class="the-icons span3"><i class="demo-icon icon-cloud">&#xe89b;</i> <span class="i-name">icon-cloud</span><span class="i-code">0xe89b</span></div>
<div title="Code: 0xe89c" class="the-icons span3"><i class="demo-icon icon-flash">&#xe89c;</i> <span class="i-name">icon-flash</span><span class="i-code">0xe89c</span></div>
<div title="Code: 0xe89d" class="the-icons span3"><i class="demo-icon icon-umbrella">&#xe89d;</i> <span class="i-name">icon-umbrella</span><span class="i-code">0xe89d</span></div>
<div title="Code: 0xe89e" class="the-icons span3"><i class="demo-icon icon-flight">&#xe89e;</i> <span class="i-name">icon-flight</span><span class="i-code">0xe89e</span></div>
</div>
<div class="row">
<div title="Code: 0xe89f" class="the-icons span3"><i class="demo-icon icon-leaf">&#xe89f;</i> <span class="i-name">icon-leaf</span><span class="i-code">0xe89f</span></div>
<div title="Code: 0xe8a0" class="the-icons span3"><i class="demo-icon icon-font">&#xe8a0;</i> <span class="i-name">icon-font</span><span class="i-code">0xe8a0</span></div>
<div title="Code: 0xe8a1" class="the-icons span3"><i class="demo-icon icon-bold">&#xe8a1;</i> <span class="i-name">icon-bold</span><span class="i-code">0xe8a1</span></div>
<div title="Code: 0xe8a2" class="the-icons span3"><i class="demo-icon icon-italic">&#xe8a2;</i> <span class="i-name">icon-italic</span><span class="i-code">0xe8a2</span></div>
</div>
<div class="row">
<div title="Code: 0xe8a3" class="the-icons span3"><i class="demo-icon icon-text-height">&#xe8a3;</i> <span class="i-name">icon-text-height</span><span class="i-code">0xe8a3</span></div>
<div title="Code: 0xe8a4" class="the-icons span3"><i class="demo-icon icon-text-width">&#xe8a4;</i> <span class="i-name">icon-text-width</span><span class="i-code">0xe8a4</span></div>
<div title="Code: 0xe8a5" class="the-icons span3"><i class="demo-icon icon-align-left">&#xe8a5;</i> <span class="i-name">icon-align-left</span><span class="i-code">0xe8a5</span></div>
<div title="Code: 0xe8a6" class="the-icons span3"><i class="demo-icon icon-align-center">&#xe8a6;</i> <span class="i-name">icon-align-center</span><span class="i-code">0xe8a6</span></div>
</div>
<div class="row">
<div title="Code: 0xe8a7" class="the-icons span3"><i class="demo-icon icon-align-right">&#xe8a7;</i> <span class="i-name">icon-align-right</span><span class="i-code">0xe8a7</span></div>
<div title="Code: 0xe8a8" class="the-icons span3"><i class="demo-icon icon-align-justify">&#xe8a8;</i> <span class="i-name">icon-align-justify</span><span class="i-code">0xe8a8</span></div>
<div title="Code: 0xe8a9" class="the-icons span3"><i class="demo-icon icon-list">&#xe8a9;</i> <span class="i-name">icon-list</span><span class="i-code">0xe8a9</span></div>
<div title="Code: 0xe8aa" class="the-icons span3"><i class="demo-icon icon-indent-left">&#xe8aa;</i> <span class="i-name">icon-indent-left</span><span class="i-code">0xe8aa</span></div>
</div>
<div class="row">
<div title="Code: 0xe8ab" class="the-icons span3"><i class="demo-icon icon-indent-right">&#xe8ab;</i> <span class="i-name">icon-indent-right</span><span class="i-code">0xe8ab</span></div>
<div title="Code: 0xf047" class="the-icons span3"><i class="demo-icon icon-move">&#xf047;</i> <span class="i-name">icon-move</span><span class="i-code">0xf047</span></div>
<div title="Code: 0xf08e" class="the-icons span3"><i class="demo-icon icon-link-ext">&#xf08e;</i> <span class="i-name">icon-link-ext</span><span class="i-code">0xf08e</span></div>
<div title="Code: 0xf096" class="the-icons span3"><i class="demo-icon icon-check-empty">&#xf096;</i> <span class="i-name">icon-check-empty</span><span class="i-code">0xf096</span></div>
</div>
<div class="row">
<div title="Code: 0xf097" class="the-icons span3"><i class="demo-icon icon-bookmark-empty">&#xf097;</i> <span class="i-name">icon-bookmark-empty</span><span class="i-code">0xf097</span></div>
<div title="Code: 0xf098" class="the-icons span3"><i class="demo-icon icon-phone-squared">&#xf098;</i> <span class="i-name">icon-phone-squared</span><span class="i-code">0xf098</span></div>
<div title="Code: 0xf099" class="the-icons span3"><i class="demo-icon icon-twitter">&#xf099;</i> <span class="i-name">icon-twitter</span><span class="i-code">0xf099</span></div>
<div title="Code: 0xf09a" class="the-icons span3"><i class="demo-icon icon-facebook">&#xf09a;</i> <span class="i-name">icon-facebook</span><span class="i-code">0xf09a</span></div>
</div>
<div class="row">
<div title="Code: 0xf09b" class="the-icons span3"><i class="demo-icon icon-github-circled">&#xf09b;</i> <span class="i-name">icon-github-circled</span><span class="i-code">0xf09b</span></div>
<div title="Code: 0xf09e" class="the-icons span3"><i class="demo-icon icon-rss">&#xf09e;</i> <span class="i-name">icon-rss</span><span class="i-code">0xf09e</span></div>
<div title="Code: 0xf0a0" class="the-icons span3"><i class="demo-icon icon-hdd">&#xf0a0;</i> <span class="i-name">icon-hdd</span><span class="i-code">0xf0a0</span></div>
<div title="Code: 0xf0a3" class="the-icons span3"><i class="demo-icon icon-certificate">&#xf0a3;</i> <span class="i-name">icon-certificate</span><span class="i-code">0xf0a3</span></div>
</div>
<div class="row">
<div title="Code: 0xf0a8" class="the-icons span3"><i class="demo-icon icon-left-circled">&#xf0a8;</i> <span class="i-name">icon-left-circled</span><span class="i-code">0xf0a8</span></div>
<div title="Code: 0xf0a9" class="the-icons span3"><i class="demo-icon icon-right-circled">&#xf0a9;</i> <span class="i-name">icon-right-circled</span><span class="i-code">0xf0a9</span></div>
<div title="Code: 0xf0aa" class="the-icons span3"><i class="demo-icon icon-up-circled">&#xf0aa;</i> <span class="i-name">icon-up-circled</span><span class="i-code">0xf0aa</span></div>
<div title="Code: 0xf0ab" class="the-icons span3"><i class="demo-icon icon-down-circled">&#xf0ab;</i> <span class="i-name">icon-down-circled</span><span class="i-code">0xf0ab</span></div>
</div>
<div class="row">
<div title="Code: 0xf0ae" class="the-icons span3"><i class="demo-icon icon-tasks">&#xf0ae;</i> <span class="i-name">icon-tasks</span><span class="i-code">0xf0ae</span></div>
<div title="Code: 0xf0b0" class="the-icons span3"><i class="demo-icon icon-filter">&#xf0b0;</i> <span class="i-name">icon-filter</span><span class="i-code">0xf0b0</span></div>
<div title="Code: 0xf0b2" class="the-icons span3"><i class="demo-icon icon-resize-full-alt">&#xf0b2;</i> <span class="i-name">icon-resize-full-alt</span><span class="i-code">0xf0b2</span></div>
<div title="Code: 0xf0c3" class="the-icons span3"><i class="demo-icon icon-beaker">&#xf0c3;</i> <span class="i-name">icon-beaker</span><span class="i-code">0xf0c3</span></div>
</div>
<div class="row">
<div title="Code: 0xf0c5" class="the-icons span3"><i class="demo-icon icon-docs">&#xf0c5;</i> <span class="i-name">icon-docs</span><span class="i-code">0xf0c5</span></div>
<div title="Code: 0xf0c8" class="the-icons span3"><i class="demo-icon icon-blank">&#xf0c8;</i> <span class="i-name">icon-blank</span><span class="i-code">0xf0c8</span></div>
<div title="Code: 0xf0c9" class="the-icons span3"><i class="demo-icon icon-menu">&#xf0c9;</i> <span class="i-name">icon-menu</span><span class="i-code">0xf0c9</span></div>
<div title="Code: 0xf0ca" class="the-icons span3"><i class="demo-icon icon-list-bullet">&#xf0ca;</i> <span class="i-name">icon-list-bullet</span><span class="i-code">0xf0ca</span></div>
</div>
<div class="row">
<div title="Code: 0xf0cb" class="the-icons span3"><i class="demo-icon icon-list-numbered">&#xf0cb;</i> <span class="i-name">icon-list-numbered</span><span class="i-code">0xf0cb</span></div>
<div title="Code: 0xf0cc" class="the-icons span3"><i class="demo-icon icon-strike">&#xf0cc;</i> <span class="i-name">icon-strike</span><span class="i-code">0xf0cc</span></div>
<div title="Code: 0xf0cd" class="the-icons span3"><i class="demo-icon icon-underline">&#xf0cd;</i> <span class="i-name">icon-underline</span><span class="i-code">0xf0cd</span></div>
<div title="Code: 0xf0ce" class="the-icons span3"><i class="demo-icon icon-table">&#xf0ce;</i> <span class="i-name">icon-table</span><span class="i-code">0xf0ce</span></div>
</div>
<div class="row">
<div title="Code: 0xf0d0" class="the-icons span3"><i class="demo-icon icon-magic">&#xf0d0;</i> <span class="i-name">icon-magic</span><span class="i-code">0xf0d0</span></div>
<div title="Code: 0xf0d2" class="the-icons span3"><i class="demo-icon icon-pinterest-circled">&#xf0d2;</i> <span class="i-name">icon-pinterest-circled</span><span class="i-code">0xf0d2</span></div>
<div title="Code: 0xf0d3" class="the-icons span3"><i class="demo-icon icon-pinterest-squared">&#xf0d3;</i> <span class="i-name">icon-pinterest-squared</span><span class="i-code">0xf0d3</span></div>
<div title="Code: 0xf0d4" class="the-icons span3"><i class="demo-icon icon-gplus-squared">&#xf0d4;</i> <span class="i-name">icon-gplus-squared</span><span class="i-code">0xf0d4</span></div>
</div>
<div class="row">
<div title="Code: 0xf0d5" class="the-icons span3"><i class="demo-icon icon-gplus">&#xf0d5;</i> <span class="i-name">icon-gplus</span><span class="i-code">0xf0d5</span></div>
<div title="Code: 0xf0d6" class="the-icons span3"><i class="demo-icon icon-money">&#xf0d6;</i> <span class="i-name">icon-money</span><span class="i-code">0xf0d6</span></div>
<div title="Code: 0xf0db" class="the-icons span3"><i class="demo-icon icon-columns">&#xf0db;</i> <span class="i-name">icon-columns</span><span class="i-code">0xf0db</span></div>
<div title="Code: 0xf0dc" class="the-icons span3"><i class="demo-icon icon-sort">&#xf0dc;</i> <span class="i-name">icon-sort</span><span class="i-code">0xf0dc</span></div>
</div>
<div class="row">
<div title="Code: 0xf0dd" class="the-icons span3"><i class="demo-icon icon-sort-down">&#xf0dd;</i> <span class="i-name">icon-sort-down</span><span class="i-code">0xf0dd</span></div>
<div title="Code: 0xf0de" class="the-icons span3"><i class="demo-icon icon-sort-up">&#xf0de;</i> <span class="i-name">icon-sort-up</span><span class="i-code">0xf0de</span></div>
<div title="Code: 0xf0e0" class="the-icons span3"><i class="demo-icon icon-mail-alt">&#xf0e0;</i> <span class="i-name">icon-mail-alt</span><span class="i-code">0xf0e0</span></div>
<div title="Code: 0xf0e1" class="the-icons span3"><i class="demo-icon icon-linkedin">&#xf0e1;</i> <span class="i-name">icon-linkedin</span><span class="i-code">0xf0e1</span></div>
</div>
<div class="row">
<div title="Code: 0xf0e4" class="the-icons span3"><i class="demo-icon icon-gauge">&#xf0e4;</i> <span class="i-name">icon-gauge</span><span class="i-code">0xf0e4</span></div>
<div title="Code: 0xf0e5" class="the-icons span3"><i class="demo-icon icon-comment-empty">&#xf0e5;</i> <span class="i-name">icon-comment-empty</span><span class="i-code">0xf0e5</span></div>
<div title="Code: 0xf0e6" class="the-icons span3"><i class="demo-icon icon-chat-empty">&#xf0e6;</i> <span class="i-name">icon-chat-empty</span><span class="i-code">0xf0e6</span></div>
<div title="Code: 0xf0e8" class="the-icons span3"><i class="demo-icon icon-sitemap">&#xf0e8;</i> <span class="i-name">icon-sitemap</span><span class="i-code">0xf0e8</span></div>
</div>
<div class="row">
<div title="Code: 0xf0ea" class="the-icons span3"><i class="demo-icon icon-paste">&#xf0ea;</i> <span class="i-name">icon-paste</span><span class="i-code">0xf0ea</span></div>
<div title="Code: 0xf0eb" class="the-icons span3"><i class="demo-icon icon-lightbulb">&#xf0eb;</i> <span class="i-name">icon-lightbulb</span><span class="i-code">0xf0eb</span></div>
<div title="Code: 0xf0ec" class="the-icons span3"><i class="demo-icon icon-exchange">&#xf0ec;</i> <span class="i-name">icon-exchange</span><span class="i-code">0xf0ec</span></div>
<div title="Code: 0xf0ed" class="the-icons span3"><i class="demo-icon icon-download-cloud">&#xf0ed;</i> <span class="i-name">icon-download-cloud</span><span class="i-code">0xf0ed</span></div>
</div>
<div class="row">
<div title="Code: 0xf0ee" class="the-icons span3"><i class="demo-icon icon-upload-cloud">&#xf0ee;</i> <span class="i-name">icon-upload-cloud</span><span class="i-code">0xf0ee</span></div>
<div title="Code: 0xf0f0" class="the-icons span3"><i class="demo-icon icon-user-md">&#xf0f0;</i> <span class="i-name">icon-user-md</span><span class="i-code">0xf0f0</span></div>
<div title="Code: 0xf0f1" class="the-icons span3"><i class="demo-icon icon-stethoscope">&#xf0f1;</i> <span class="i-name">icon-stethoscope</span><span class="i-code">0xf0f1</span></div>
<div title="Code: 0xf0f2" class="the-icons span3"><i class="demo-icon icon-suitcase">&#xf0f2;</i> <span class="i-name">icon-suitcase</span><span class="i-code">0xf0f2</span></div>
</div>
<div class="row">
<div title="Code: 0xf0f3" class="the-icons span3"><i class="demo-icon icon-bell-alt">&#xf0f3;</i> <span class="i-name">icon-bell-alt</span><span class="i-code">0xf0f3</span></div>
<div title="Code: 0xf0f4" class="the-icons span3"><i class="demo-icon icon-coffee">&#xf0f4;</i> <span class="i-name">icon-coffee</span><span class="i-code">0xf0f4</span></div>
<div title="Code: 0xf0f5" class="the-icons span3"><i class="demo-icon icon-food">&#xf0f5;</i> <span class="i-name">icon-food</span><span class="i-code">0xf0f5</span></div>
<div title="Code: 0xf0f6" class="the-icons span3"><i class="demo-icon icon-doc-text">&#xf0f6;</i> <span class="i-name">icon-doc-text</span><span class="i-code">0xf0f6</span></div>
</div>
<div class="row">
<div title="Code: 0xf0f7" class="the-icons span3"><i class="demo-icon icon-building">&#xf0f7;</i> <span class="i-name">icon-building</span><span class="i-code">0xf0f7</span></div>
<div title="Code: 0xf0f8" class="the-icons span3"><i class="demo-icon icon-hospital">&#xf0f8;</i> <span class="i-name">icon-hospital</span><span class="i-code">0xf0f8</span></div>
<div title="Code: 0xf0f9" class="the-icons span3"><i class="demo-icon icon-ambulance">&#xf0f9;</i> <span class="i-name">icon-ambulance</span><span class="i-code">0xf0f9</span></div>
<div title="Code: 0xf0fa" class="the-icons span3"><i class="demo-icon icon-medkit">&#xf0fa;</i> <span class="i-name">icon-medkit</span><span class="i-code">0xf0fa</span></div>
</div>
<div class="row">
<div title="Code: 0xf0fb" class="the-icons span3"><i class="demo-icon icon-fighter-jet">&#xf0fb;</i> <span class="i-name">icon-fighter-jet</span><span class="i-code">0xf0fb</span></div>
<div title="Code: 0xf0fc" class="the-icons span3"><i class="demo-icon icon-beer">&#xf0fc;</i> <span class="i-name">icon-beer</span><span class="i-code">0xf0fc</span></div>
<div title="Code: 0xf0fd" class="the-icons span3"><i class="demo-icon icon-h-sigh">&#xf0fd;</i> <span class="i-name">icon-h-sigh</span><span class="i-code">0xf0fd</span></div>
<div title="Code: 0xf0fe" class="the-icons span3"><i class="demo-icon icon-plus-squared">&#xf0fe;</i> <span class="i-name">icon-plus-squared</span><span class="i-code">0xf0fe</span></div>
</div>
<div class="row">
<div title="Code: 0xf100" class="the-icons span3"><i class="demo-icon icon-angle-double-left">&#xf100;</i> <span class="i-name">icon-angle-double-left</span><span class="i-code">0xf100</span></div>
<div title="Code: 0xf101" class="the-icons span3"><i class="demo-icon icon-angle-double-right">&#xf101;</i> <span class="i-name">icon-angle-double-right</span><span class="i-code">0xf101</span></div>
<div title="Code: 0xf102" class="the-icons span3"><i class="demo-icon icon-angle-double-up">&#xf102;</i> <span class="i-name">icon-angle-double-up</span><span class="i-code">0xf102</span></div>
<div title="Code: 0xf103" class="the-icons span3"><i class="demo-icon icon-angle-double-down">&#xf103;</i> <span class="i-name">icon-angle-double-down</span><span class="i-code">0xf103</span></div>
</div>
<div class="row">
<div title="Code: 0xf104" class="the-icons span3"><i class="demo-icon icon-angle-left">&#xf104;</i> <span class="i-name">icon-angle-left</span><span class="i-code">0xf104</span></div>
<div title="Code: 0xf105" class="the-icons span3"><i class="demo-icon icon-angle-right">&#xf105;</i> <span class="i-name">icon-angle-right</span><span class="i-code">0xf105</span></div>
<div title="Code: 0xf106" class="the-icons span3"><i class="demo-icon icon-angle-up">&#xf106;</i> <span class="i-name">icon-angle-up</span><span class="i-code">0xf106</span></div>
<div title="Code: 0xf107" class="the-icons span3"><i class="demo-icon icon-angle-down">&#xf107;</i> <span class="i-name">icon-angle-down</span><span class="i-code">0xf107</span></div>
</div>
<div class="row">
<div title="Code: 0xf108" class="the-icons span3"><i class="demo-icon icon-desktop">&#xf108;</i> <span class="i-name">icon-desktop</span><span class="i-code">0xf108</span></div>
<div title="Code: 0xf109" class="the-icons span3"><i class="demo-icon icon-laptop">&#xf109;</i> <span class="i-name">icon-laptop</span><span class="i-code">0xf109</span></div>
<div title="Code: 0xf10a" class="the-icons span3"><i class="demo-icon icon-tablet">&#xf10a;</i> <span class="i-name">icon-tablet</span><span class="i-code">0xf10a</span></div>
<div title="Code: 0xf10b" class="the-icons span3"><i class="demo-icon icon-mobile">&#xf10b;</i> <span class="i-name">icon-mobile</span><span class="i-code">0xf10b</span></div>
</div>
<div class="row">
<div title="Code: 0xf10c" class="the-icons span3"><i class="demo-icon icon-circle-empty">&#xf10c;</i> <span class="i-name">icon-circle-empty</span><span class="i-code">0xf10c</span></div>
<div title="Code: 0xf10d" class="the-icons span3"><i class="demo-icon icon-quote-left">&#xf10d;</i> <span class="i-name">icon-quote-left</span><span class="i-code">0xf10d</span></div>
<div title="Code: 0xf10e" class="the-icons span3"><i class="demo-icon icon-quote-right">&#xf10e;</i> <span class="i-name">icon-quote-right</span><span class="i-code">0xf10e</span></div>
<div title="Code: 0xf110" class="the-icons span3"><i class="demo-icon icon-spinner">&#xf110;</i> <span class="i-name">icon-spinner</span><span class="i-code">0xf110</span></div>
</div>
<div class="row">
<div title="Code: 0xf111" class="the-icons span3"><i class="demo-icon icon-circle">&#xf111;</i> <span class="i-name">icon-circle</span><span class="i-code">0xf111</span></div>
<div title="Code: 0xf112" class="the-icons span3"><i class="demo-icon icon-reply">&#xf112;</i> <span class="i-name">icon-reply</span><span class="i-code">0xf112</span></div>
<div title="Code: 0xf113" class="the-icons span3"><i class="demo-icon icon-github">&#xf113;</i> <span class="i-name">icon-github</span><span class="i-code">0xf113</span></div>
<div title="Code: 0xf114" class="the-icons span3"><i class="demo-icon icon-folder-empty">&#xf114;</i> <span class="i-name">icon-folder-empty</span><span class="i-code">0xf114</span></div>
</div>
<div class="row">
<div title="Code: 0xf115" class="the-icons span3"><i class="demo-icon icon-folder-open-empty">&#xf115;</i> <span class="i-name">icon-folder-open-empty</span><span class="i-code">0xf115</span></div>
<div title="Code: 0xf118" class="the-icons span3"><i class="demo-icon icon-smile">&#xf118;</i> <span class="i-name">icon-smile</span><span class="i-code">0xf118</span></div>
<div title="Code: 0xf119" class="the-icons span3"><i class="demo-icon icon-frown">&#xf119;</i> <span class="i-name">icon-frown</span><span class="i-code">0xf119</span></div>
<div title="Code: 0xf11a" class="the-icons span3"><i class="demo-icon icon-meh">&#xf11a;</i> <span class="i-name">icon-meh</span><span class="i-code">0xf11a</span></div>
</div>
<div class="row">
<div title="Code: 0xf11b" class="the-icons span3"><i class="demo-icon icon-gamepad">&#xf11b;</i> <span class="i-name">icon-gamepad</span><span class="i-code">0xf11b</span></div>
<div title="Code: 0xf11c" class="the-icons span3"><i class="demo-icon icon-keyboard">&#xf11c;</i> <span class="i-name">icon-keyboard</span><span class="i-code">0xf11c</span></div>
<div title="Code: 0xf11d" class="the-icons span3"><i class="demo-icon icon-flag-empty">&#xf11d;</i> <span class="i-name">icon-flag-empty</span><span class="i-code">0xf11d</span></div>
<div title="Code: 0xf11e" class="the-icons span3"><i class="demo-icon icon-flag-checkered">&#xf11e;</i> <span class="i-name">icon-flag-checkered</span><span class="i-code">0xf11e</span></div>
</div>
<div class="row">
<div title="Code: 0xf120" class="the-icons span3"><i class="demo-icon icon-terminal">&#xf120;</i> <span class="i-name">icon-terminal</span><span class="i-code">0xf120</span></div>
<div title="Code: 0xf121" class="the-icons span3"><i class="demo-icon icon-code">&#xf121;</i> <span class="i-name">icon-code</span><span class="i-code">0xf121</span></div>
<div title="Code: 0xf122" class="the-icons span3"><i class="demo-icon icon-reply-all">&#xf122;</i> <span class="i-name">icon-reply-all</span><span class="i-code">0xf122</span></div>
<div title="Code: 0xf123" class="the-icons span3"><i class="demo-icon icon-star-half-alt">&#xf123;</i> <span class="i-name">icon-star-half-alt</span><span class="i-code">0xf123</span></div>
</div>
<div class="row">
<div title="Code: 0xf124" class="the-icons span3"><i class="demo-icon icon-direction">&#xf124;</i> <span class="i-name">icon-direction</span><span class="i-code">0xf124</span></div>
<div title="Code: 0xf125" class="the-icons span3"><i class="demo-icon icon-crop">&#xf125;</i> <span class="i-name">icon-crop</span><span class="i-code">0xf125</span></div>
<div title="Code: 0xf126" class="the-icons span3"><i class="demo-icon icon-fork">&#xf126;</i> <span class="i-name">icon-fork</span><span class="i-code">0xf126</span></div>
<div title="Code: 0xf127" class="the-icons span3"><i class="demo-icon icon-unlink">&#xf127;</i> <span class="i-name">icon-unlink</span><span class="i-code">0xf127</span></div>
</div>
<div class="row">
<div title="Code: 0xf128" class="the-icons span3"><i class="demo-icon icon-help">&#xf128;</i> <span class="i-name">icon-help</span><span class="i-code">0xf128</span></div>
<div title="Code: 0xf129" class="the-icons span3"><i class="demo-icon icon-info">&#xf129;</i> <span class="i-name">icon-info</span><span class="i-code">0xf129</span></div>
<div title="Code: 0xf12a" class="the-icons span3"><i class="demo-icon icon-attention-alt">&#xf12a;</i> <span class="i-name">icon-attention-alt</span><span class="i-code">0xf12a</span></div>
<div title="Code: 0xf12b" class="the-icons span3"><i class="demo-icon icon-superscript">&#xf12b;</i> <span class="i-name">icon-superscript</span><span class="i-code">0xf12b</span></div>
</div>
<div class="row">
<div title="Code: 0xf12c" class="the-icons span3"><i class="demo-icon icon-subscript">&#xf12c;</i> <span class="i-name">icon-subscript</span><span class="i-code">0xf12c</span></div>
<div title="Code: 0xf12d" class="the-icons span3"><i class="demo-icon icon-eraser">&#xf12d;</i> <span class="i-name">icon-eraser</span><span class="i-code">0xf12d</span></div>
<div title="Code: 0xf12e" class="the-icons span3"><i class="demo-icon icon-puzzle">&#xf12e;</i> <span class="i-name">icon-puzzle</span><span class="i-code">0xf12e</span></div>
<div title="Code: 0xf130" class="the-icons span3"><i class="demo-icon icon-mic">&#xf130;</i> <span class="i-name">icon-mic</span><span class="i-code">0xf130</span></div>
</div>
<div class="row">
<div title="Code: 0xf131" class="the-icons span3"><i class="demo-icon icon-mute">&#xf131;</i> <span class="i-name">icon-mute</span><span class="i-code">0xf131</span></div>
<div title="Code: 0xf132" class="the-icons span3"><i class="demo-icon icon-shield">&#xf132;</i> <span class="i-name">icon-shield</span><span class="i-code">0xf132</span></div>
<div title="Code: 0xf133" class="the-icons span3"><i class="demo-icon icon-calendar-empty">&#xf133;</i> <span class="i-name">icon-calendar-empty</span><span class="i-code">0xf133</span></div>
<div title="Code: 0xf134" class="the-icons span3"><i class="demo-icon icon-extinguisher">&#xf134;</i> <span class="i-name">icon-extinguisher</span><span class="i-code">0xf134</span></div>
</div>
<div class="row">
<div title="Code: 0xf135" class="the-icons span3"><i class="demo-icon icon-rocket">&#xf135;</i> <span class="i-name">icon-rocket</span><span class="i-code">0xf135</span></div>
<div title="Code: 0xf136" class="the-icons span3"><i class="demo-icon icon-maxcdn">&#xf136;</i> <span class="i-name">icon-maxcdn</span><span class="i-code">0xf136</span></div>
<div title="Code: 0xf137" class="the-icons span3"><i class="demo-icon icon-angle-circled-left">&#xf137;</i> <span class="i-name">icon-angle-circled-left</span><span class="i-code">0xf137</span></div>
<div title="Code: 0xf138" class="the-icons span3"><i class="demo-icon icon-angle-circled-right">&#xf138;</i> <span class="i-name">icon-angle-circled-right</span><span class="i-code">0xf138</span></div>
</div>
<div class="row">
<div title="Code: 0xf139" class="the-icons span3"><i class="demo-icon icon-angle-circled-up">&#xf139;</i> <span class="i-name">icon-angle-circled-up</span><span class="i-code">0xf139</span></div>
<div title="Code: 0xf13a" class="the-icons span3"><i class="demo-icon icon-angle-circled-down">&#xf13a;</i> <span class="i-name">icon-angle-circled-down</span><span class="i-code">0xf13a</span></div>
<div title="Code: 0xf13b" class="the-icons span3"><i class="demo-icon icon-html5">&#xf13b;</i> <span class="i-name">icon-html5</span><span class="i-code">0xf13b</span></div>
<div title="Code: 0xf13c" class="the-icons span3"><i class="demo-icon icon-css3">&#xf13c;</i> <span class="i-name">icon-css3</span><span class="i-code">0xf13c</span></div>
</div>
<div class="row">
<div title="Code: 0xf13d" class="the-icons span3"><i class="demo-icon icon-anchor">&#xf13d;</i> <span class="i-name">icon-anchor</span><span class="i-code">0xf13d</span></div>
<div title="Code: 0xf13e" class="the-icons span3"><i class="demo-icon icon-lock-open-alt">&#xf13e;</i> <span class="i-name">icon-lock-open-alt</span><span class="i-code">0xf13e</span></div>
<div title="Code: 0xf140" class="the-icons span3"><i class="demo-icon icon-bullseye">&#xf140;</i> <span class="i-name">icon-bullseye</span><span class="i-code">0xf140</span></div>
<div title="Code: 0xf141" class="the-icons span3"><i class="demo-icon icon-ellipsis">&#xf141;</i> <span class="i-name">icon-ellipsis</span><span class="i-code">0xf141</span></div>
</div>
<div class="row">
<div title="Code: 0xf142" class="the-icons span3"><i class="demo-icon icon-ellipsis-vert">&#xf142;</i> <span class="i-name">icon-ellipsis-vert</span><span class="i-code">0xf142</span></div>
<div title="Code: 0xf143" class="the-icons span3"><i class="demo-icon icon-rss-squared">&#xf143;</i> <span class="i-name">icon-rss-squared</span><span class="i-code">0xf143</span></div>
<div title="Code: 0xf144" class="the-icons span3"><i class="demo-icon icon-play-circled">&#xf144;</i> <span class="i-name">icon-play-circled</span><span class="i-code">0xf144</span></div>
<div title="Code: 0xf145" class="the-icons span3"><i class="demo-icon icon-ticket">&#xf145;</i> <span class="i-name">icon-ticket</span><span class="i-code">0xf145</span></div>
</div>
<div class="row">
<div title="Code: 0xf146" class="the-icons span3"><i class="demo-icon icon-minus-squared">&#xf146;</i> <span class="i-name">icon-minus-squared</span><span class="i-code">0xf146</span></div>
<div title="Code: 0xf147" class="the-icons span3"><i class="demo-icon icon-minus-squared-alt">&#xf147;</i> <span class="i-name">icon-minus-squared-alt</span><span class="i-code">0xf147</span></div>
<div title="Code: 0xf148" class="the-icons span3"><i class="demo-icon icon-level-up">&#xf148;</i> <span class="i-name">icon-level-up</span><span class="i-code">0xf148</span></div>
<div title="Code: 0xf149" class="the-icons span3"><i class="demo-icon icon-level-down">&#xf149;</i> <span class="i-name">icon-level-down</span><span class="i-code">0xf149</span></div>
</div>
<div class="row">
<div title="Code: 0xf14a" class="the-icons span3"><i class="demo-icon icon-ok-squared">&#xf14a;</i> <span class="i-name">icon-ok-squared</span><span class="i-code">0xf14a</span></div>
<div title="Code: 0xf14b" class="the-icons span3"><i class="demo-icon icon-pencil-squared">&#xf14b;</i> <span class="i-name">icon-pencil-squared</span><span class="i-code">0xf14b</span></div>
<div title="Code: 0xf14c" class="the-icons span3"><i class="demo-icon icon-link-ext-alt">&#xf14c;</i> <span class="i-name">icon-link-ext-alt</span><span class="i-code">0xf14c</span></div>
<div title="Code: 0xf14d" class="the-icons span3"><i class="demo-icon icon-export-alt">&#xf14d;</i> <span class="i-name">icon-export-alt</span><span class="i-code">0xf14d</span></div>
</div>
<div class="row">
<div title="Code: 0xf14e" class="the-icons span3"><i class="demo-icon icon-compass">&#xf14e;</i> <span class="i-name">icon-compass</span><span class="i-code">0xf14e</span></div>
<div title="Code: 0xf150" class="the-icons span3"><i class="demo-icon icon-expand">&#xf150;</i> <span class="i-name">icon-expand</span><span class="i-code">0xf150</span></div>
<div title="Code: 0xf151" class="the-icons span3"><i class="demo-icon icon-collapse">&#xf151;</i> <span class="i-name">icon-collapse</span><span class="i-code">0xf151</span></div>
<div title="Code: 0xf152" class="the-icons span3"><i class="demo-icon icon-expand-right">&#xf152;</i> <span class="i-name">icon-expand-right</span><span class="i-code">0xf152</span></div>
</div>
<div class="row">
<div title="Code: 0xf153" class="the-icons span3"><i class="demo-icon icon-euro">&#xf153;</i> <span class="i-name">icon-euro</span><span class="i-code">0xf153</span></div>
<div title="Code: 0xf154" class="the-icons span3"><i class="demo-icon icon-pound">&#xf154;</i> <span class="i-name">icon-pound</span><span class="i-code">0xf154</span></div>
<div title="Code: 0xf155" class="the-icons span3"><i class="demo-icon icon-dollar">&#xf155;</i> <span class="i-name">icon-dollar</span><span class="i-code">0xf155</span></div>
<div title="Code: 0xf156" class="the-icons span3"><i class="demo-icon icon-rupee">&#xf156;</i> <span class="i-name">icon-rupee</span><span class="i-code">0xf156</span></div>
</div>
<div class="row">
<div title="Code: 0xf157" class="the-icons span3"><i class="demo-icon icon-yen">&#xf157;</i> <span class="i-name">icon-yen</span><span class="i-code">0xf157</span></div>
<div title="Code: 0xf158" class="the-icons span3"><i class="demo-icon icon-rouble">&#xf158;</i> <span class="i-name">icon-rouble</span><span class="i-code">0xf158</span></div>
<div title="Code: 0xf159" class="the-icons span3"><i class="demo-icon icon-won">&#xf159;</i> <span class="i-name">icon-won</span><span class="i-code">0xf159</span></div>
<div title="Code: 0xf15a" class="the-icons span3"><i class="demo-icon icon-bitcoin">&#xf15a;</i> <span class="i-name">icon-bitcoin</span><span class="i-code">0xf15a</span></div>
</div>
<div class="row">
<div title="Code: 0xf15b" class="the-icons span3"><i class="demo-icon icon-doc-inv">&#xf15b;</i> <span class="i-name">icon-doc-inv</span><span class="i-code">0xf15b</span></div>
<div title="Code: 0xf15c" class="the-icons span3"><i class="demo-icon icon-doc-text-inv">&#xf15c;</i> <span class="i-name">icon-doc-text-inv</span><span class="i-code">0xf15c</span></div>
<div title="Code: 0xf15d" class="the-icons span3"><i class="demo-icon icon-sort-name-up">&#xf15d;</i> <span class="i-name">icon-sort-name-up</span><span class="i-code">0xf15d</span></div>
<div title="Code: 0xf15e" class="the-icons span3"><i class="demo-icon icon-sort-name-down">&#xf15e;</i> <span class="i-name">icon-sort-name-down</span><span class="i-code">0xf15e</span></div>
</div>
<div class="row">
<div title="Code: 0xf160" class="the-icons span3"><i class="demo-icon icon-sort-alt-up">&#xf160;</i> <span class="i-name">icon-sort-alt-up</span><span class="i-code">0xf160</span></div>
<div title="Code: 0xf161" class="the-icons span3"><i class="demo-icon icon-sort-alt-down">&#xf161;</i> <span class="i-name">icon-sort-alt-down</span><span class="i-code">0xf161</span></div>
<div title="Code: 0xf162" class="the-icons span3"><i class="demo-icon icon-sort-number-up">&#xf162;</i> <span class="i-name">icon-sort-number-up</span><span class="i-code">0xf162</span></div>
<div title="Code: 0xf163" class="the-icons span3"><i class="demo-icon icon-sort-number-down">&#xf163;</i> <span class="i-name">icon-sort-number-down</span><span class="i-code">0xf163</span></div>
</div>
<div class="row">
<div title="Code: 0xf164" class="the-icons span3"><i class="demo-icon icon-thumbs-up-alt">&#xf164;</i> <span class="i-name">icon-thumbs-up-alt</span><span class="i-code">0xf164</span></div>
<div title="Code: 0xf165" class="the-icons span3"><i class="demo-icon icon-thumbs-down-alt">&#xf165;</i> <span class="i-name">icon-thumbs-down-alt</span><span class="i-code">0xf165</span></div>
<div title="Code: 0xf166" class="the-icons span3"><i class="demo-icon icon-youtube-squared">&#xf166;</i> <span class="i-name">icon-youtube-squared</span><span class="i-code">0xf166</span></div>
<div title="Code: 0xf167" class="the-icons span3"><i class="demo-icon icon-youtube">&#xf167;</i> <span class="i-name">icon-youtube</span><span class="i-code">0xf167</span></div>
</div>
<div class="row">
<div title="Code: 0xf168" class="the-icons span3"><i class="demo-icon icon-xing">&#xf168;</i> <span class="i-name">icon-xing</span><span class="i-code">0xf168</span></div>
<div title="Code: 0xf169" class="the-icons span3"><i class="demo-icon icon-xing-squared">&#xf169;</i> <span class="i-name">icon-xing-squared</span><span class="i-code">0xf169</span></div>
<div title="Code: 0xf16a" class="the-icons span3"><i class="demo-icon icon-youtube-play">&#xf16a;</i> <span class="i-name">icon-youtube-play</span><span class="i-code">0xf16a</span></div>
<div title="Code: 0xf16b" class="the-icons span3"><i class="demo-icon icon-dropbox">&#xf16b;</i> <span class="i-name">icon-dropbox</span><span class="i-code">0xf16b</span></div>
</div>
<div class="row">
<div title="Code: 0xf16c" class="the-icons span3"><i class="demo-icon icon-stackoverflow">&#xf16c;</i> <span class="i-name">icon-stackoverflow</span><span class="i-code">0xf16c</span></div>
<div title="Code: 0xf16d" class="the-icons span3"><i class="demo-icon icon-instagram">&#xf16d;</i> <span class="i-name">icon-instagram</span><span class="i-code">0xf16d</span></div>
<div title="Code: 0xf16e" class="the-icons span3"><i class="demo-icon icon-flickr">&#xf16e;</i> <span class="i-name">icon-flickr</span><span class="i-code">0xf16e</span></div>
<div title="Code: 0xf170" class="the-icons span3"><i class="demo-icon icon-adn">&#xf170;</i> <span class="i-name">icon-adn</span><span class="i-code">0xf170</span></div>
</div>
<div class="row">
<div title="Code: 0xf171" class="the-icons span3"><i class="demo-icon icon-bitbucket">&#xf171;</i> <span class="i-name">icon-bitbucket</span><span class="i-code">0xf171</span></div>
<div title="Code: 0xf172" class="the-icons span3"><i class="demo-icon icon-bitbucket-squared">&#xf172;</i> <span class="i-name">icon-bitbucket-squared</span><span class="i-code">0xf172</span></div>
<div title="Code: 0xf173" class="the-icons span3"><i class="demo-icon icon-tumblr">&#xf173;</i> <span class="i-name">icon-tumblr</span><span class="i-code">0xf173</span></div>
<div title="Code: 0xf174" class="the-icons span3"><i class="demo-icon icon-tumblr-squared">&#xf174;</i> <span class="i-name">icon-tumblr-squared</span><span class="i-code">0xf174</span></div>
</div>
<div class="row">
<div title="Code: 0xf175" class="the-icons span3"><i class="demo-icon icon-down">&#xf175;</i> <span class="i-name">icon-down</span><span class="i-code">0xf175</span></div>
<div title="Code: 0xf176" class="the-icons span3"><i class="demo-icon icon-up">&#xf176;</i> <span class="i-name">icon-up</span><span class="i-code">0xf176</span></div>
<div title="Code: 0xf177" class="the-icons span3"><i class="demo-icon icon-left">&#xf177;</i> <span class="i-name">icon-left</span><span class="i-code">0xf177</span></div>
<div title="Code: 0xf178" class="the-icons span3"><i class="demo-icon icon-right">&#xf178;</i> <span class="i-name">icon-right</span><span class="i-code">0xf178</span></div>
</div>
<div class="row">
<div title="Code: 0xf179" class="the-icons span3"><i class="demo-icon icon-apple">&#xf179;</i> <span class="i-name">icon-apple</span><span class="i-code">0xf179</span></div>
<div title="Code: 0xf17a" class="the-icons span3"><i class="demo-icon icon-windows">&#xf17a;</i> <span class="i-name">icon-windows</span><span class="i-code">0xf17a</span></div>
<div title="Code: 0xf17b" class="the-icons span3"><i class="demo-icon icon-android">&#xf17b;</i> <span class="i-name">icon-android</span><span class="i-code">0xf17b</span></div>
<div title="Code: 0xf17c" class="the-icons span3"><i class="demo-icon icon-linux">&#xf17c;</i> <span class="i-name">icon-linux</span><span class="i-code">0xf17c</span></div>
</div>
<div class="row">
<div title="Code: 0xf17d" class="the-icons span3"><i class="demo-icon icon-dribbble">&#xf17d;</i> <span class="i-name">icon-dribbble</span><span class="i-code">0xf17d</span></div>
<div title="Code: 0xf17e" class="the-icons span3"><i class="demo-icon icon-skype">&#xf17e;</i> <span class="i-name">icon-skype</span><span class="i-code">0xf17e</span></div>
<div title="Code: 0xf180" class="the-icons span3"><i class="demo-icon icon-foursquare">&#xf180;</i> <span class="i-name">icon-foursquare</span><span class="i-code">0xf180</span></div>
<div title="Code: 0xf181" class="the-icons span3"><i class="demo-icon icon-trello">&#xf181;</i> <span class="i-name">icon-trello</span><span class="i-code">0xf181</span></div>
</div>
<div class="row">
<div title="Code: 0xf182" class="the-icons span3"><i class="demo-icon icon-female">&#xf182;</i> <span class="i-name">icon-female</span><span class="i-code">0xf182</span></div>
<div title="Code: 0xf183" class="the-icons span3"><i class="demo-icon icon-male">&#xf183;</i> <span class="i-name">icon-male</span><span class="i-code">0xf183</span></div>
<div title="Code: 0xf184" class="the-icons span3"><i class="demo-icon icon-gittip">&#xf184;</i> <span class="i-name">icon-gittip</span><span class="i-code">0xf184</span></div>
<div title="Code: 0xf185" class="the-icons span3"><i class="demo-icon icon-sun">&#xf185;</i> <span class="i-name">icon-sun</span><span class="i-code">0xf185</span></div>
</div>
<div class="row">
<div title="Code: 0xf186" class="the-icons span3"><i class="demo-icon icon-moon">&#xf186;</i> <span class="i-name">icon-moon</span><span class="i-code">0xf186</span></div>
<div title="Code: 0xf187" class="the-icons span3"><i class="demo-icon icon-box">&#xf187;</i> <span class="i-name">icon-box</span><span class="i-code">0xf187</span></div>
<div title="Code: 0xf188" class="the-icons span3"><i class="demo-icon icon-bug">&#xf188;</i> <span class="i-name">icon-bug</span><span class="i-code">0xf188</span></div>
<div title="Code: 0xf189" class="the-icons span3"><i class="demo-icon icon-vkontakte">&#xf189;</i> <span class="i-name">icon-vkontakte</span><span class="i-code">0xf189</span></div>
</div>
<div class="row">
<div title="Code: 0xf18a" class="the-icons span3"><i class="demo-icon icon-weibo">&#xf18a;</i> <span class="i-name">icon-weibo</span><span class="i-code">0xf18a</span></div>
<div title="Code: 0xf18b" class="the-icons span3"><i class="demo-icon icon-renren">&#xf18b;</i> <span class="i-name">icon-renren</span><span class="i-code">0xf18b</span></div>
<div title="Code: 0xf18c" class="the-icons span3"><i class="demo-icon icon-pagelines">&#xf18c;</i> <span class="i-name">icon-pagelines</span><span class="i-code">0xf18c</span></div>
<div title="Code: 0xf18d" class="the-icons span3"><i class="demo-icon icon-stackexchange">&#xf18d;</i> <span class="i-name">icon-stackexchange</span><span class="i-code">0xf18d</span></div>
</div>
<div class="row">
<div title="Code: 0xf18e" class="the-icons span3"><i class="demo-icon icon-right-circled2">&#xf18e;</i> <span class="i-name">icon-right-circled2</span><span class="i-code">0xf18e</span></div>
<div title="Code: 0xf190" class="the-icons span3"><i class="demo-icon icon-left-circled2">&#xf190;</i> <span class="i-name">icon-left-circled2</span><span class="i-code">0xf190</span></div>
<div title="Code: 0xf191" class="the-icons span3"><i class="demo-icon icon-collapse-left">&#xf191;</i> <span class="i-name">icon-collapse-left</span><span class="i-code">0xf191</span></div>
<div title="Code: 0xf192" class="the-icons span3"><i class="demo-icon icon-dot-circled">&#xf192;</i> <span class="i-name">icon-dot-circled</span><span class="i-code">0xf192</span></div>
</div>
<div class="row">
<div title="Code: 0xf193" class="the-icons span3"><i class="demo-icon icon-wheelchair">&#xf193;</i> <span class="i-name">icon-wheelchair</span><span class="i-code">0xf193</span></div>
<div title="Code: 0xf194" class="the-icons span3"><i class="demo-icon icon-vimeo-squared">&#xf194;</i> <span class="i-name">icon-vimeo-squared</span><span class="i-code">0xf194</span></div>
<div title="Code: 0xf195" class="the-icons span3"><i class="demo-icon icon-try">&#xf195;</i> <span class="i-name">icon-try</span><span class="i-code">0xf195</span></div>
<div title="Code: 0xf196" class="the-icons span3"><i class="demo-icon icon-plus-squared-alt">&#xf196;</i> <span class="i-name">icon-plus-squared-alt</span><span class="i-code">0xf196</span></div>
</div>
<div class="row">
<div title="Code: 0xf197" class="the-icons span3"><i class="demo-icon icon-space-shuttle">&#xf197;</i> <span class="i-name">icon-space-shuttle</span><span class="i-code">0xf197</span></div>
<div title="Code: 0xf198" class="the-icons span3"><i class="demo-icon icon-slack">&#xf198;</i> <span class="i-name">icon-slack</span><span class="i-code">0xf198</span></div>
<div title="Code: 0xf199" class="the-icons span3"><i class="demo-icon icon-mail-squared">&#xf199;</i> <span class="i-name">icon-mail-squared</span><span class="i-code">0xf199</span></div>
<div title="Code: 0xf19a" class="the-icons span3"><i class="demo-icon icon-wordpress">&#xf19a;</i> <span class="i-name">icon-wordpress</span><span class="i-code">0xf19a</span></div>
</div>
<div class="row">
<div title="Code: 0xf19b" class="the-icons span3"><i class="demo-icon icon-openid">&#xf19b;</i> <span class="i-name">icon-openid</span><span class="i-code">0xf19b</span></div>
<div title="Code: 0xf19c" class="the-icons span3"><i class="demo-icon icon-bank">&#xf19c;</i> <span class="i-name">icon-bank</span><span class="i-code">0xf19c</span></div>
<div title="Code: 0xf19d" class="the-icons span3"><i class="demo-icon icon-graduation-cap">&#xf19d;</i> <span class="i-name">icon-graduation-cap</span><span class="i-code">0xf19d</span></div>
<div title="Code: 0xf19e" class="the-icons span3"><i class="demo-icon icon-yahoo">&#xf19e;</i> <span class="i-name">icon-yahoo</span><span class="i-code">0xf19e</span></div>
</div>
<div class="row">
<div title="Code: 0xf1a0" class="the-icons span3"><i class="demo-icon icon-google">&#xf1a0;</i> <span class="i-name">icon-google</span><span class="i-code">0xf1a0</span></div>
<div title="Code: 0xf1a1" class="the-icons span3"><i class="demo-icon icon-reddit">&#xf1a1;</i> <span class="i-name">icon-reddit</span><span class="i-code">0xf1a1</span></div>
<div title="Code: 0xf1a2" class="the-icons span3"><i class="demo-icon icon-reddit-squared">&#xf1a2;</i> <span class="i-name">icon-reddit-squared</span><span class="i-code">0xf1a2</span></div>
<div title="Code: 0xf1a3" class="the-icons span3"><i class="demo-icon icon-stumbleupon-circled">&#xf1a3;</i> <span class="i-name">icon-stumbleupon-circled</span><span class="i-code">0xf1a3</span></div>
</div>
<div class="row">
<div title="Code: 0xf1a4" class="the-icons span3"><i class="demo-icon icon-stumbleupon">&#xf1a4;</i> <span class="i-name">icon-stumbleupon</span><span class="i-code">0xf1a4</span></div>
<div title="Code: 0xf1a5" class="the-icons span3"><i class="demo-icon icon-delicious">&#xf1a5;</i> <span class="i-name">icon-delicious</span><span class="i-code">0xf1a5</span></div>
<div title="Code: 0xf1a6" class="the-icons span3"><i class="demo-icon icon-digg">&#xf1a6;</i> <span class="i-name">icon-digg</span><span class="i-code">0xf1a6</span></div>
<div title="Code: 0xf1a7" class="the-icons span3"><i class="demo-icon icon-pied-piper-squared">&#xf1a7;</i> <span class="i-name">icon-pied-piper-squared</span><span class="i-code">0xf1a7</span></div>
</div>
<div class="row">
<div title="Code: 0xf1a8" class="the-icons span3"><i class="demo-icon icon-pied-piper-alt">&#xf1a8;</i> <span class="i-name">icon-pied-piper-alt</span><span class="i-code">0xf1a8</span></div>
<div title="Code: 0xf1a9" class="the-icons span3"><i class="demo-icon icon-drupal">&#xf1a9;</i> <span class="i-name">icon-drupal</span><span class="i-code">0xf1a9</span></div>
<div title="Code: 0xf1aa" class="the-icons span3"><i class="demo-icon icon-joomla">&#xf1aa;</i> <span class="i-name">icon-joomla</span><span class="i-code">0xf1aa</span></div>
<div title="Code: 0xf1ab" class="the-icons span3"><i class="demo-icon icon-language">&#xf1ab;</i> <span class="i-name">icon-language</span><span class="i-code">0xf1ab</span></div>
</div>
<div class="row">
<div title="Code: 0xf1ac" class="the-icons span3"><i class="demo-icon icon-fax">&#xf1ac;</i> <span class="i-name">icon-fax</span><span class="i-code">0xf1ac</span></div>
<div title="Code: 0xf1ad" class="the-icons span3"><i class="demo-icon icon-building-filled">&#xf1ad;</i> <span class="i-name">icon-building-filled</span><span class="i-code">0xf1ad</span></div>
<div title="Code: 0xf1ae" class="the-icons span3"><i class="demo-icon icon-child">&#xf1ae;</i> <span class="i-name">icon-child</span><span class="i-code">0xf1ae</span></div>
<div title="Code: 0xf1b0" class="the-icons span3"><i class="demo-icon icon-paw">&#xf1b0;</i> <span class="i-name">icon-paw</span><span class="i-code">0xf1b0</span></div>
</div>
<div class="row">
<div title="Code: 0xf1b1" class="the-icons span3"><i class="demo-icon icon-spoon">&#xf1b1;</i> <span class="i-name">icon-spoon</span><span class="i-code">0xf1b1</span></div>
<div title="Code: 0xf1b2" class="the-icons span3"><i class="demo-icon icon-cube">&#xf1b2;</i> <span class="i-name">icon-cube</span><span class="i-code">0xf1b2</span></div>
<div title="Code: 0xf1b3" class="the-icons span3"><i class="demo-icon icon-cubes">&#xf1b3;</i> <span class="i-name">icon-cubes</span><span class="i-code">0xf1b3</span></div>
<div title="Code: 0xf1b4" class="the-icons span3"><i class="demo-icon icon-behance">&#xf1b4;</i> <span class="i-name">icon-behance</span><span class="i-code">0xf1b4</span></div>
</div>
<div class="row">
<div title="Code: 0xf1b5" class="the-icons span3"><i class="demo-icon icon-behance-squared">&#xf1b5;</i> <span class="i-name">icon-behance-squared</span><span class="i-code">0xf1b5</span></div>
<div title="Code: 0xf1b6" class="the-icons span3"><i class="demo-icon icon-steam">&#xf1b6;</i> <span class="i-name">icon-steam</span><span class="i-code">0xf1b6</span></div>
<div title="Code: 0xf1b7" class="the-icons span3"><i class="demo-icon icon-steam-squared">&#xf1b7;</i> <span class="i-name">icon-steam-squared</span><span class="i-code">0xf1b7</span></div>
<div title="Code: 0xf1b8" class="the-icons span3"><i class="demo-icon icon-recycle">&#xf1b8;</i> <span class="i-name">icon-recycle</span><span class="i-code">0xf1b8</span></div>
</div>
<div class="row">
<div title="Code: 0xf1b9" class="the-icons span3"><i class="demo-icon icon-cab">&#xf1b9;</i> <span class="i-name">icon-cab</span><span class="i-code">0xf1b9</span></div>
<div title="Code: 0xf1ba" class="the-icons span3"><i class="demo-icon icon-taxi">&#xf1ba;</i> <span class="i-name">icon-taxi</span><span class="i-code">0xf1ba</span></div>
<div title="Code: 0xf1bb" class="the-icons span3"><i class="demo-icon icon-tree">&#xf1bb;</i> <span class="i-name">icon-tree</span><span class="i-code">0xf1bb</span></div>
<div title="Code: 0xf1bc" class="the-icons span3"><i class="demo-icon icon-spotify">&#xf1bc;</i> <span class="i-name">icon-spotify</span><span class="i-code">0xf1bc</span></div>
</div>
<div class="row">
<div title="Code: 0xf1bd" class="the-icons span3"><i class="demo-icon icon-deviantart">&#xf1bd;</i> <span class="i-name">icon-deviantart</span><span class="i-code">0xf1bd</span></div>
<div title="Code: 0xf1be" class="the-icons span3"><i class="demo-icon icon-soundcloud">&#xf1be;</i> <span class="i-name">icon-soundcloud</span><span class="i-code">0xf1be</span></div>
<div title="Code: 0xf1c0" class="the-icons span3"><i class="demo-icon icon-database">&#xf1c0;</i> <span class="i-name">icon-database</span><span class="i-code">0xf1c0</span></div>
<div title="Code: 0xf1c1" class="the-icons span3"><i class="demo-icon icon-file-pdf">&#xf1c1;</i> <span class="i-name">icon-file-pdf</span><span class="i-code">0xf1c1</span></div>
</div>
<div class="row">
<div title="Code: 0xf1c2" class="the-icons span3"><i class="demo-icon icon-file-word">&#xf1c2;</i> <span class="i-name">icon-file-word</span><span class="i-code">0xf1c2</span></div>
<div title="Code: 0xf1c3" class="the-icons span3"><i class="demo-icon icon-file-excel">&#xf1c3;</i> <span class="i-name">icon-file-excel</span><span class="i-code">0xf1c3</span></div>
<div title="Code: 0xf1c4" class="the-icons span3"><i class="demo-icon icon-file-powerpoint">&#xf1c4;</i> <span class="i-name">icon-file-powerpoint</span><span class="i-code">0xf1c4</span></div>
<div title="Code: 0xf1c5" class="the-icons span3"><i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span></div>
</div>
<div class="row">
<div title="Code: 0xf1c6" class="the-icons span3"><i class="demo-icon icon-file-archive">&#xf1c6;</i> <span class="i-name">icon-file-archive</span><span class="i-code">0xf1c6</span></div>
<div title="Code: 0xf1c7" class="the-icons span3"><i class="demo-icon icon-file-audio">&#xf1c7;</i> <span class="i-name">icon-file-audio</span><span class="i-code">0xf1c7</span></div>
<div title="Code: 0xf1c8" class="the-icons span3"><i class="demo-icon icon-file-video">&#xf1c8;</i> <span class="i-name">icon-file-video</span><span class="i-code">0xf1c8</span></div>
<div title="Code: 0xf1c9" class="the-icons span3"><i class="demo-icon icon-file-code">&#xf1c9;</i> <span class="i-name">icon-file-code</span><span class="i-code">0xf1c9</span></div>
</div>
<div class="row">
<div title="Code: 0xf1ca" class="the-icons span3"><i class="demo-icon icon-vine">&#xf1ca;</i> <span class="i-name">icon-vine</span><span class="i-code">0xf1ca</span></div>
<div title="Code: 0xf1cb" class="the-icons span3"><i class="demo-icon icon-codeopen">&#xf1cb;</i> <span class="i-name">icon-codeopen</span><span class="i-code">0xf1cb</span></div>
<div title="Code: 0xf1cc" class="the-icons span3"><i class="demo-icon icon-jsfiddle">&#xf1cc;</i> <span class="i-name">icon-jsfiddle</span><span class="i-code">0xf1cc</span></div>
<div title="Code: 0xf1cd" class="the-icons span3"><i class="demo-icon icon-lifebuoy">&#xf1cd;</i> <span class="i-name">icon-lifebuoy</span><span class="i-code">0xf1cd</span></div>
</div>
<div class="row">
<div title="Code: 0xf1ce" class="the-icons span3"><i class="demo-icon icon-circle-notch">&#xf1ce;</i> <span class="i-name">icon-circle-notch</span><span class="i-code">0xf1ce</span></div>
<div title="Code: 0xf1d0" class="the-icons span3"><i class="demo-icon icon-rebel">&#xf1d0;</i> <span class="i-name">icon-rebel</span><span class="i-code">0xf1d0</span></div>
<div title="Code: 0xf1d1" class="the-icons span3"><i class="demo-icon icon-empire">&#xf1d1;</i> <span class="i-name">icon-empire</span><span class="i-code">0xf1d1</span></div>
<div title="Code: 0xf1d2" class="the-icons span3"><i class="demo-icon icon-git-squared">&#xf1d2;</i> <span class="i-name">icon-git-squared</span><span class="i-code">0xf1d2</span></div>
</div>
<div class="row">
<div title="Code: 0xf1d3" class="the-icons span3"><i class="demo-icon icon-git">&#xf1d3;</i> <span class="i-name">icon-git</span><span class="i-code">0xf1d3</span></div>
<div title="Code: 0xf1d4" class="the-icons span3"><i class="demo-icon icon-hacker-news">&#xf1d4;</i> <span class="i-name">icon-hacker-news</span><span class="i-code">0xf1d4</span></div>
<div title="Code: 0xf1d5" class="the-icons span3"><i class="demo-icon icon-tencent-weibo">&#xf1d5;</i> <span class="i-name">icon-tencent-weibo</span><span class="i-code">0xf1d5</span></div>
<div title="Code: 0xf1d6" class="the-icons span3"><i class="demo-icon icon-qq">&#xf1d6;</i> <span class="i-name">icon-qq</span><span class="i-code">0xf1d6</span></div>
</div>
<div class="row">
<div title="Code: 0xf1d7" class="the-icons span3"><i class="demo-icon icon-wechat">&#xf1d7;</i> <span class="i-name">icon-wechat</span><span class="i-code">0xf1d7</span></div>
<div title="Code: 0xf1d8" class="the-icons span3"><i class="demo-icon icon-paper-plane">&#xf1d8;</i> <span class="i-name">icon-paper-plane</span><span class="i-code">0xf1d8</span></div>
<div title="Code: 0xf1d9" class="the-icons span3"><i class="demo-icon icon-paper-plane-empty">&#xf1d9;</i> <span class="i-name">icon-paper-plane-empty</span><span class="i-code">0xf1d9</span></div>
<div title="Code: 0xf1da" class="the-icons span3"><i class="demo-icon icon-history">&#xf1da;</i> <span class="i-name">icon-history</span><span class="i-code">0xf1da</span></div>
</div>
<div class="row">
<div title="Code: 0xf1db" class="the-icons span3"><i class="demo-icon icon-circle-thin">&#xf1db;</i> <span class="i-name">icon-circle-thin</span><span class="i-code">0xf1db</span></div>
<div title="Code: 0xf1dc" class="the-icons span3"><i class="demo-icon icon-header">&#xf1dc;</i> <span class="i-name">icon-header</span><span class="i-code">0xf1dc</span></div>
<div title="Code: 0xf1dd" class="the-icons span3"><i class="demo-icon icon-paragraph">&#xf1dd;</i> <span class="i-name">icon-paragraph</span><span class="i-code">0xf1dd</span></div>
<div title="Code: 0xf1de" class="the-icons span3"><i class="demo-icon icon-sliders">&#xf1de;</i> <span class="i-name">icon-sliders</span><span class="i-code">0xf1de</span></div>
</div>
<div class="row">
<div title="Code: 0xf1e0" class="the-icons span3"><i class="demo-icon icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span class="i-code">0xf1e0</span></div>
<div title="Code: 0xf1e1" class="the-icons span3"><i class="demo-icon icon-share-squared">&#xf1e1;</i> <span class="i-name">icon-share-squared</span><span class="i-code">0xf1e1</span></div>
<div title="Code: 0xf1e2" class="the-icons span3"><i class="demo-icon icon-bomb">&#xf1e2;</i> <span class="i-name">icon-bomb</span><span class="i-code">0xf1e2</span></div>
<div title="Code: 0xf1e3" class="the-icons span3"><i class="demo-icon icon-soccer-ball">&#xf1e3;</i> <span class="i-name">icon-soccer-ball</span><span class="i-code">0xf1e3</span></div>
</div>
<div class="row">
<div title="Code: 0xf1e4" class="the-icons span3"><i class="demo-icon icon-tty">&#xf1e4;</i> <span class="i-name">icon-tty</span><span class="i-code">0xf1e4</span></div>
<div title="Code: 0xf1e5" class="the-icons span3"><i class="demo-icon icon-binoculars">&#xf1e5;</i> <span class="i-name">icon-binoculars</span><span class="i-code">0xf1e5</span></div>
<div title="Code: 0xf1e6" class="the-icons span3"><i class="demo-icon icon-plug">&#xf1e6;</i> <span class="i-name">icon-plug</span><span class="i-code">0xf1e6</span></div>
<div title="Code: 0xf1e7" class="the-icons span3"><i class="demo-icon icon-slideshare">&#xf1e7;</i> <span class="i-name">icon-slideshare</span><span class="i-code">0xf1e7</span></div>
</div>
<div class="row">
<div title="Code: 0xf1e8" class="the-icons span3"><i class="demo-icon icon-twitch">&#xf1e8;</i> <span class="i-name">icon-twitch</span><span class="i-code">0xf1e8</span></div>
<div title="Code: 0xf1e9" class="the-icons span3"><i class="demo-icon icon-yelp">&#xf1e9;</i> <span class="i-name">icon-yelp</span><span class="i-code">0xf1e9</span></div>
<div title="Code: 0xf1ea" class="the-icons span3"><i class="demo-icon icon-newspaper">&#xf1ea;</i> <span class="i-name">icon-newspaper</span><span class="i-code">0xf1ea</span></div>
<div title="Code: 0xf1eb" class="the-icons span3"><i class="demo-icon icon-wifi">&#xf1eb;</i> <span class="i-name">icon-wifi</span><span class="i-code">0xf1eb</span></div>
</div>
<div class="row">
<div title="Code: 0xf1ec" class="the-icons span3"><i class="demo-icon icon-calc">&#xf1ec;</i> <span class="i-name">icon-calc</span><span class="i-code">0xf1ec</span></div>
<div title="Code: 0xf1ed" class="the-icons span3"><i class="demo-icon icon-paypal">&#xf1ed;</i> <span class="i-name">icon-paypal</span><span class="i-code">0xf1ed</span></div>
<div title="Code: 0xf1ee" class="the-icons span3"><i class="demo-icon icon-gwallet">&#xf1ee;</i> <span class="i-name">icon-gwallet</span><span class="i-code">0xf1ee</span></div>
<div title="Code: 0xf1f0" class="the-icons span3"><i class="demo-icon icon-cc-visa">&#xf1f0;</i> <span class="i-name">icon-cc-visa</span><span class="i-code">0xf1f0</span></div>
</div>
<div class="row">
<div title="Code: 0xf1f1" class="the-icons span3"><i class="demo-icon icon-cc-mastercard">&#xf1f1;</i> <span class="i-name">icon-cc-mastercard</span><span class="i-code">0xf1f1</span></div>
<div title="Code: 0xf1f2" class="the-icons span3"><i class="demo-icon icon-cc-discover">&#xf1f2;</i> <span class="i-name">icon-cc-discover</span><span class="i-code">0xf1f2</span></div>
<div title="Code: 0xf1f3" class="the-icons span3"><i class="demo-icon icon-cc-amex">&#xf1f3;</i> <span class="i-name">icon-cc-amex</span><span class="i-code">0xf1f3</span></div>
<div title="Code: 0xf1f4" class="the-icons span3"><i class="demo-icon icon-cc-paypal">&#xf1f4;</i> <span class="i-name">icon-cc-paypal</span><span class="i-code">0xf1f4</span></div>
</div>
<div class="row">
<div title="Code: 0xf1f5" class="the-icons span3"><i class="demo-icon icon-cc-stripe">&#xf1f5;</i> <span class="i-name">icon-cc-stripe</span><span class="i-code">0xf1f5</span></div>
<div title="Code: 0xf1f6" class="the-icons span3"><i class="demo-icon icon-bell-off">&#xf1f6;</i> <span class="i-name">icon-bell-off</span><span class="i-code">0xf1f6</span></div>
<div title="Code: 0xf1f7" class="the-icons span3"><i class="demo-icon icon-bell-off-empty">&#xf1f7;</i> <span class="i-name">icon-bell-off-empty</span><span class="i-code">0xf1f7</span></div>
<div title="Code: 0xf1f8" class="the-icons span3"><i class="demo-icon icon-trash">&#xf1f8;</i> <span class="i-name">icon-trash</span><span class="i-code">0xf1f8</span></div>
</div>
<div class="row">
<div title="Code: 0xf1f9" class="the-icons span3"><i class="demo-icon icon-copyright">&#xf1f9;</i> <span class="i-name">icon-copyright</span><span class="i-code">0xf1f9</span></div>
<div title="Code: 0xf1fa" class="the-icons span3"><i class="demo-icon icon-at">&#xf1fa;</i> <span class="i-name">icon-at</span><span class="i-code">0xf1fa</span></div>
<div title="Code: 0xf1fb" class="the-icons span3"><i class="demo-icon icon-eyedropper">&#xf1fb;</i> <span class="i-name">icon-eyedropper</span><span class="i-code">0xf1fb</span></div>
<div title="Code: 0xf1fc" class="the-icons span3"><i class="demo-icon icon-brush">&#xf1fc;</i> <span class="i-name">icon-brush</span><span class="i-code">0xf1fc</span></div>
</div>
<div class="row">
<div title="Code: 0xf1fd" class="the-icons span3"><i class="demo-icon icon-birthday">&#xf1fd;</i> <span class="i-name">icon-birthday</span><span class="i-code">0xf1fd</span></div>
<div title="Code: 0xf1fe" class="the-icons span3"><i class="demo-icon icon-chart-area">&#xf1fe;</i> <span class="i-name">icon-chart-area</span><span class="i-code">0xf1fe</span></div>
<div title="Code: 0xf200" class="the-icons span3"><i class="demo-icon icon-chart-pie">&#xf200;</i> <span class="i-name">icon-chart-pie</span><span class="i-code">0xf200</span></div>
<div title="Code: 0xf201" class="the-icons span3"><i class="demo-icon icon-chart-line">&#xf201;</i> <span class="i-name">icon-chart-line</span><span class="i-code">0xf201</span></div>
</div>
<div class="row">
<div title="Code: 0xf202" class="the-icons span3"><i class="demo-icon icon-lastfm">&#xf202;</i> <span class="i-name">icon-lastfm</span><span class="i-code">0xf202</span></div>
<div title="Code: 0xf203" class="the-icons span3"><i class="demo-icon icon-lastfm-squared">&#xf203;</i> <span class="i-name">icon-lastfm-squared</span><span class="i-code">0xf203</span></div>
<div title="Code: 0xf204" class="the-icons span3"><i class="demo-icon icon-toggle-off">&#xf204;</i> <span class="i-name">icon-toggle-off</span><span class="i-code">0xf204</span></div>
<div title="Code: 0xf205" class="the-icons span3"><i class="demo-icon icon-toggle-on">&#xf205;</i> <span class="i-name">icon-toggle-on</span><span class="i-code">0xf205</span></div>
</div>
<div class="row">
<div title="Code: 0xf206" class="the-icons span3"><i class="demo-icon icon-bicycle">&#xf206;</i> <span class="i-name">icon-bicycle</span><span class="i-code">0xf206</span></div>
<div title="Code: 0xf207" class="the-icons span3"><i class="demo-icon icon-bus">&#xf207;</i> <span class="i-name">icon-bus</span><span class="i-code">0xf207</span></div>
<div title="Code: 0xf208" class="the-icons span3"><i class="demo-icon icon-ioxhost">&#xf208;</i> <span class="i-name">icon-ioxhost</span><span class="i-code">0xf208</span></div>
<div title="Code: 0xf209" class="the-icons span3"><i class="demo-icon icon-angellist">&#xf209;</i> <span class="i-name">icon-angellist</span><span class="i-code">0xf209</span></div>
</div>
<div class="row">
<div title="Code: 0xf20a" class="the-icons span3"><i class="demo-icon icon-cc">&#xf20a;</i> <span class="i-name">icon-cc</span><span class="i-code">0xf20a</span></div>
<div title="Code: 0xf20b" class="the-icons span3"><i class="demo-icon icon-shekel">&#xf20b;</i> <span class="i-name">icon-shekel</span><span class="i-code">0xf20b</span></div>
<div title="Code: 0xf20c" class="the-icons span3"><i class="demo-icon icon-meanpath">&#xf20c;</i> <span class="i-name">icon-meanpath</span><span class="i-code">0xf20c</span></div>
<div title="Code: 0xf20d" class="the-icons span3"><i class="demo-icon icon-buysellads">&#xf20d;</i> <span class="i-name">icon-buysellads</span><span class="i-code">0xf20d</span></div>
</div>
<div class="row">
<div title="Code: 0xf20e" class="the-icons span3"><i class="demo-icon icon-connectdevelop">&#xf20e;</i> <span class="i-name">icon-connectdevelop</span><span class="i-code">0xf20e</span></div>
<div title="Code: 0xf210" class="the-icons span3"><i class="demo-icon icon-dashcube">&#xf210;</i> <span class="i-name">icon-dashcube</span><span class="i-code">0xf210</span></div>
<div title="Code: 0xf211" class="the-icons span3"><i class="demo-icon icon-forumbee">&#xf211;</i> <span class="i-name">icon-forumbee</span><span class="i-code">0xf211</span></div>
<div title="Code: 0xf212" class="the-icons span3"><i class="demo-icon icon-leanpub">&#xf212;</i> <span class="i-name">icon-leanpub</span><span class="i-code">0xf212</span></div>
</div>
<div class="row">
<div title="Code: 0xf213" class="the-icons span3"><i class="demo-icon icon-sellsy">&#xf213;</i> <span class="i-name">icon-sellsy</span><span class="i-code">0xf213</span></div>
<div title="Code: 0xf214" class="the-icons span3"><i class="demo-icon icon-shirtsinbulk">&#xf214;</i> <span class="i-name">icon-shirtsinbulk</span><span class="i-code">0xf214</span></div>
<div title="Code: 0xf215" class="the-icons span3"><i class="demo-icon icon-simplybuilt">&#xf215;</i> <span class="i-name">icon-simplybuilt</span><span class="i-code">0xf215</span></div>
<div title="Code: 0xf216" class="the-icons span3"><i class="demo-icon icon-skyatlas">&#xf216;</i> <span class="i-name">icon-skyatlas</span><span class="i-code">0xf216</span></div>
</div>
<div class="row">
<div title="Code: 0xf217" class="the-icons span3"><i class="demo-icon icon-cart-plus">&#xf217;</i> <span class="i-name">icon-cart-plus</span><span class="i-code">0xf217</span></div>
<div title="Code: 0xf218" class="the-icons span3"><i class="demo-icon icon-cart-arrow-down">&#xf218;</i> <span class="i-name">icon-cart-arrow-down</span><span class="i-code">0xf218</span></div>
<div title="Code: 0xf219" class="the-icons span3"><i class="demo-icon icon-diamond">&#xf219;</i> <span class="i-name">icon-diamond</span><span class="i-code">0xf219</span></div>
<div title="Code: 0xf21a" class="the-icons span3"><i class="demo-icon icon-ship">&#xf21a;</i> <span class="i-name">icon-ship</span><span class="i-code">0xf21a</span></div>
</div>
<div class="row">
<div title="Code: 0xf21b" class="the-icons span3"><i class="demo-icon icon-user-secret">&#xf21b;</i> <span class="i-name">icon-user-secret</span><span class="i-code">0xf21b</span></div>
<div title="Code: 0xf21c" class="the-icons span3"><i class="demo-icon icon-motorcycle">&#xf21c;</i> <span class="i-name">icon-motorcycle</span><span class="i-code">0xf21c</span></div>
<div title="Code: 0xf21d" class="the-icons span3"><i class="demo-icon icon-street-view">&#xf21d;</i> <span class="i-name">icon-street-view</span><span class="i-code">0xf21d</span></div>
<div title="Code: 0xf21e" class="the-icons span3"><i class="demo-icon icon-heartbeat">&#xf21e;</i> <span class="i-name">icon-heartbeat</span><span class="i-code">0xf21e</span></div>
</div>
<div class="row">
<div title="Code: 0xf221" class="the-icons span3"><i class="demo-icon icon-venus">&#xf221;</i> <span class="i-name">icon-venus</span><span class="i-code">0xf221</span></div>
<div title="Code: 0xf222" class="the-icons span3"><i class="demo-icon icon-mars">&#xf222;</i> <span class="i-name">icon-mars</span><span class="i-code">0xf222</span></div>
<div title="Code: 0xf223" class="the-icons span3"><i class="demo-icon icon-mercury">&#xf223;</i> <span class="i-name">icon-mercury</span><span class="i-code">0xf223</span></div>
<div title="Code: 0xf224" class="the-icons span3"><i class="demo-icon icon-transgender">&#xf224;</i> <span class="i-name">icon-transgender</span><span class="i-code">0xf224</span></div>
</div>
<div class="row">
<div title="Code: 0xf225" class="the-icons span3"><i class="demo-icon icon-transgender-alt">&#xf225;</i> <span class="i-name">icon-transgender-alt</span><span class="i-code">0xf225</span></div>
<div title="Code: 0xf226" class="the-icons span3"><i class="demo-icon icon-venus-double">&#xf226;</i> <span class="i-name">icon-venus-double</span><span class="i-code">0xf226</span></div>
<div title="Code: 0xf227" class="the-icons span3"><i class="demo-icon icon-mars-double">&#xf227;</i> <span class="i-name">icon-mars-double</span><span class="i-code">0xf227</span></div>
<div title="Code: 0xf228" class="the-icons span3"><i class="demo-icon icon-venus-mars">&#xf228;</i> <span class="i-name">icon-venus-mars</span><span class="i-code">0xf228</span></div>
</div>
<div class="row">
<div title="Code: 0xf229" class="the-icons span3"><i class="demo-icon icon-mars-stroke">&#xf229;</i> <span class="i-name">icon-mars-stroke</span><span class="i-code">0xf229</span></div>
<div title="Code: 0xf22a" class="the-icons span3"><i class="demo-icon icon-mars-stroke-v">&#xf22a;</i> <span class="i-name">icon-mars-stroke-v</span><span class="i-code">0xf22a</span></div>
<div title="Code: 0xf22b" class="the-icons span3"><i class="demo-icon icon-mars-stroke-h">&#xf22b;</i> <span class="i-name">icon-mars-stroke-h</span><span class="i-code">0xf22b</span></div>
<div title="Code: 0xf22c" class="the-icons span3"><i class="demo-icon icon-neuter">&#xf22c;</i> <span class="i-name">icon-neuter</span><span class="i-code">0xf22c</span></div>
</div>
<div class="row">
<div title="Code: 0xf230" class="the-icons span3"><i class="demo-icon icon-facebook-official">&#xf230;</i> <span class="i-name">icon-facebook-official</span><span class="i-code">0xf230</span></div>
<div title="Code: 0xf231" class="the-icons span3"><i class="demo-icon icon-pinterest">&#xf231;</i> <span class="i-name">icon-pinterest</span><span class="i-code">0xf231</span></div>
<div title="Code: 0xf232" class="the-icons span3"><i class="demo-icon icon-whatsapp">&#xf232;</i> <span class="i-name">icon-whatsapp</span><span class="i-code">0xf232</span></div>
<div title="Code: 0xf233" class="the-icons span3"><i class="demo-icon icon-server">&#xf233;</i> <span class="i-name">icon-server</span><span class="i-code">0xf233</span></div>
</div>
<div class="row">
<div title="Code: 0xf234" class="the-icons span3"><i class="demo-icon icon-user-plus">&#xf234;</i> <span class="i-name">icon-user-plus</span><span class="i-code">0xf234</span></div>
<div title="Code: 0xf235" class="the-icons span3"><i class="demo-icon icon-user-times">&#xf235;</i> <span class="i-name">icon-user-times</span><span class="i-code">0xf235</span></div>
<div title="Code: 0xf236" class="the-icons span3"><i class="demo-icon icon-bed">&#xf236;</i> <span class="i-name">icon-bed</span><span class="i-code">0xf236</span></div>
<div title="Code: 0xf237" class="the-icons span3"><i class="demo-icon icon-viacoin">&#xf237;</i> <span class="i-name">icon-viacoin</span><span class="i-code">0xf237</span></div>
</div>
<div class="row">
<div title="Code: 0xf238" class="the-icons span3"><i class="demo-icon icon-train">&#xf238;</i> <span class="i-name">icon-train</span><span class="i-code">0xf238</span></div>
<div title="Code: 0xf239" class="the-icons span3"><i class="demo-icon icon-subway">&#xf239;</i> <span class="i-name">icon-subway</span><span class="i-code">0xf239</span></div>
<div title="Code: 0xf23a" class="the-icons span3"><i class="demo-icon icon-medium">&#xf23a;</i> <span class="i-name">icon-medium</span><span class="i-code">0xf23a</span></div>
<div title="Code: 0xf300" class="the-icons span3"><i class="demo-icon icon-github-squared">&#xf300;</i> <span class="i-name">icon-github-squared</span><span class="i-code">0xf300</span></div>
</div>
<div class="row">
<div title="Code: 0xf304" class="the-icons span3"><i class="demo-icon icon-twitter-squared">&#xf304;</i> <span class="i-name">icon-twitter-squared</span><span class="i-code">0xf304</span></div>
<div title="Code: 0xf308" class="the-icons span3"><i class="demo-icon icon-facebook-squared">&#xf308;</i> <span class="i-name">icon-facebook-squared</span><span class="i-code">0xf308</span></div>
<div title="Code: 0xf30c" class="the-icons span3"><i class="demo-icon icon-linkedin-squared">&#xf30c;</i> <span class="i-name">icon-linkedin-squared</span><span class="i-code">0xf30c</span></div>
</div>
</div>
<div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
</body>
</html>