|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/parasoffline.edukrypt.in/application/views/temp_demo/ |
Upload File : |
<!DOCTYPE html>
<html>
<!-- Mirrored from alliance-html.themerex.net/user-interface-icons.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 02 Apr 2016 08:06:02 GMT -->
<head>
<!-- -------------- Meta and Title -------------- -->
<meta charset="utf-8">
<title>Alliance - A Responsive Bootstrap 3 Admin Dashboard Template</title>
<meta name="keywords" content="HTML5, Bootstrap 3, Admin Template, UI Theme"/>
<meta name="description" content="Alliance - A Responsive HTML5 Admin UI Framework">
<meta name="author" content="ThemeREX">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- -------------- Fonts -------------- -->
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'>
<link href='https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic' rel='stylesheet'
type='text/css'>
<!-- -------------- Icomoon -------------- -->
<link rel="stylesheet" type="text/css" href="assets/fonts/icomoon/icomoon.css">
<!-- -------------- Iconsweets CSS -------------- -->
<link rel="stylesheet" type="text/css" href="assets/fonts/iconsweets/iconsweets.css">
<!-- -------------- Octicons CSS -------------- -->
<link rel="stylesheet" type="text/css" href="assets/fonts/octicons/octicons.css">
<!-- -------------- Stateface CSS -------------- -->
<link rel="stylesheet" type="text/css" href="assets/fonts/stateface/stateface.css">
<!-- -------------- CSS - theme -------------- -->
<link rel="stylesheet" type="text/css" href="assets/skin/default_skin/css/theme.css">
<!-- -------------- Favicon -------------- -->
<link rel="shortcut icon" href="assets/img/favicon.ico">
<!-- -------------- IE8 HTML5 support -------------- -->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="user-interface-icons">
<!-- -------------- Customizer -------------- -->
<div id="customizer">
<div class="panel">
<div class="panel-heading">
<span class="panel-icon">
<i class="fa fa-cogs"></i>
</span>
<span class="panel-title"> Theme Options</span>
</div>
<div class="panel-body pn">
<ul class="nav nav-list nav-list-sm" role="tablist">
<li class="active">
<a href="#customizer-header" role="tab" data-toggle="tab">Navbar</a>
</li>
<li>
<a href="#customizer-sidebar" role="tab" data-toggle="tab">Sidebar</a>
</li>
<li>
<a href="#customizer-settings" role="tab" data-toggle="tab">Misc</a>
</li>
</ul>
<div class="tab-content p20 ptn pb15">
<div role="tabpanel" class="tab-pane active" id="customizer-header">
<form id="customizer-header-skin">
<h6 class="mv20">Header Skins</h6>
<div class="customizer-sample">
<table>
<tr>
<td>
<div class="checkbox-custom fill checkbox-dark mb10">
<input type="radio" name="headerSkin" id="headerSkin5" checked
value="bg-dark">
<label for="headerSkin5">Dark</label>
</div>
</td>
<td>
<div class="checkbox-custom fill checkbox-warning mb10">
<input type="radio" name="headerSkin" id="headerSkin2" value="bg-warning">
<label for="headerSkin2">Warning</label>
</div>
</td>
</tr>
<tr>
<td>
<div class="checkbox-custom fill checkbox-danger mb10">
<input type="radio" name="headerSkin" id="headerSkin3" value="bg-danger">
<label for="headerSkin3">Danger</label>
</div>
</td>
<td>
<div class="checkbox-custom fill checkbox-success mb10">
<input type="radio" name="headerSkin" id="headerSkin4" value="bg-success">
<label for="headerSkin4">Success</label>
</div>
</td>
</tr>
<tr>
<td>
<div class="checkbox-custom fill checkbox-primary mb10">
<input type="radio" name="headerSkin" id="headerSkin6" value="bg-primary">
<label for="headerSkin6">Primary</label>
</div>
</td>
<td>
<div class="checkbox-custom fill checkbox-info mb10">
<input type="radio" name="headerSkin" id="headerSkin7" value="bg-info">
<label for="headerSkin7">Info</label>
</div>
</td>
</tr>
<tr>
<td>
<div class="checkbox-custom fill checkbox-alert mb10">
<input type="radio" name="headerSkin" id="headerSkin8" value="bg-alert">
<label for="headerSkin8">Alert</label>
</div>
</td>
<td>
<div class="checkbox-custom fill checkbox-system mb10">
<input type="radio" name="headerSkin" id="headerSkin9" value="bg-system">
<label for="headerSkin9">System</label>
</div>
</td>
</tr>
</table>
<div class="checkbox-custom checkbox-disabled fill mb10">
<input type="radio" name="headerSkin" id="headerSkin1" value="bgc-light">
<label for="headerSkin1">Light</label>
</div>
</div>
</form>
<form id="customizer-footer-skin">
<h6 class="mv20">Footer Skins</h6>
<div class="customizer-sample">
<table>
<tr>
<td>
<div class="checkbox-custom fill checkbox-dark mb10">
<input type="radio" name="footerSkin" id="footerSkin1" checked value="">
<label for="footerSkin1">Dark</label>
</div>
</td>
<td>
<div class="checkbox-custom checkbox-disabled fill mb10">
<input type="radio" name="footerSkin" id="footerSkin2" value="footer-light">
<label for="footerSkin2">Light</label>
</div>
</td>
</tr>
</table>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="customizer-sidebar">
<form id="customizer-sidebar-skin">
<h6 class="mv20">Sidebar Skins</h6>
<div class="customizer-sample">
<div class="checkbox-custom fill checkbox-dark mb10">
<input type="radio" name="sidebarSkin" checked id="sidebarSkin2" value="">
<label for="sidebarSkin2">Dark</label>
</div>
<div class="checkbox-custom fill checkbox-disabled mb10">
<input type="radio" name="sidebarSkin" id="sidebarSkin1" value="sidebar-light">
<label for="sidebarSkin1">Light</label>
</div>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="customizer-settings">
<form id="customizer-settings-misc">
<h6 class="mv20 mtn">Layout Options</h6>
<div class="form-group">
<div class="checkbox-custom fill mb10">
<input type="checkbox" checked="" id="header-option">
<label for="header-option">Fixed Header</label>
</div>
</div>
<div class="form-group">
<div class="checkbox-custom fill mb10">
<input type="checkbox" checked="" id="sidebar-option">
<label for="sidebar-option">Fixed Sidebar</label>
</div>
</div>
<div class="form-group">
<div class="checkbox-custom fill mb10">
<input type="checkbox" id="breadcrumb-option">
<label for="breadcrumb-option">Fixed Breadcrumbs</label>
</div>
</div>
<div class="form-group">
<div class="checkbox-custom fill mb10">
<input type="checkbox" id="breadcrumb-hidden">
<label for="breadcrumb-hidden">Hide Breadcrumbs</label>
</div>
</div>
</form>
</div>
</div>
<div class="form-group mn pb35 pt25 text-center">
<a href="#" id="clearAll" class="btn btn-primary btn-bordered btn-sm">Clear All</a>
</div>
</div>
</div>
</div>
<!-- -------------- /Customizer -------------- -->
<!-- -------------- Body Wrap -------------- -->
<div id="main">
<!-- -------------- Header -------------- -->
<header class="navbar navbar-fixed-top bg-dark">
<div class="navbar-logo-wrapper">
<a class="navbar-logo-text" href="dashboard1.html">
<b>Alliance</b>
</a>
<span id="sidebar_left_toggle" class="ad ad-lines"></span>
</div>
<ul class="nav navbar-nav navbar-left">
<li class="dropdown dropdown-fuse hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown
<span class="fa fa-chevron-down"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">One more action</a></li>
<li><a href="#">More actions if needed</a></li>
<li class="divider"></li>
<li><a href="#">Separated action</a></li>
</ul>
</li>
<li class="hidden-xs">
<a class="navbar-fullscreen toggle-active" href="#">
<span class="glyphicon glyphicon-fullscreen"></span>
</a>
</li>
</ul>
<form class="navbar-form navbar-left search-form square" role="search">
<div class="input-group add-on">
<input type="text" class="form-control" placeholder="Search..." onfocus="this.placeholder=''"
onblur="this.placeholder='Search...'">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="hidden-xs">
<div class="navbar-btn btn-group">
<a href="#" class="topbar-dropmenu-toggle btn" data-toggle="button">
<span class="fa fa-magic fs20 text-info"></span>
</a>
</div>
</li>
<li class="dropdown dropdown-fuse">
<div class="navbar-btn btn-group">
<button data-toggle="dropdown" class="btn dropdown-toggle">
<span class="fa fa-envelope fs20 text-danger"></span>
</button>
<button data-toggle="dropdown" class="btn dropdown-toggle fs18 visible-xl">
3
</button>
<div class="dropdown-menu keep-dropdown w375 animated animated-shorter fadeIn" role="menu">
<div class="panel mbn">
<div class="panel-menu">
<div class="btn-group btn-group-justified btn-group-nav" role="tablist">
<a href="#nav-tab1" data-toggle="tab"
class="btn btn-primary btn-bordered btn-sm active">Activity</a>
<a href="#nav-tab2" data-toggle="tab"
class="btn btn-primary btn-bordered btn-sm br-l-n br-r-n">Messages</a>
<a href="#nav-tab3" data-toggle="tab" class="btn btn-primary btn-bordered btn-sm">Notifications</a>
</div>
</div>
<div class="panel-body panel-scroller scroller-overlay scroller-navbar pn">
<div class="tab-content br-n pn">
<div id="nav-tab1" class="tab-pane active" role="tabpanel">
<ul class="media-list" role="menu">
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/5.jpg"
class="mw40 br2"
alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/2.jpg"
class="mw40 br2"
alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small> - 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/3.jpg"
class="mw40 br2"
alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/4.jpg"
class="mw40 br2"
alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/5.jpg"
class="mw40 br2"
alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/2.jpg"
class="mw40 br2"
alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small> - 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
<li class="media">
<a class="media-left" href="#"> <img src="assets/img/avatars/3.jpg"
class="mw40 br2"
alt="avatar">
</a>
<div class="media-body">
<h5 class="media-heading">New post
<small class="text-muted">- 09/01/15</small>
</h5>
Last Updated 5 days ago by
<a class="" href="#"> John Doe </a>
</div>
</li>
</ul>
</div>
<div id="nav-tab2" class="tab-pane chat-widget" role="tabpanel">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/3.jpg">
</a>
</div>
<div class="media-body">
<span class="media-status online"></span>
<h5 class="media-heading">Frank Hill
<small> - 14:10am</small>
</h5>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
</div>
<div class="media">
<div class="media-body">
<span class="media-status offline"></span>
<h5 class="media-heading">George Kelly
<small> - 15:25am</small>
</h5>
Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat.
</div>
<div class="media-right">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/1.jpg">
</a>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/2.jpg">
</a>
</div>
<div class="media-body">
<span class="media-status online"></span>
<h5 class="media-heading">Frank Hill
<small> - 15:33am</small>
</h5>
Lorem ipsum dolor sit amet, nonummy nibh euismod tinc consectetuer
adipiscing elit.
</div>
</div>
<div class="media">
<div class="media-body">
<span class="media-status offline"></span>
<h5 class="media-heading">George Kelly
<small> - 15:43am</small>
</h5>
Euismod sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.
</div>
<div class="media-right">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/1.jpg">
</a>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/2.jpg">
</a>
</div>
<div class="media-body">
<span class="media-status online"></span>
<h5 class="media-heading">Frank Hill
<small> - 16:30am</small>
</h5>
Corem ipsum dolor sit amet, nonummy nibh euismod tinc co.
</div>
</div>
<div class="media">
<div class="media-body">
<span class="media-status offline"></span>
<h5 class="media-heading">George Kelly
<small> - 12:30am</small>
</h5>
Ubh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div class="media-right">
<a href="#">
<img class="media-object" alt="64x64"
src="assets/img/avatars/1.jpg">
</a>
</div>
</div>
</div>
<div id="nav-tab3" class="tab-pane alerts-widget" role="tabpanel">
<div class="media">
<a class="media-left" href="#"> <span
class="fa fa-shopping-cart text-success"></span> </a>
<div class="media-body">
<h5 class="media-heading">New Product Order
<small class="text-muted"></small>
</h5>
<a href="#">iPad Air</a> - 3 hours ago
</div>
<div class="media-right">
<div class="media-response"> Confirm?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-cog"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span
class="fa fa-comment text-system"></span>
</a>
<div class="media-body">
<h5 class="media-heading">New User Comment
<small class="text-muted"></small>
</h5>
Sam Fisher - I'd like to read more!
</div>
<div class="media-right">
<div class="media-response text-right"> Moderate?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-pencil"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span class="fa fa-eye text-warning"></span>
</a>
<div class="media-body">
<h5 class="media-heading">New User Review
<small class="text-muted"></small>
</h5>
Sebastian Jones - 5 hours ago
</div>
<div class="media-right">
<div class="media-response"> Approve?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-remove"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span class="fa fa-user text-info"></span>
</a>
<div class="media-body">
<h5 class="media-heading">New User Registration
<small class="text-muted"></small>
</h5>
Carlos Santiyago - 7 hours ago
</div>
<div class="media-right">
<div class="media-response"> Approve?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-remove"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span class="fa fa-user text-info"></span>
</a>
<div class="media-body">
<h5 class="media-heading">New User Registration
<small class="text-muted"></small>
</h5>
Douglas Adams - 13 hours ago
</div>
<div class="media-right">
<div class="media-response"> Approve?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-remove"></i>
</button>
</div>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span class="fa fa-info text-alert"></span>
</a>
<div class="media-body">
<h5 class="media-heading">New Invoice
<small class="text-muted"></small>
</h5>
<a href="#">iPad Air</a> - 14 hours ago
</div>
<div class="media-right">
<div class="media-response single">#1234567</div>
<button type="button" class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-link"></i>
</button>
</div>
</div>
<div class="media">
<a class="media-left" href="#"> <span
class="fa fa-shopping-cart text-success"></span> </a>
<div class="media-body">
<h5 class="media-heading">New Product Order
<small class="text-muted"></small>
</h5>
<a href="#">iPad Air</a> - 14 hours ago
</div>
<div class="media-right">
<div class="media-response"> Confirm?</div>
<div class="btn-group">
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-check text-success"></i>
</button>
<button type="button"
class="btn btn-default btn-sm btn-bordered light">
<i class="fa fa-cog"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-footer text-center">
<a href="#" class="btn btn-primary btn-sm btn-bordered"> View All </a>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown dropdown-fuse">
<div class="navbar-btn btn-group">
<button data-toggle="dropdown" class="btn dropdown-toggle">
<span class="fa fa-bell fs20 text-primary"></span>
</button>
<button data-toggle="dropdown" class="btn dropdown-toggle fs18 visible-xl">
8
</button>
<div class="dropdown-menu keep-dropdown w375 animated animated-shorter fadeIn" role="menu">
<div class="panel mbn">
<div class="panel-menu">
<span class="panel-icon"><i class="fa fa-tasks"></i></span>
<span class="panel-title fw600"> Activity reports</span>
<button class="btn btn-default light btn-xs btn-bordered pull-right" type="button"><i
class="fa fa-refresh"></i>
</button>
</div>
<div class="panel-body panel-scroller scroller-navbar scroller-overlay scroller-pn pn">
<ol class="timeline-list">
<li class="timeline-item">
<div class="timeline-icon bg-dark light">
<span class="fa fa-envelope"></span>
</div>
<div class="timeline-desc">
<b>John Doe</b> Sent you a message.
<a href="#">View now</a>
</div>
<div class="timeline-date">11:15am</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-success">
<span class="fa fa-info"></span>
</div>
<div class="timeline-desc">
<b>Admin</b> created invoice for:
<a href="#">iPad Air</a>
</div>
<div class="timeline-date">6:26pm</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-success">
<span class="fa fa-info"></span>
</div>
<div class="timeline-desc">
<b>Admin</b> created invoice for:
<a href="#">iPhone 5s</a>
</div>
<div class="timeline-date">11:45am</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-dark light">
<span class="fa fa-envelope"></span>
</div>
<div class="timeline-desc">
<b>Lara Johnes</b> Sent you a message.
<a href="#">View now</a>
</div>
<div class="timeline-date">3:18pm</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-primary">
<span class="fa fa-star"></span>
</div>
<div class="timeline-desc">
<b>Richard Johnes</b> Added to wishlist:
<a href="#">iPhone 5c</a>
</div>
<div class="timeline-date">8:15am</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-success">
<span class="fa fa-info"></span>
</div>
<div class="timeline-desc">
<b>Admin</b> created invoice for:
<a href="#">Mac Pro</a>
</div>
<div class="timeline-date">9:29pm</div>
</li>
<li class="timeline-item">
<div class="timeline-icon bg-primary">
<span class="fa fa-star"></span>
</div>
<div class="timeline-desc">
<b>Douglas Adams</b> Added to wishlist:
<a href="#">iPad 4</a>
</div>
<div class="timeline-date">3:05am</div>
</li>
</ol>
</div>
<div class="panel-footer text-center">
<a href="#" class="btn btn-primary btn-sm btn-bordered"> View All </a>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown dropdown-fuse">
<div class="navbar-btn btn-group">
<button data-toggle="dropdown" class="btn btn-md dropdown-toggle">
EN
</button>
<ul class="dropdown-menu pv5 animated animated-short fadeIn" role="menu">
<li>
<a href="javascript:void(0);"> Spanish </a>
</li>
<li>
<a href="javascript:void(0);"> Italian </a>
</li>
</ul>
</div>
</li>
<li class="dropdown dropdown-fuse">
<a href="#" class="dropdown-toggle fw600" data-toggle="dropdown">
<span class="hidden-xs"><name>Doug Adams</name> </span>
<span class="fa fa-caret-down hidden-xs mr15"></span>
<img src="assets/img/avatars/profile_avatar.jpg" alt="avatar" class="mw55">
</a>
<ul class="dropdown-menu list-group keep-dropdown w250" role="menu">
<li class="dropdown-header clearfix">
<div class="pull-left ml10">
<select id="user-status">
<optgroup label="Current Status:">
<option value="1-1">Away</option>
<option value="1-2">Busy</option>
<option value="1-3" selected="selected">Online</option>
<option value="1-4">Offline</option>
</optgroup>
</select>
</div>
<div class="pull-right mr10">
<select id="user-role">
<optgroup label="Logged in As:">
<option value="1-1" selected="selected">Admin</option>
<option value="1-2">Editor</option>
<option value="1-3">User</option>
</optgroup>
</select>
</div>
</li>
<li class="list-group-item">
<a href="#" class="animated animated-short fadeInUp">
<span class="fa fa-envelope-o"></span> Messages
<span class="label label-warning">54</span>
</a>
</li>
<li class="list-group-item">
<a href="#" class="animated animated-short fadeInUp">
<span class="fa fa-users"></span> Friends
<span class="label label-warning">6</span>
</a>
</li>
<li class="list-group-item">
<a href="#" class="animated animated-short fadeInUp">
<span class="fa fa-bell"></span> Notifications </a>
</li>
<li class="list-group-item">
<a href="#" class="animated animated-short fadeInUp">
<span class="fa fa-cogs"></span> Settings </a>
</li>
<li class="dropdown-footer text-center">
<a href="#" class="btn btn-primary btn-sm btn-bordered">
<span class="fa fa-power-off pr5"></span> Logout </a>
</li>
</ul>
</li>
</ul>
</header>
<!-- -------------- /Header -------------- -->
<!-- -------------- Sidebar -------------- -->
<aside id="sidebar_left" class="nano nano-light affix">
<!-- -------------- Sidebar Left Wrapper -------------- -->
<div class="sidebar-left-content nano-content">
<!-- -------------- Sidebar Header -------------- -->
<header class="sidebar-header">
<!-- -------------- Sidebar - Author -------------- -->
<div class="sidebar-widget author-widget">
<div class="media">
<a class="media-left" href="#">
<img src="assets/img/avatars/profile_avatar.jpg" class="img-responsive">
</a>
<div class="media-body">
<div class="media-links">
<a href="#" class="sidebar-menu-toggle">User Menu -</a> <a href="utility-login.html">Logout</a>
</div>
<div class="media-author">Douglas Adams</div>
</div>
</div>
</div>
<!-- -------------- Sidebar - Author Menu -------------- -->
<div class="sidebar-widget menu-widget">
<div class="row text-center mbn">
<div class="col-xs-2 pln prn">
<a href="dashboard1.html" class="text-primary" data-toggle="tooltip" data-placement="top"
title="Dashboard">
<span class="fa fa-dashboard"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="charts-highcharts.html" class="text-info" data-toggle="tooltip"
data-placement="top"
title="Stats">
<span class="fa fa-bar-chart-o"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="sales-stats-products.html" class="text-system" data-toggle="tooltip"
data-placement="top"
title="Orders">
<span class="fa fa-info-circle"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="sales-stats-purchases.html" class="text-warning" data-toggle="tooltip"
data-placement="top"
title="Invoices">
<span class="fa fa-file"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="basic-profile.html" class="text-alert" data-toggle="tooltip" data-placement="top"
title="Users">
<span class="fa fa-users"></span>
</a>
</div>
<div class="col-xs-4 col-sm-2 pln prn">
<a href="management-tools-dock.html" class="text-danger" data-toggle="tooltip"
data-placement="top"
title="Settings">
<span class="fa fa-cogs"></span>
</a>
</div>
</div>
</div>
</header>
<!-- -------------- /Sidebar Header -------------- -->
<!-- -------------- Sidebar Menu -------------- -->
<ul class="nav sidebar-menu">
<li class="sidebar-label pt30">Menu</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-dashboard"></span>
<span class="sidebar-title">Dashboard</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="dashboard1.html">
<span class="fa fa-file-text-o"></span> Layout 1 </a>
</li>
<li>
<a href="dashboard2.html">
<span class="fa fa-file-text-o"></span> Layout 2 </a>
</li>
</ul>
</li>
<li class="sidebar-label pt25">Tools</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-share-square-o"></span>
<span class="sidebar-title">Sales stats</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="dashboard2.html">
<span class="glyphicon glyphicon-tags"></span> Overview </a>
</li>
<li>
<a href="sales-stats-products.html">
<span class="glyphicon glyphicon-tags"></span> Products </a>
</li>
<li>
<a href="sales-stats-purchases.html">
<span class="fa fa-money"></span> Purchases </a>
</li>
<li>
<a href="sales-stats-clients.html">
<span class="fa fa-users"></span> Clients </a>
</li>
<li>
<a href="sales-stats-general-settings.html">
<span class="fa fa-gears"></span> General Settings </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-desktop"></span>
<span class="sidebar-title">Layout Templates</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa fa-arrows-h"></span>
Sidebars
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="sidebar-left-static.html">
Left Static </a>
</li>
<li>
<a href="sidebar-left-fixed.html">
Left Fixed </a>
</li>
<li>
<a href="sidebar-left-minified.html">
Left Minified </a>
</li>
<li>
<a href="sidebar-right-fixed.html">
Right Fixed </a>
</li>
<li>
<a href="sidebar-right-menu.html">
Right Static </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-arrows-v"></span>
Navigation
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="navigation-static.html">
Static </a>
</li>
<li>
<a href="navigation-fixed.html">
Fixed </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-hand-o-up"></span>
Top Panel
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="top-panel.html">
Default </a>
</li>
<li>
<a href="top-panel-menu.html">
With Menu </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-arrows-v"></span>
Content
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="content-blank.html">
Blank </a>
</li>
<li>
<a href="content-fixed.html">
Fixed </a>
</li>
<li>
<a href="content-hero.html">
Hero Content </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-pause"></span>
Content Chutes
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="chute-left.html">
Left Static </a>
</li>
<li>
<a href="chute-left-fixed.html">
Left Fixed </a>
</li>
<li>
<a href="chute-right.html">
Right Static </a>
</li>
<li>
<a href="chute-right-fixed.html">
Right Fixed </a>
</li>
<li>
<a href="chute-both.html">
Left & Right Static </a>
</li>
<li>
<a href="chute-both-fixed.html">
Left & Right Fixed </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-plus-square-o"></span>
Boxed Frontpage
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="boxed-default.html">
Default </a>
</li>
<li>
<a href="horizontal-navigation-boxed.html">
Optional Navigation </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-arrow-circle-o-up"></span>
Horizontal Navigation
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="horizontal-navigation-small-menu.html">
Small Menu</a>
</li>
<li>
<a href="horizontal-navigation-medium-menu.html">
Medium Menu</a>
</li>
<li>
<a href="horizontal-navigation-large-menu.html">
Large Menu</a>
</li>
<li>
<a href="horizontal-navigation-top-panel.html">
With Top Panel</a>
</li>
<li>
<a href="horizontal-navigation-collapsing-top-panel.html">
Collapsing Top Panel</a>
</li>
<li>
<a href="horizontal-navigation-boxed.html">
Boxed Layout</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-wrench"></span>
<span class="sidebar-title">Management Tools</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="management-tools-panels.html">
<span class="glyphicon glyphicon-book"></span> Panels </a>
</li>
<li>
<a href="management-tools-modals.html">
<span class="glyphicon glyphicon-modal-window"></span> Modals </a>
</li>
<li>
<a href="management-tools-dock.html">
<span class="glyphicon glyphicon-equalizer"></span> Dock </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-check-square-o"></span>
<span class="sidebar-title">Forms</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="forms-elements.html">
<span class="glyphicon glyphicon-shopping-cart"></span> Elements </a>
</li>
<li>
<a href="forms-widgets.html">
<span class="glyphicon glyphicon-calendar"></span> Widgets </a>
</li>
<li>
<a href="forms-layouts.html">
<span class="fa fa-desktop"></span> Layouts </a>
</li>
<li>
<a href="forms-wizard.html">
<span class="fa fa-clipboard"></span> Wizard </a>
</li>
<li>
<a href="forms-validation.html">
<span class="glyphicon glyphicon-check"></span> Validation </a>
</li>
</ul>
</li>
<li class="sidebar-label pt30">Elements</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-cogs"></span>
<span class="sidebar-title">Widgets</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="widgets-panels.html">
<span class="fa fa-desktop"></span> Panels </a>
</li>
<li>
<a href="widgets-scrollers-tiles.html">
<span class="fa fa-columns"></span> Scrollers & Tiles</a>
</li>
<li>
<a href="widgets-tools.html">
<span class="fa fa-dot-circle-o"></span> Tools </a>
</li>
</ul>
</li>
<li>
<a href="email-layouts.html">
<span class="fa fa-envelope-o"></span>
<span class="sidebar-title">Email Layouts</span>
</a>
</li>
<li>
<a class="accordion-toggle menu-open" href="#">
<span class="fa fa-star-half-full "></span>
<span class="sidebar-title">User Interface</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="user-interface-alerts.html">
<span class="fa fa-warning"></span> Alerts </a>
</li>
<li>
<a href="user-interface-buttons.html">
<span class="fa fa-plus-square-o"></span> Buttons </a>
</li>
<li>
<a href="user-interface-typography.html">
<span class="fa fa-text-width"></span> Typography </a>
</li>
<li>
<a href="user-interface-panels.html">
<span class="fa fa-archive"></span> Panels </a>
</li>
<li>
<a href="user-interface-progress-bars.html">
<span class="fa fa-bars"></span> Progress Bars </a>
</li>
<li>
<a href="user-interface-tabs.html">
<span class="fa fa-toggle-off"></span> Tabs </a>
</li>
<li class="active">
<a href="user-interface-icons.html">
<span class="fa fa-hand-o-right"></span> Icons </a>
</li>
<li>
<a href="user-interface-grid.html">
<span class="fa fa-th-large"></span> Grid </a>
</li>
<li>
<a href="user-interface-progress-loader.html">
<span class="fa fa-th-large"></span> Page Progress Loader </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-tasks"></span>
<span class="sidebar-title">User Forms</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="user-forms-standart-inputs.html">
<span class="fa fa-magic"></span> Standart Inputs </a>
</li>
<li>
<a href="user-forms-additional-inputs.html">
<span class="fa fa-bell-o"></span> Additional Inputs
</a>
</li>
<li>
<a href="user-forms-editors.html">
<span class="fa fa-clipboard"></span> Editors </a>
</li>
<li>
<a href="user-forms-treeview.html">
<span class="fa fa-tree"></span> Treeview </a>
</li>
<li>
<a href="user-forms-nestable.html">
<span class="fa fa-tasks"></span> Nestable </a>
</li>
<li>
<a href="user-forms-image-tools.html">
<span class="fa fa-cloud-upload"></span> Image Tools
</a>
</li>
<li>
<a href="user-forms-file-uploaders.html">
<span class="fa fa-cloud-upload"></span> File Uploaders </a>
</li>
<li>
<a href="user-forms-notifications.html">
<span class="fa fa-bell-o"></span> Notifications </a>
</li>
<li>
<a href="user-forms-content-sliders.html">
<span class="fa fa-exchange"></span> Content Sliders </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-crop"></span>
<span class="sidebar-title">Plugins</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a class="accordion-toggle" href="#">
<span class="glyphicon glyphicon-globe"></span> Maps
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="maps-basic.html">Basic</a>
</li>
<li>
<a href="maps-vector.html">Vector</a>
</li>
<li>
<a href="maps-full.html">Full</a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-area-chart"></span> Charts
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="charts-highcharts.html">Highcharts</a>
</li>
<li>
<a href="charts-d3.html">D3 Charts</a>
</li>
<li>
<a href="charts-flot.html">Flot Charts</a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-table"></span> Tables
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="tables-basic.html"> Basic </a>
</li>
<li>
<a href="tables-datatables.html"> Data </a>
</li>
<li>
<a href="tables-sortable.html"> Sortable </a>
</li>
<li>
<a href="tables-pricing.html"> Pricing </a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-file-text-o"></span>
<span class="sidebar-title">Pages</span>
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-gears"></span> Utility
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="utility-confirmation.html" target="_blank"> Confirmation </a>
</li>
<li>
<a href="utility-login.html" target="_blank"> Login </a>
</li>
<li>
<a href="utility-register.html" target="_blank"> Register </a>
</li>
<li>
<a href="utility-forgot-password.html" target="_blank"> Forgot Password </a>
</li>
<li>
<a href="utility-coming-soon.html" target="_blank"> Coming Soon
</a>
</li>
<li>
<a href="utility-404-error.html"> 404 Error </a>
</li>
</ul>
</li>
<li>
<a class="accordion-toggle" href="#">
<span class="fa fa-desktop"></span> Basic
<span class="caret"></span>
</a>
<ul class="nav sub-nav">
<li>
<a href="basic-search-results.html">Search Results</a>
</li>
<li>
<a href="basic-profile.html"> Profile </a>
</li>
<li>
<a href="basic-timeline.html"> Timeline </a>
</li>
<li>
<a href="basic-faq-page.html"> FAQ Page </a>
</li>
<li>
<a href="basic-calendar.html"> Calendar </a>
</li>
<li>
<a href="basic-messages.html"> Messages </a>
</li>
<li>
<a href="basic-gallery.html"> Gallery </a>
</li>
<li>
<a href="basic-invoice.html"> Invoice </a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="doc/index.html">
<span class="fa fa-book"></span>
<span class="sidebar-title">Documentation</span>
</a>
</li>
<!-- -------------- Sidebar Progress Bars -------------- -->
<li class="sidebar-label pt25 pb15">Stats</li>
<li class="sidebar-stat">
<a href="#" class="fs11">
<span class="fa fa-calendar-o text-info"></span>
<span class="sidebar-title text-muted">September earnings</span>
<span class="pull-right mr20 text-muted">$1158</span>
<div id="high-column4" style="height: 150px;"></div>
</a>
</li>
<li class="sidebar-stat">
<a href="#" class="fs11">
<span class="fa fa-calendar text-info"></span>
<span class="sidebar-title text-muted">August earnings</span>
<span class="pull-right mr20 text-muted">$1001</span>
<div id="high-column5" style="height: 150px;"></div>
</a>
</li>
</ul>
<!-- -------------- /Sidebar Left Menu -------------- -->
<!-- -------------- Sidebar Hide Button -------------- -->
<div class="sidebar-toggler">
<a href="#">
<span class="fa fa-arrow-circle-o-left"></span>
</a>
</div>
<!-- -------------- /Sidebar Hide Button -------------- -->
</div>
<!-- -------------- /Sidebar Left Wrapper -------------- -->
</aside>
<!-- -------------- /Sidebar -------------- -->
<!-- -------------- Main Wrapper -------------- -->
<section id="content_wrapper">
<!-- -------------- Topbar Menu Wrapper -------------- -->
<div id="topbar-dropmenu-wrapper">
<div class="topbar-menu row">
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-danger">
<span class="fa fa-music"></span>
<span class="service-title">Audio</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-success">
<span class="fa fa-picture-o"></span>
<span class="service-title">Images</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-primary">
<span class="fa fa-video-camera"></span>
<span class="service-title">Videos</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-alert">
<span class="fa fa-envelope"></span>
<span class="service-title">Messages</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-system">
<span class="fa fa-cog"></span>
<span class="service-title">Settings</span>
</a>
</div>
<div class="col-xs-4 col-sm-2">
<a href="#" class="service-box bg-dark">
<span class="fa fa-user"></span>
<span class="service-title">Users</span>
</a>
</div>
</div>
</div>
<!-- -------------- /Topbar Menu Wrapper -------------- -->
<!-- -------------- Topbar -------------- -->
<header id="topbar" class="alt">
<div class="topbar-left">
<ol class="breadcrumb">
<li class="breadcrumb-icon">
<a href="dashboard1.html">
<span class="fa fa-home"></span>
</a>
</li>
<li class="breadcrumb-active">
<a href="dashboard1.html">Dashboard</a>
</li>
<li class="breadcrumb-link">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-current-item">Icons</li>
</ol>
</div>
<div class="topbar-right">
<div class="ib topbar-dropdown">
<label for="topbar-multiple" class="control-label">Reporting Period</label>
<select id="topbar-multiple" class="hidden">
<optgroup label="Filter By:">
<option value="1-1">Last 30 Days</option>
<option value="1-2" selected="selected">Last 60 Days</option>
<option value="1-3">Last Year</option>
</optgroup>
</select>
</div>
<div class="ml15 ib va-m" id="sidebar_right_toggle">
<div class="navbar-btn btn-group btn-group-number mv0">
<button class="btn btn-sm btn-default btn-bordered prn pln">
<i class="fa fa-bar-chart fs22 text-default"></i>
</button>
<button class="btn btn-primary btn-sm btn-bordered hidden-xs"> 3</button>
</div>
</div>
</div>
</header>
<!-- -------------- /Topbar -------------- -->
<!-- -------------- Content -------------- -->
<section id="content" class="animated fadeIn">
<!-- -------------- Page Heading -------------- -->
<div class="page-heading ph20">
<p class="lead">ThemeREX includes six different font libraries to choose from.
</p>
<div class="input-group input-hero mt30 mb10">
<span class="input-group-addon mt5">
<i class="fa fa-search"></i>
</span>
<input type="text" id="icon-filter" class="form-control" placeholder="Filter Icons...">
</div>
</div>
<!-- -------------- Tabs -------------- -->
<div class="tab-block">
<ul id="icon-tabs" class="nav nav-tabs tabs-border nav-justified">
<li class="active">
<a href="#tab1" data-toggle="tab">Font Awesome</a>
</li>
<li>
<a href="#tab2" data-toggle="tab">Glyphicons</a>
</li>
<li>
<a href="#tab3" data-toggle="tab">IcoMoon</a>
</li>
<li>
<a href="#tab4" data-toggle="tab">IconSweets 2</a>
</li>
<li>
<a href="#tab5" data-toggle="tab">Octicons</a>
</li>
<li>
<a href="#tab6" data-toggle="tab">StateIcons</a>
</li>
</ul>
<div class="tab-content p30">
<div id="tab1" class="tab-pane active">
<p class="alert alert-info mb40">Here you can find
<b>Font Awesome</b> icons. Required Classes:
<code>.fa .fa-pencil</code>.</p>
<div class="clearfix"></div>
<section id="web-application">
<h2 class="page-header mtn">Web Application Icons</h2>
<ul class="icons-list fontawesome-list">
<li>
<span class="fa fa-rub"></span> fa-rub
</li>
<li>
<span class="fa fa-ruble"></span> fa-ruble
</li>
<li>
<span class="fa fa-rouble"></span> fa-rouble
</li>
<li>
<span class="fa fa-pagelines"></span> fa-pagelines
</li>
<li>
<span class="fa fa-stack-exchange"></span> fa-stack-exchange
</li>
<li>
<span class="fa fa-arrow-circle-o-right"></span> fa-arrow-circle-o-right
</li>
<li>
<span class="fa fa-arrow-circle-o-left"></span> fa-arrow-circle-o-left
</li>
<li>
<span class="fa fa-caret-square-o-left"></span> fa-caret-square-o-left
</li>
<li>
<span class="fa fa-toggle-left"></span> fa-toggle-left
</li>
<li>
<span class="fa fa-dot-circle-o"></span> fa-dot-circle-o
</li>
<li>
<span class="fa fa-wheelchair"></span> fa-wheelchair
</li>
<li>
<span class="fa fa-vimeo-square"></span> fa-vimeo-square
</li>
<li>
<span class="fa fa-try"></span> fa-try
</li>
<li>
<span class="fa fa-turkish-lira"></span> fa-turkish-lira
</li>
<li>
<span class="fa fa-adjust"></span> fa-adjust
</li>
<li>
<span class="fa fa-anchor"></span> fa-anchor
</li>
<li>
<span class="fa fa-archive"></span> fa-archive
</li>
<li>
<span class="fa fa-asterisk"></span> fa-asterisk
</li>
<li>
<span class="fa fa-ban"></span> fa-ban
</li>
<li>
<span class="fa fa-bar-chart-o"></span> fa-bar-chart-o
</li>
<li>
<span class="fa fa-barcode"></span> fa-barcode
</li>
<li>
<span class="fa fa-beer"></span> fa-beer
</li>
<li>
<span class="fa fa-bell"></span> fa-bell
</li>
<li>
<span class="fa fa-bell-o"></span> fa-bell-o
</li>
<li>
<span class="fa fa-bolt"></span> fa-bolt
</li>
<li>
<span class="fa fa-book"></span> fa-book
</li>
<li>
<span class="fa fa-bookmark"></span> fa-bookmark
</li>
<li>
<span class="fa fa-bookmark-o"></span> fa-bookmark-o
</li>
<li>
<span class="fa fa-briefcase"></span> fa-briefcase
</li>
<li>
<span class="fa fa-bug"></span> fa-bug
</li>
<li>
<span class="fa fa-building-o"></span> fa-building
</li>
<li>
<span class="fa fa-bullhorn"></span> fa-bullhorn
</li>
<li>
<span class="fa fa-bullseye"></span> fa-bullseye
</li>
<li>
<span class="fa fa-calendar"></span> fa-calendar
</li>
<li>
<span class="fa fa-calendar-o"></span> fa-calendar-o
</li>
<li>
<span class="fa fa-camera"></span> fa-camera
</li>
<li>
<span class="fa fa-camera-retro"></span> fa-camera-retro
</li>
<li>
<span class="fa fa-caret-square-o-down"></span> fa-caret-square-o-down
</li>
<li>
<span class="fa fa-caret-square-o-left"></span> fa-caret-square-o-left
</li>
<li>
<span class="fa fa-caret-square-o-right"></span> fa-caret-square-o-right
</li>
<li>
<span class="fa fa-caret-square-o-up"></span> fa-caret-square-o-up
</li>
<li>
<span class="fa fa-certificate"></span> fa-certificate
</li>
<li>
<span class="fa fa-check"></span> fa-check
</li>
<li>
<span class="fa fa-check-circle"></span> fa-check-circle
</li>
<li>
<span class="fa fa-check-circle-o"></span> fa-check-circle-o
</li>
<li>
<span class="fa fa-check-square"></span> fa-check-square
</li>
<li>
<span class="fa fa-check-square-o"></span> fa-check-square-o
</li>
<li>
<span class="fa fa-circle"></span> fa-circle
</li>
<li>
<span class="fa fa-circle-o"></span> fa-circle-o
</li>
<li>
<span class="fa fa-clock-o"></span> fa-clock-o
</li>
<li>
<span class="fa fa-cloud"></span> fa-cloud
</li>
<li>
<span class="fa fa-cloud-download"></span> fa-cloud-download
</li>
<li>
<span class="fa fa-cloud-upload"></span> fa-cloud-upload
</li>
<li>
<span class="fa fa-code"></span> fa-code
</li>
<li>
<span class="fa fa-code-fork"></span> fa-code-fork
</li>
<li>
<span class="fa fa-coffee"></span> fa-coffee
</li>
<li>
<span class="fa fa-cog"></span> fa-cog
</li>
<li>
<span class="fa fa-cogs"></span> fa-cogs
</li>
<li>
<span class="fa fa-comment"></span> fa-comment
</li>
<li>
<span class="fa fa-comment-o"></span> fa-comment-o
</li>
<li>
<span class="fa fa-comments"></span> fa-comments
</li>
<li>
<span class="fa fa-comments-o"></span> fa-comments-o
</li>
<li>
<span class="fa fa-compass"></span> fa-compass
</li>
<li>
<span class="fa fa-credit-card"></span> fa-credit-card
</li>
<li>
<span class="fa fa-crop"></span> fa-crop
</li>
<li>
<span class="fa fa-crosshairs"></span> fa-crosshairs
</li>
<li>
<span class="fa fa-cutlery"></span> fa-cutlery
</li>
<li>
<span class="fa fa-dashboard"></span> fa-dashboard
</li>
<li>
<span class="fa fa-desktop"></span> fa-desktop
</li>
<li>
<span class="fa fa-dot-circle-o"></span> fa-dot-circle-o
</li>
<li>
<span class="fa fa-download"></span> fa-download
</li>
<li>
<span class="fa fa-edit"></span> fa-edit
</li>
<li>
<span class="fa fa-ellipsis-h"></span> fa-ellipsis-horizontal
</li>
<li>
<span class="fa fa-ellipsis-v"></span> fa-ellipsis-vertical
</li>
<li>
<span class="fa fa-envelope"></span> fa-envelope
</li>
<li>
<span class="fa fa-envelope-o"></span> fa-envelope-o
</li>
<li>
<span class="fa fa-eraser"></span> fa-eraser
</li>
<li>
<span class="fa fa-exchange"></span> fa-exchange
</li>
<li>
<span class="fa fa-exclamation"></span> fa-exclamation
</li>
<li>
<span class="fa fa-exclamation-circle"></span> fa-exclamation-circle
</li>
<li>
<span class="fa fa-exclamation-triangle"></span> fa-exclamation-triangle
</li>
<li>
<span class="fa fa-expand"></span> fa-expand-o
</li>
<li>
<span class="fa fa-external-link"></span> fa-external-link
</li>
<li>
<span class="fa fa-external-link-square"></span> fa-external-link-square
</li>
<li>
<span class="fa fa-eye"></span> fa-eye
</li>
<li>
<span class="fa fa-eye-slash"></span> fa-eye-slash
</li>
<li>
<span class="fa fa-female"></span> fa-female
</li>
<li>
<span class="fa fa-fighter-jet"></span> fa-fighter-jet
</li>
<li>
<span class="fa fa-film"></span> fa-film
</li>
<li>
<span class="fa fa-filter"></span> fa-filter
</li>
<li>
<span class="fa fa-fire"></span> fa-fire
</li>
<li>
<span class="fa fa-fire-extinguisher"></span> fa-fire-extinguisher
</li>
<li>
<span class="fa fa-flag"></span> fa-flag
</li>
<li>
<span class="fa fa-flag-checkered"></span> fa-flag-checkered
</li>
<li>
<span class="fa fa-flag-o"></span> fa-flag-o
</li>
<li>
<span class="fa fa-flash"></span> fa-flash
</li>
<li>
<span class="fa fa-flask"></span> fa-flask
</li>
<li>
<span class="fa fa-folder"></span> fa-folder
</li>
<li>
<span class="fa fa-folder-o"></span> fa-folder-o
</li>
<li>
<span class="fa fa-folder-open"></span> fa-folder-open
</li>
<li>
<span class="fa fa-folder-open-o"></span> fa-folder-open-o
</li>
<li>
<span class="fa fa-frown-o"></span> fa-frown-o
</li>
<li>
<span class="fa fa-gamepad"></span> fa-gamepad
</li>
<li>
<span class="fa fa-gavel"></span> fa-gavel
</li>
<li>
<span class="fa fa-gear"></span> fa-gear
</li>
<li>
<span class="fa fa-gears"></span> fa-gears
</li>
<li>
<span class="fa fa-gift"></span> fa-gift
</li>
<li>
<span class="fa fa-glass"></span> fa-glass
</li>
<li>
<span class="fa fa-globe"></span> fa-globe
</li>
<li>
<span class="fa fa-group"></span> fa-group
</li>
<li>
<span class="fa fa-hdd-o"></span> fa-hdd
</li>
<li>
<span class="fa fa-headphones"></span> fa-headphones
</li>
<li>
<span class="fa fa-heart"></span> fa-heart
</li>
<li>
<span class="fa fa-heart-o"></span> fa-heart-o
</li>
<li>
<span class="fa fa-home"></span> fa-home
</li>
<li>
<span class="fa fa-inbox"></span> fa-inbox
</li>
<li>
<span class="fa fa-info"></span> fa-info
</li>
<li>
<span class="fa fa-info-circle"></span> fa-info-circle
</li>
<li>
<span class="fa fa-key"></span> fa-key
</li>
<li>
<span class="fa fa-keyboard-o"></span> fa-keyboard-o
</li>
<li>
<span class="fa fa-laptop"></span> fa-laptop
</li>
<li>
<span class="fa fa-leaf"></span> fa-leaf
</li>
<li>
<span class="fa fa-legal"></span> fa-legal
</li>
<li>
<span class="fa fa-lemon-o"></span> fa-lemon-o
</li>
<li>
<span class="fa fa-level-down"></span> fa-level-down
</li>
<li>
<span class="fa fa-level-up"></span> fa-level-up
</li>
<li>
<span class="fa fa-lightbulb-o"></span> fa-lightbulb-o
</li>
<li>
<span class="fa fa-location-arrow"></span> fa-location-arrow
</li>
<li>
<span class="fa fa-lock"></span> fa-lock
</li>
<li>
<span class="fa fa-magic"></span> fa-magic
</li>
<li>
<span class="fa fa-magnet"></span> fa-magnet
</li>
<li>
<span class="fa fa-mail-forward"></span> fa-mail-forward
</li>
<li>
<span class="fa fa-mail-reply"></span> fa-mail-reply
</li>
<li>
<span class="fa fa-mail-reply-all"></span> fa-mail-reply-all
</li>
<li>
<span class="fa fa-male"></span> fa-male
</li>
<li>
<span class="fa fa-map-marker"></span> fa-map-marker
</li>
<li>
<span class="fa fa-meh-o"></span> fa-meh-o
</li>
<li>
<span class="fa fa-microphone"></span> fa-microphone
</li>
<li>
<span class="fa fa-microphone-slash"></span> fa-microphone-slash
</li>
<li>
<span class="fa fa-minus"></span> fa-minus
</li>
<li>
<span class="fa fa-minus-circle"></span> fa-minus-circle
</li>
<li>
<span class="fa fa-minus-square"></span> fa-minus-square
</li>
<li>
<span class="fa fa-minus-square-o"></span> fa-minus-square-o
</li>
<li>
<span class="fa fa-mobile"></span> fa-mobile
</li>
<li>
<span class="fa fa-mobile-phone"></span> fa-mobile-phone
</li>
<li>
<span class="fa fa-money"></span> fa-money
</li>
<li>
<span class="fa fa-moon-o"></span> fa-moon-o
</li>
<li>
<span class="fa fa-music"></span> fa-music
</li>
<li>
<span class="fa fa-pencil"></span> fa-pencil
</li>
<li>
<span class="fa fa-pencil-square"></span> fa-pencil-square
</li>
<li>
<span class="fa fa-pencil-square-o"></span> fa-pencil-square-o
</li>
<li>
<span class="fa fa-phone"></span> fa-phone
</li>
<li>
<span class="fa fa-phone-square"></span> fa-phone-square
</li>
<li>
<span class="fa fa-picture-o"></span> fa-picture-o
</li>
<li>
<span class="fa fa-plane"></span> fa-plane
</li>
<li>
<span class="fa fa-plus"></span> fa-plus
</li>
<li>
<span class="fa fa-plus-circle"></span> fa-plus-circle
</li>
<li>
<span class="fa fa-plus-square"></span> fa-plus-square
</li>
<li>
<span class="fa fa-power-off"></span> fa-power-off
</li>
<li>
<span class="fa fa-print"></span> fa-print
</li>
<li>
<span class="fa fa-puzzle-piece"></span> fa-puzzle-piece
</li>
<li>
<span class="fa fa-qrcode"></span> fa-qrcode
</li>
<li>
<span class="fa fa-question"></span> fa-question
</li>
<li>
<span class="fa fa-question-circle"></span> fa-question-circle
</li>
<li>
<span class="fa fa-quote-left"></span> fa-quote-left
</li>
<li>
<span class="fa fa-quote-right"></span> fa-quote-right
</li>
<li>
<span class="fa fa-random"></span> fa-random
</li>
<li>
<span class="fa fa-refresh"></span> fa-refresh
</li>
<li>
<span class="fa fa-reply"></span> fa-reply
</li>
<li>
<span class="fa fa-reply-all"></span> fa-reply-all
</li>
<li>
<span class="fa fa-retweet"></span> fa-retweet
</li>
<li>
<span class="fa fa-road"></span> fa-road
</li>
<li>
<span class="fa fa-rocket"></span> fa-rocket
</li>
<li>
<span class="fa fa-rss"></span> fa-rss
</li>
<li>
<span class="fa fa-rss-square"></span> fa-rss-square
</li>
<li>
<span class="fa fa-search"></span> fa-search
</li>
<li>
<span class="fa fa-search-minus"></span> fa-search-minus
</li>
<li>
<span class="fa fa-search-plus"></span> fa-search-plus
</li>
<li>
<span class="fa fa-share"></span> fa-share
</li>
<li>
<span class="fa fa-share-square"></span> fa-share-square
</li>
<li>
<span class="fa fa-share-square-o"></span> fa-share-square-o
</li>
<li>
<span class="fa fa-shield"></span> fa-shield
</li>
<li>
<span class="fa fa-shopping-cart"></span> fa-shopping-cart
</li>
<li>
<span class="fa fa-sign-in"></span> fa-sign-in
</li>
<li>
<span class="fa fa-sign-out"></span> fa-sign-out
</li>
<li>
<span class="fa fa-signal"></span> fa-signal
</li>
<li>
<span class="fa fa-sitemap"></span> fa-sitemap
</li>
<li>
<span class="fa fa-smile-o"></span> fa-smile-o
</li>
<li>
<span class="fa fa-sort"></span> fa-sort
</li>
<li>
<span class="fa fa-sort-alpha-asc"></span> fa-sort-alpha-asc
</li>
<li>
<span class="fa fa-sort-alpha-desc"></span> fa-sort-alpha-desc
</li>
<li>
<span class="fa fa-sort-amount-asc"></span> fa-sort-amount-asc
</li>
<li>
<span class="fa fa-sort-amount-desc"></span> fa-sort-amount-desc
</li>
<li>
<span class="fa fa-sort-asc"></span> fa-sort-asc
</li>
<li>
<span class="fa fa-sort-desc"></span> fa-sort-desc
</li>
<li>
<span class="fa fa-sort-down"></span> fa-sort-down
</li>
<li>
<span class="fa fa-sort-numeric-asc"></span> fa-sort-numeric-asc
</li>
<li>
<span class="fa fa-sort-numeric-desc"></span> fa-sort-numeric-desc
</li>
<li>
<span class="fa fa-sort-up"></span> fa-sort-up
</li>
<li>
<span class="fa fa-spinner"></span> fa-spinner
</li>
<li>
<span class="fa fa-square"></span> fa-square
</li>
<li>
<span class="fa fa-square-o"></span> fa-square-o
</li>
<li>
<span class="fa fa-star"></span> fa-star
</li>
<li>
<span class="fa fa-star-half"></span> fa-star-half
</li>
<li>
<span class="fa fa-star-half-empty"></span> fa-star-half-empty
</li>
<li>
<span class="fa fa-star-half-full"></span> fa-star-half-full
</li>
<li>
<span class="fa fa-star-half-o"></span> fa-star-half-o
</li>
<li>
<span class="fa fa-star-o"></span> fa-star-o
</li>
<li>
<span class="fa fa-subscript"></span> fa-subscript
</li>
<li>
<span class="fa fa-suitcase"></span> fa-suitcase
</li>
<li>
<span class="fa fa-sun-o"></span> fa-sun-o
</li>
<li>
<span class="fa fa-superscript"></span> fa-superscript
</li>
<li>
<span class="fa fa-tablet"></span> fa-tablet
</li>
<li>
<span class="fa fa-tachometer"></span> fa-tachometer
</li>
<li>
<span class="fa fa-tag"></span> fa-tag
</li>
<li>
<span class="fa fa-tags"></span> fa-tags
</li>
<li>
<span class="fa fa-tasks"></span> fa-tasks
</li>
<li>
<span class="fa fa-terminal"></span> fa-terminal
</li>
<li>
<span class="fa fa-thumb-tack"></span> fa-thumb-tack
</li>
<li>
<span class="fa fa-thumbs-down"></span> fa-thumbs-down
</li>
<li>
<span class="fa fa-thumbs-o-down"></span> fa-thumbs-o-down
</li>
<li>
<span class="fa fa-thumbs-o-up"></span> fa-thumbs-o-up
</li>
<li>
<span class="fa fa-thumbs-up"></span> fa-thumbs-up
</li>
<li>
<span class="fa fa-ticket"></span> fa-ticket
</li>
<li>
<span class="fa fa-times"></span> fa-times
</li>
<li>
<span class="fa fa-times-circle"></span> fa-times-circle
</li>
<li>
<span class="fa fa-times-circle-o"></span> fa-times-circle-o
</li>
<li>
<span class="fa fa-tint"></span> fa-tint
</li>
<li>
<span class="fa fa-toggle-down"></span> fa-toggle-down
</li>
<li>
<span class="fa fa-toggle-left"></span> fa-toggle-left
</li>
<li>
<span class="fa fa-toggle-right"></span> fa-toggle-right
</li>
<li>
<span class="fa fa-toggle-up"></span> fa-toggle-up
</li>
<li>
<span class="fa fa-trash-o"></span> fa-trash-o
</li>
<li>
<span class="fa fa-trophy"></span> fa-trophy
</li>
<li>
<span class="fa fa-truck"></span> fa-truck
</li>
<li>
<span class="fa fa-umbrella"></span> fa-umbrella
</li>
<li>
<span class="fa fa-unlock"></span> fa-unlock
</li>
<li>
<span class="fa fa-unlock-alt"></span> fa-unlock-alt
</li>
<li>
<span class="fa fa-unsorted"></span> fa-unsorted
</li>
<li>
<span class="fa fa-upload"></span> fa-upload
</li>
<li>
<span class="fa fa-user"></span> fa-user
</li>
<li>
<span class="fa fa-video-camera"></span> fa-video-camera
</li>
<li>
<span class="fa fa-volume-down"></span> fa-volume-down
</li>
<li>
<span class="fa fa-volume-off"></span> fa-volume-off
</li>
<li>
<span class="fa fa-volume-up"></span> fa-volume-up
</li>
<li>
<span class="fa fa-warning"></span> fa-warning
</li>
<li>
<span class="fa fa-wheelchair"></span> fa-wheelchair
</li>
<li>
<span class="fa fa-wrench"></span> fa-wrench
</li>
</ul>
</section>
<!-- -------------- /Content -------------- -->
<div class="clearfix"></div>
<section id="form-control" class="well">
<h2 class="page-header mtn">Form Control Icons</h2>
<ul class="icons-list fontawesome-list">
<li>
<span class="fa fa-check-square"></span> fa-check-square
</li>
<li>
<span class="fa fa-check-square-o"></span> fa-check-square-o
</li>
<li>
<span class="fa fa-circle"></span> fa-circle
</li>
<li>
<span class="fa fa-circle-o"></span> fa-circle-o
</li>
<li>
<span class="fa fa-dot-circle-o"></span> fa-dot-circle-o
</li>
<li>
<span class="fa fa-minus-square"></span> fa-minus-square
</li>
<li>
<span class="fa fa-minus-square-o"></span> fa-minus-square-o
</li>
<li>
<span class="fa fa-square"></span> fa-square
</li>
<li>
<span class="fa fa-square-o"></span> fa-square-o
</li>
</ul>
</section>
<!-- -------------- /Content -------------- -->
<div class="clearfix"></div>
<section id="currency" class="well">
<h2 class="page-header mtn">Currency Icons</h2>
<ul class="icons-list fontawesome-list">
<li>
<span class="fa fa-bitcoin"></span> fa-bitcoin
</li>
<li>
<span class="fa fa-btc"></span> fa-btc
</li>
<li>
<span class="fa fa-cny"></span> fa-cny
</li>
<li>
<span class="fa fa-dollar"></span> fa-dollar
</li>
<li>
<span class="fa fa-eur"></span> fa-eur
</li>
<li>
<span class="fa fa-euro"></span> fa-euro
</li>
<li>
<span class="fa fa-gbp"></span> fa-gbp
</li>
<li>
<span class="fa fa-inr"></span> fa-inr
</li>
<li>
<span class="fa fa-jpy"></span> fa-jpy
</li>
<li>
<span class="fa fa-krw"></span> fa-krw
</li>
<li>
<span class="fa fa-money"></span> fa-money
</li>
<li>
<span class="fa fa-rmb"></span> fa-rmb
</li>
<li>
<span class="fa fa-rouble"></span> fa-rouble
</li>
<li>
<span class="fa fa-rub"></span> fa-rub
</li>
<li>
<span class="fa fa-ruble"></span> fa-ruble
</li>
<li>
<span class="fa fa-rupee"></span> fa-rupee
</li>
<li>
<span class="fa fa-try"></span> fa-try
</li>
<li>
<span class="fa fa-turkish-lira"></span> fa-turkish-lira
</li>
<li>
<span class="fa fa-usd"></span> fa-usd
</li>
<li>
<span class="fa fa-won"></span> fa-won
</li>
<li>
<span class="fa fa-yen"></span> fa-yen
</li>
</ul>
</section>
<!-- -------------- /Content -------------- -->
<div class="clearfix"></div>
<section id="text-editor" class="well">
<h2 class="page-header mtn">Text Editor Icons</h2>
<ul class="icons-list fontawesome-list">
<li>
<span class="fa fa-align-center"></span> fa-align-center
</li>
<li>
<span class="fa fa-align-justify"></span> fa-align-justify
</li>
<li>
<span class="fa fa-align-left"></span> fa-align-left
</li>
<li>
<span class="fa fa-align-right"></span> fa-align-right
</li>
<li>
<span class="fa fa-bold"></span> fa-bold
</li>
<li>
<span class="fa fa-chain"></span> fa-chain
</li>
<li>
<span class="fa fa-chain-broken"></span> fa-chain-broken
</li>
<li>
<span class="fa fa-clipboard"></span> fa-clipboard
</li>
<li>
<span class="fa fa-columns"></span> fa-columns
</li>
<li>
<span class="fa fa-copy"></span> fa-copy
</li>
<li>
<span class="fa fa-cut"></span> fa-cut
</li>
<li>
<span class="fa fa-dedent"></span> fa-dedent
</li>
<li>
<span class="fa fa-eraser"></span> fa-eraser
</li>
<li>
<span class="fa fa-file"></span> fa-file
</li>
<li>
<span class="fa fa-file-o"></span> fa-file-o
</li>
<li>
<span class="fa fa-file-text"></span> fa-file-text
</li>
<li>
<span class="fa fa-file-text-o"></span> fa-file-text-o
</li>
<li>
<span class="fa fa-files-o"></span> fa-files-o
</li>
<li>
<span class="fa fa-floppy-o"></span> fa-floppy-o
</li>
<li>
<span class="fa fa-font"></span> fa-font
</li>
<li>
<span class="fa fa-indent"></span> fa-indent
</li>
<li>
<span class="fa fa-italic"></span> fa-italic
</li>
<li>
<span class="fa fa-link"></span> fa-link
</li>
<li>
<span class="fa fa-list"></span> fa-list
</li>
<li>
<span class="fa fa-list-alt"></span> fa-list-alt
</li>
<li>
<span class="fa fa-list-ol"></span> fa-list-ol
</li>
<li>
<span class="fa fa-list-ul"></span> fa-list-ul
</li>
<li>
<span class="fa fa-outdent"></span> fa-outdent
</li>
<li>
<span class="fa fa-paperclip"></span> fa-paperclip
</li>
<li>
<span class="fa fa-paste"></span> fa-paste
</li>
<li>
<span class="fa fa-repeat"></span> fa-repeat
</li>
<li>
<span class="fa fa-rotate-left"></span> fa-rotate-left
</li>
<li>
<span class="fa fa-rotate-right"></span> fa-rotate-right
</li>
<li>
<span class="fa fa-save"></span> fa-save
</li>
<li>
<span class="fa fa-scissors"></span> fa-scissors
</li>
<li>
<span class="fa fa-strikethrough"></span> fa-strikethrough
</li>
<li>
<span class="fa fa-table"></span> fa-table
</li>
<li>
<span class="fa fa-text-height"></span> fa-text-height
</li>
<li>
<span class="fa fa-text-width"></span> fa-text-width
</li>
<li>
<span class="fa fa-th"></span> fa-th
</li>
<li>
<span class="fa fa-th-large"></span> fa-th-large
</li>
<li>
<span class="fa fa-th-list"></span> fa-th-list
</li>
<li>
<span class="fa fa-underline"></span> fa-underline
</li>
<li>
<span class="fa fa-undo"></span> fa-undo
</li>
<li>
<span class="fa fa-unlink"></span> fa-unlink
</li>
</ul>
</section>
<!-- -------------- /Content -------------- -->
<div class="clearfix"></div>
<section id="directional" class="well">
<h2 class="page-header mtn">Directional Icons</h2>
<ul class="icons-list fontawesome-list">
<li>
<span class="fa fa-angle-double-down"></span> fa-angle-double-down
</li>
<li>
<span class="fa fa-angle-double-left"></span> fa-angle-double-left
</li>
<li>
<span class="fa fa-angle-double-right"></span> fa-angle-double-right
</li>
<li>
<span class="fa fa-angle-double-up"></span> fa-angle-double-up
</li>
<li>
<span class="fa fa-chevron-down"></span> fa-angle-down
</li>
<li>
<span class="fa fa-angle-left"></span> fa-angle-left
</li>
<li>
<span class="fa fa-angle-right"></span> fa-angle-right
</li>
<li>
<span class="fa fa-angle-up"></span> fa-angle-up
</li>
<li>
<span class="fa fa-arrow-circle-down"></span> fa-arrow-circle-down
</li>
<li>
<span class="fa fa-arrow-circle-left"></span> fa-arrow-circle-left
</li>
<li>
<span class="fa fa-arrow-circle-o-down"></span> fa-arrow-circle-o-down
</li>
<li>
<span class="fa fa-arrow-circle-o-left"></span> fa-arrow-circle-o-left
</li>
<li>
<span class="fa fa-arrow-circle-o-right"></span> fa-arrow-circle-o-right
</li>
<li>
<span class="fa fa-arrow-circle-o-up"></span> fa-arrow-circle-o-up
</li>
<li>
<span class="fa fa-arrow-circle-right"></span> fa-arrow-circle-right
</li>
<li>
<span class="fa fa-arrow-circle-up"></span> fa-arrow-circle-up
</li>
<li>
<span class="fa fa-arrow-down"></span> fa-arrow-down
</li>
<li>
<span class="fa fa-arrow-left"></span> fa-arrow-left
</li>
<li>
<span class="fa fa-arrow-right"></span> fa-arrow-right
</li>
<li>
<span class="fa fa-arrow-up"></span> fa-arrow-up
</li>
<li>
<span class="fa fa-caret-down"></span> fa-caret-down
</li>
<li>
<span class="fa fa-caret-left"></span> fa-caret-left
</li>
<li>
<span class="fa fa-caret-right"></span> fa-caret-right
</li>
<li>
<span class="fa fa-caret-square-o-down"></span> fa-caret-square-o-down
</li>
<li>
<span class="fa fa-caret-square-o-left"></span> fa-caret-square-o-left
</li>
<li>
<span class="fa fa-caret-square-o-right"></span> fa-caret-square-o-right
</li>
<li>
<span class="fa fa-caret-square-o-up"></span> fa-caret-square-o-up
</li>
<li>
<span class="fa fa-caret-up"></span> fa-caret-up
</li>
<li>
<span class="fa fa-chevron-circle-down"></span> fa-chevron-circle-down
</li>
<li>
<span class="fa fa-chevron-circle-left"></span> fa-chevron-circle-left
</li>
<li>
<span class="fa fa-chevron-circle-right"></span> fa-chevron-circle-right
</li>
<li>
<span class="fa fa-chevron-circle-up"></span> fa-chevron-circle-up
</li>
<li>
<span class="fa fa-chevron-down"></span> fa-chevron-down
</li>
<li>
<span class="fa fa-chevron-left"></span> fa-chevron-left
</li>
<li>
<span class="fa fa-chevron-right"></span> fa-chevron-right
</li>
<li>
<span class="fa fa-chevron-up"></span> fa-chevron-up
</li>
<li>
<span class="fa fa-hand-o-down"></span> fa-hand-o-down
</li>
<li>
<span class="fa fa-hand-o-left"></span> fa-hand-o-left
</li>
<li>
<span class="fa fa-hand-o-right"></span> fa-hand-o-right
</li>
<li>
<span class="fa fa-hand-o-up"></span> fa-hand-o-up
</li>
<li>
<span class="fa fa-long-arrow-down"></span> fa-long-arrow-down
</li>
<li>
<span class="fa fa-long-arrow-left"></span> fa-long-arrow-left
</li>
<li>
<span class="fa fa-long-arrow-right"></span> fa-long-arrow-right
</li>
<li>
<span class="fa fa-long-arrow-up"></span> fa-long-arrow-up
</li>
<li>
<span class="fa fa-toggle-down"></span> fa-toggle-down
</li>
<li>
<span class="fa fa-toggle-left"></span> fa-toggle-left
</li>
<li>
<span class="fa fa-toggle-right"></span> fa-toggle-right
</li>
<li>
<span class="fa fa-toggle-up"></span> fa-toggle-up
</li>
</ul>
</section>
<!-- -------------- /Content -------------- -->
<div class="clearfix"></div>
<section id="video-player" class="well">
<h2 class="page-header mtn">Video Player Icons</h2>
<ul class="icons-list fontawesome-list">
<li>
<span class="fa fa-backward"></span> fa-backward
</li>
<li>
<span class="fa fa-eject"></span> fa-eject
</li>
<li>
<span class="fa fa-fast-backward"></span> fa-fast-backward
</li>
<li>
<span class="fa fa-fast-forward"></span> fa-fast-forward
</li>
<li>
<span class="fa fa-forward"></span> fa-forward
</li>
<li>
<span class="fa fa-expand"></span> fa-expand
</li>
<li>
<span class="fa fa-pause"></span> fa-pause
</li>
<li>
<span class="fa fa-play"></span> fa-play
</li>
<li>
<span class="fa fa-play-circle"></span> fa-play-circle
</li>
<li>
<span class="fa fa-play-circle-o"></span> fa-play-circle-o
</li>
<li>
<span class="fa fa-step-backward"></span> fa-step-backward
</li>
<li>
<span class="fa fa-step-forward"></span> fa-step-forward
</li>
<li>
<span class="fa fa-stop"></span> fa-stop
</li>
<li>
<span class="fa fa-youtube-play"></span> fa-youtube-play
</li>
</ul>
</section>
<!-- -------------- /Content -------------- -->
<div class="clearfix"></div>
<section id="brand" class="well">
<h2 class="page-header mtn">Brand Icons</h2>
<div class="alert alert-info">
<ul class="mb10-none pl25">
<li>All brand icons are trademarks of their respective owners.</li>
<li>The use of these trademarks does not indicate endorsement of the trademark
holder by Font
Awesome, nor vice versa.
</li>
</ul>
</div>
<ul class="icons-list fontawesome-list">
<li>
<span class="fa fa-adn"></span> fa-adn
</li>
<li>
<span class="fa fa-android"></span> fa-android
</li>
<li>
<span class="fa fa-apple"></span> fa-apple
</li>
<li>
<span class="fa fa-bitbucket"></span> fa-bitbucket
</li>
<li>
<span class="fa fa-bitbucket-square"></span> fa-bitbucket-square
</li>
<li>
<span class="fa fa-bitcoin"></span> fa-bitcoin
</li>
<li>
<span class="fa fa-btc"></span> fa-btc
</li>
<li>
<span class="fa fa-css3"></span> fa-css3
</li>
<li>
<span class="fa fa-dribbble"></span> fa-dribbble
</li>
<li>
<span class="fa fa-dropbox"></span> fa-dropbox
</li>
<li>
<span class="fa fa-facebook"></span> fa-facebook
</li>
<li>
<span class="fa fa-facebook-square"></span> fa-facebook-square
</li>
<li>
<span class="fa fa-flickr"></span> fa-flickr
</li>
<li>
<span class="fa fa-foursquare"></span> fa-foursquare
</li>
<li>
<span class="fa fa-github"></span> fa-github
</li>
<li>
<span class="fa fa-github-alt"></span> fa-github-alt
</li>
<li>
<span class="fa fa-github-square"></span> fa-github-square
</li>
<li>
<span class="fa fa-gittip"></span> fa-gittip
</li>
<li>
<span class="fa fa-google-plus"></span> fa-google-plus
</li>
<li>
<span class="fa fa-google-plus-square"></span> fa-google-plus-square
</li>
<li>
<span class="fa fa-html5"></span> fa-html5
</li>
<li>
<span class="fa fa-instagram"></span> fa-instagram
</li>
<li>
<span class="fa fa-linkedin"></span> fa-linkedin
</li>
<li>
<span class="fa fa-linkedin-square"></span> fa-linkedin-square
</li>
<li>
<span class="fa fa-linux"></span> fa-linux
</li>
<li>
<span class="fa fa-maxcdn"></span> fa-maxcdn
</li>
<li>
<span class="fa fa-pagelines"></span> fa-pagelines
</li>
<li>
<span class="fa fa-pinterest"></span> fa-pinterest
</li>
<li>
<span class="fa fa-pinterest-square"></span> fa-pinterest-square
</li>
<li>
<span class="fa fa-renren"></span> fa-renren
</li>
<li>
<span class="fa fa-skype"></span> fa-skype
</li>
<li>
<span class="fa fa-stack-exchange"></span> fa-stack-exchange
</li>
<li>
<span class="fa fa-stack-overflow"></span> fa-stack-overflow
</li>
<li>
<span class="fa fa-trello"></span> fa-trello
</li>
<li>
<span class="fa fa-tumblr"></span> fa-tumblr
</li>
<li>
<span class="fa fa-tumblr-square"></span> fa-tumblr-square
</li>
<li>
<span class="fa fa-twitter"></span> fa-twitter
</li>
<li>
<span class="fa fa-twitter-square"></span> fa-twitter-square
</li>
<li>
<span class="fa fa-vimeo-square"></span> fa-vimeo-square
</li>
<li>
<span class="fa fa-vk"></span> fa-vk
</li>
<li>
<span class="fa fa-weibo"></span> fa-weibo
</li>
<li>
<span class="fa fa-windows"></span> fa-windows
</li>
<li>
<span class="fa fa-xing"></span> fa-xing
</li>
<li>
<span class="fa fa-xing-square"></span> fa-xing-square
</li>
<li>
<span class="fa fa-youtube"></span> fa-youtube
</li>
<li>
<span class="fa fa-youtube-play"></span> fa-youtube-play
</li>
<li>
<span class="fa fa-youtube-square"></span> fa-youtube-square
</li>
</ul>
</section>
<!-- -------------- /Content -------------- -->
<div class="clearfix"></div>
<section id="medical" class="well">
<h2 class="page-header mtn">Medical Icons</h2>
<ul class="icons-list fontawesome-list">
<li>
<span class="fa fa-ambulance"></span> fa-ambulance
</li>
<li>
<span class="fa fa-h-square"></span> fa-h-square
</li>
<li>
<span class="fa fa-hospital"></span> fa-hospital
</li>
<li>
<span class="fa fa-medkit"></span> fa-medkit
</li>
<li>
<span class="fa fa-plus-square"></span> fa-plus-square
</li>
<li>
<span class="fa fa-stethoscope"></span> fa-stethoscope
</li>
<li>
<span class="fa fa-user-md"></span> fa-user-md
</li>
<li>
<span class="fa fa-wheelchair"></span> fa-wheelchair
</li>
</ul>
</section>
<!-- -------------- /Content -------------- -->
</div>
<div id="tab2" class="tab-pane">
<p class="alert alert-info mb40">Here you can find
<b>Glypicons</b> icons. Required Classes:
<code>.glyphicons .glyphicon-pencil</code>
</p>
<ul class="icons-list">
<li>
<span class="glyphicon glyphicon-adjust"></span>.glyphicon-adjust
</li>
<li>
<span class="glyphicon glyphicon-align-center"></span>.glyphicon-align-center
</li>
<li>
<span class="glyphicon glyphicon-align-justify"></span>.glyphicon-align-justify
</li>
<li>
<span class="glyphicon glyphicon-align-left"></span>.glyphicon-align-left
</li>
<li>
<span class="glyphicon glyphicon-align-right"></span>.glyphicon-align-right
</li>
<li>
<span class="glyphicon glyphicon-arrow-down"></span>.glyphicon-arrow-down
</li>
<li>
<span class="glyphicon glyphicon-arrow-left"></span>.glyphicon-arrow-left
</li>
<li>
<span class="glyphicon glyphicon-arrow-right"></span>.glyphicon-arrow-right
</li>
<li>
<span class="glyphicon glyphicon-arrow-up"></span>.glyphicon-arrow-up
</li>
<li>
<span class="glyphicon glyphicon-asterisk"></span>.glyphicon-asterisk
</li>
<li>
<span class="glyphicon glyphicon-backward"></span>.glyphicon-backward
</li>
<li>
<span class="glyphicon glyphicon-ban-circle"></span>.glyphicon-ban-circle
</li>
<li>
<span class="glyphicon glyphicon-barcode"></span>.glyphicon-barcode
</li>
<li>
<span class="glyphicon glyphicon-bell"></span>.glyphicon-bell
</li>
<li>
<span class="glyphicon glyphicon-bold"></span>.glyphicon-bold
</li>
<li>
<span class="glyphicon glyphicon-book"></span>.glyphicon-book
</li>
<li>
<span class="glyphicon glyphicon-bookmark"></span>.glyphicon-bookmark
</li>
<li>
<span class="glyphicon glyphicon-briefcase"></span>.glyphicon-briefcase
</li>
<li>
<span class="glyphicon glyphicon-bullhorn"></span>.glyphicon-bullhorn
</li>
<li>
<span class="glyphicon glyphicon-calendar"></span>.glyphicon-calendar
</li>
<li>
<span class="glyphicon glyphicon-camera"></span>.glyphicon-camera
</li>
<li>
<span class="glyphicon glyphicon-certificate"></span>.glyphicon-certificate
</li>
<li>
<span class="glyphicon glyphicon-check"></span>.glyphicon-check
</li>
<li>
<span class="glyphicon glyphicon-chevron-down"></span>.glyphicon-chevron-down
</li>
<li>
<span class="glyphicon glyphicon-chevron-left"></span>.glyphicon-chevron-left
</li>
<li>
<span class="glyphicon glyphicon-chevron-right"></span>.glyphicon-chevron-right
</li>
<li>
<span class="glyphicon glyphicon-chevron-up"></span>.glyphicon-chevron-up
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-down"></span>.glyphicon-circle-arrow-down
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-left"></span>.glyphicon-circle-arrow-left
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-right"></span>.glyphicon-circle-arrow-right
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-up"></span>.glyphicon-circle-arrow-up
</li>
<li>
<span class="glyphicon glyphicon-cloud"></span>.glyphicon-cloud
</li>
<li>
<span class="glyphicon glyphicon-cloud-download"></span>.glyphicon-cloud-download
</li>
<li>
<span class="glyphicon glyphicon-cloud-upload"></span>.glyphicon-cloud-upload
</li>
<li>
<span class="glyphicon glyphicon-cog"></span>.glyphicon-cog
</li>
<li>
<span class="glyphicon glyphicon-collapse-down"></span>.glyphicon-collapse-down
</li>
<li>
<span class="glyphicon glyphicon-collapse-up"></span>.glyphicon-collapse-up
</li>
<li>
<span class="glyphicon glyphicon-comment"></span>.glyphicon-comment
</li>
<li>
<span class="glyphicon glyphicon-compressed"></span>.glyphicon-compressed
</li>
<li>
<span class="glyphicon glyphicon-copyright-mark"></span>.glyphicon-copyright-mark
</li>
<li>
<span class="glyphicon glyphicon-credit-card"></span>.glyphicon-credit-card
</li>
<li>
<span class="glyphicon glyphicon-cutlery"></span>.glyphicon-cutlery
</li>
<li>
<span class="glyphicon glyphicon-dashboard"></span>.glyphicon-dashboard
</li>
<li>
<span class="glyphicon glyphicon-download"></span>.glyphicon-download
</li>
<li>
<span class="glyphicon glyphicon-download-alt"></span>.glyphicon-download-alt
</li>
<li>
<span class="glyphicon glyphicon-earphone"></span>.glyphicon-earphone
</li>
<li>
<span class="glyphicon glyphicon-edit"></span>.glyphicon-edit
</li>
<li>
<span class="glyphicon glyphicon-eject"></span>.glyphicon-eject
</li>
<li>
<span class="glyphicon glyphicon-envelope"></span>.glyphicon-envelope
</li>
<li>
<span class="glyphicon glyphicon-euro"></span>.glyphicon-euro
</li>
<li>
<span class="glyphicon glyphicon-exclamation-sign"></span>.glyphicon-exclamation-sign
</li>
<li>
<span class="glyphicon glyphicon-expand"></span>.glyphicon-expand
</li>
<li>
<span class="glyphicon glyphicon-export"></span>.glyphicon-export
</li>
<li>
<span class="glyphicon glyphicon-eye-close"></span>.glyphicon-eye-close
</li>
<li>
<span class="glyphicon glyphicon-eye-open"></span>.glyphicon-eye-open
</li>
<li>
<span class="glyphicon glyphicon-facetime-video"></span>.glyphicon-facetime-video
</li>
<li>
<span class="glyphicon glyphicon-fast-backward"></span>.glyphicon-fast-backward
</li>
<li>
<span class="glyphicon glyphicon-fast-forward"></span>.glyphicon-fast-forward
</li>
<li>
<span class="glyphicon glyphicon-file"></span>.glyphicon-file
</li>
<li>
<span class="glyphicon glyphicon-film"></span>.glyphicon-film
</li>
<li>
<span class="glyphicon glyphicon-filter"></span>.glyphicon-filter
</li>
<li>
<span class="glyphicon glyphicon-fire"></span>.glyphicon-fire
</li>
<li>
<span class="glyphicon glyphicon-flag"></span>.glyphicon-flag
</li>
<li>
<span class="glyphicon glyphicon-flash"></span>.glyphicon-flash
</li>
<li>
<span class="glyphicon glyphicon-floppy-disk"></span>.glyphicon-floppy-disk
</li>
<li>
<span class="glyphicon glyphicon-floppy-open"></span>.glyphicon-floppy-open
</li>
<li>
<span class="glyphicon glyphicon-floppy-remove"></span>.glyphicon-floppy-remove
</li>
<li>
<span class="glyphicon glyphicon-floppy-save"></span>.glyphicon-floppy-save
</li>
<li>
<span class="glyphicon glyphicon-floppy-saved"></span>.glyphicon-floppy-saved
</li>
<li>
<span class="glyphicon glyphicon-folder-close"></span>.glyphicon-folder-close
</li>
<li>
<span class="glyphicon glyphicon-folder-open"></span>.glyphicon-folder-open
</li>
<li>
<span class="glyphicon glyphicon-font"></span>.glyphicon-font
</li>
<li>
<span class="glyphicon glyphicon-forward"></span>.glyphicon-forward
</li>
<li>
<span class="glyphicon glyphicon-fullscreen"></span>.glyphicon-fullscreen
</li>
<li>
<span class="glyphicon glyphicon-gbp"></span>.glyphicon-gbp
</li>
<li>
<span class="glyphicon glyphicon-gift"></span>.glyphicon-gift
</li>
<li>
<span class="glyphicon glyphicon-glass"></span>.glyphicon-glass
</li>
<li>
<span class="glyphicon glyphicon-globe"></span>.glyphicon-globe
</li>
<li>
<span class="glyphicon glyphicon-hand-down"></span>.glyphicon-hand-down
</li>
<li>
<span class="glyphicon glyphicon-hand-left"></span>.glyphicon-hand-left
</li>
<li>
<span class="glyphicon glyphicon-hand-right"></span>.glyphicon-hand-right
</li>
<li>
<span class="glyphicon glyphicon-hand-up"></span>.glyphicon-hand-up
</li>
<li>
<span class="glyphicon glyphicon-hd-video"></span>.glyphicon-hd-video
</li>
<li>
<span class="glyphicon glyphicon-hdd"></span>.glyphicon-hdd
</li>
<li>
<span class="glyphicon glyphicon-header"></span>.glyphicon-header
</li>
<li>
<span class="glyphicon glyphicon-headphones"></span>.glyphicon-headphones
</li>
<li>
<span class="glyphicon glyphicon-heart"></span>.glyphicon-heart
</li>
<li>
<span class="glyphicon glyphicon-heart-empty"></span>.glyphicon-heart-empty
</li>
<li>
<span class="glyphicon glyphicon-home"></span>.glyphicon-home
</li>
<li>
<span class="glyphicon glyphicon-import"></span>.glyphicon-import
</li>
<li>
<span class="glyphicon glyphicon-inbox"></span>.glyphicon-inbox
</li>
<li>
<span class="glyphicon glyphicon-indent-left"></span>.glyphicon-indent-left
</li>
<li>
<span class="glyphicon glyphicon-indent-right"></span>.glyphicon-indent-right
</li>
<li>
<span class="glyphicon glyphicon-info-sign"></span>.glyphicon-info-sign
</li>
<li>
<span class="glyphicon glyphicon-italic"></span>.glyphicon-italic
</li>
<li>
<span class="glyphicon glyphicon-leaf"></span>.glyphicon-leaf
</li>
<li>
<span class="glyphicon glyphicon-link"></span>.glyphicon-link
</li>
<li>
<span class="glyphicon glyphicon-list"></span>.glyphicon-list
</li>
<li>
<span class="glyphicon glyphicon-list-alt"></span>.glyphicon-list-alt
</li>
<li>
<span class="glyphicon glyphicon-lock"></span>.glyphicon-lock
</li>
<li>
<span class="glyphicon glyphicon-log-in"></span>.glyphicon-log-in
</li>
<li>
<span class="glyphicon glyphicon-log-out"></span>.glyphicon-log-out
</li>
<li>
<span class="glyphicon glyphicon-magnet"></span>.glyphicon-magnet
</li>
<li>
<span class="glyphicon glyphicon-map-marker"></span>.glyphicon-map-marker
</li>
<li>
<span class="glyphicon glyphicon-minus"></span>.glyphicon-minus
</li>
<li>
<span class="glyphicon glyphicon-minus-sign"></span>.glyphicon-minus-sign
</li>
<li>
<span class="glyphicon glyphicon-move"></span>.glyphicon-move
</li>
<li>
<span class="glyphicon glyphicon-music"></span>.glyphicon-music
</li>
<li>
<span class="glyphicon glyphicon-new-window"></span>.glyphicon-new-window
</li>
<li>
<span class="glyphicon glyphicon-off"></span>.glyphicon-off
</li>
<li>
<span class="glyphicon glyphicon-ok"></span>.glyphicon-ok
</li>
<li>
<span class="glyphicon glyphicon-ok-circle"></span>.glyphicon-ok-circle
</li>
<li>
<span class="glyphicon glyphicon-ok-sign"></span>.glyphicon-ok-sign
</li>
<li>
<span class="glyphicon glyphicon-open"></span>.glyphicon-open
</li>
<li>
<span class="glyphicon glyphicon-paperclip"></span>.glyphicon-paperclip
</li>
<li>
<span class="glyphicon glyphicon-pause"></span>.glyphicon-pause
</li>
<li>
<span class="glyphicon glyphicon-pencil"></span>.glyphicon-pencil
</li>
<li>
<span class="glyphicon glyphicon-phone"></span>.glyphicon-phone
</li>
<li>
<span class="glyphicon glyphicon-phone-alt"></span>.glyphicon-phone-alt
</li>
<li>
<span class="glyphicon glyphicon-picture"></span>.glyphicon-picture
</li>
<li>
<span class="glyphicon glyphicon-plane"></span>.glyphicon-plane
</li>
<li>
<span class="glyphicon glyphicon-play"></span>.glyphicon-play
</li>
<li>
<span class="glyphicon glyphicon-play-circle"></span>.glyphicon-play-circle
</li>
<li>
<span class="glyphicon glyphicon-plus"></span>.glyphicon-plus
</li>
<li>
<span class="glyphicon glyphicon-plus-sign"></span>.glyphicon-plus-sign
</li>
<li>
<span class="glyphicon glyphicon-print"></span>.glyphicon-print
</li>
<li>
<span class="glyphicon glyphicon-pushpin"></span>.glyphicon-pushpin
</li>
<li>
<span class="glyphicon glyphicon-qrcode"></span>.glyphicon-qrcode
</li>
<li>
<span class="glyphicon glyphicon-question-sign"></span>.glyphicon-question-sign
</li>
<li>
<span class="glyphicon glyphicon-random"></span>.glyphicon-random
</li>
<li>
<span class="glyphicon glyphicon-record"></span>.glyphicon-record
</li>
<li>
<span class="glyphicon glyphicon-refresh"></span>.glyphicon-refresh
</li>
<li>
<span class="glyphicon glyphicon-registration-mark"></span>.glyphicon-registration-mark
</li>
<li>
<span class="glyphicon glyphicon-remove"></span>.glyphicon-remove
</li>
<li>
<span class="glyphicon glyphicon-remove-circle"></span>.glyphicon-remove-circle
</li>
<li>
<span class="glyphicon glyphicon-remove-sign"></span>.glyphicon-remove-sign
</li>
<li>
<span class="glyphicon glyphicon-repeat"></span>.glyphicon-repeat
</li>
<li>
<span class="glyphicon glyphicon-resize-full"></span>.glyphicon-resize-full
</li>
<li>
<span class="glyphicon glyphicon-resize-horizontal"></span>.glyphicon-resize-horizontal
</li>
<li>
<span class="glyphicon glyphicon-resize-small"></span>.glyphicon-resize-small
</li>
<li>
<span class="glyphicon glyphicon-resize-vertical"></span>.glyphicon-resize-vertical
</li>
<li>
<span class="glyphicon glyphicon-retweet"></span>.glyphicon-retweet
</li>
<li>
<span class="glyphicon glyphicon-road"></span>.glyphicon-road
</li>
<li>
<span class="glyphicon glyphicon-save"></span>.glyphicon-save
</li>
<li>
<span class="glyphicon glyphicon-saved"></span>.glyphicon-saved
</li>
<li>
<span class="glyphicon glyphicon-screenshot"></span>.glyphicon-screenshot
</li>
<li>
<span class="glyphicon glyphicon-sd-video"></span>.glyphicon-sd-video
</li>
<li>
<span class="glyphicon glyphicon-search"></span>.glyphicon-search
</li>
<li>
<span class="glyphicon glyphicon-send"></span>.glyphicon-send
</li>
<li>
<span class="glyphicon glyphicon-share"></span>.glyphicon-share
</li>
<li>
<span class="glyphicon glyphicon-share-alt"></span>.glyphicon-share-alt
</li>
<li>
<span class="glyphicon glyphicon-shopping-cart"></span>.glyphicon-shopping-cart
</li>
<li>
<span class="glyphicon glyphicon-signal"></span>.glyphicon-signal
</li>
<li>
<span class="glyphicon glyphicon-sort"></span>.glyphicon-sort
</li>
<li>
<span class="glyphicon glyphicon-sort-by-alphabet"></span>.glyphicon-sort-by-alphabet
</li>
<li>
<span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>.glyphicon-sort-by-alphabet-alt
</li>
<li>
<span class="glyphicon glyphicon-sort-by-attributes"></span>.glyphicon-sort-by-attributes
</li>
<li>
<span class="glyphicon glyphicon-sort-by-attributes-alt"></span>.glyphicon-sort-by-attributes-alt
</li>
<li>
<span class="glyphicon glyphicon-sort-by-order"></span>.glyphicon-sort-by-order
</li>
<li>
<span class="glyphicon glyphicon-sort-by-order-alt"></span>.glyphicon-sort-by-order-alt
</li>
<li>
<span class="glyphicon glyphicon-sound-5-1"></span>.glyphicon-sound-5-1
</li>
<li>
<span class="glyphicon glyphicon-sound-6-1"></span>.glyphicon-sound-6-1
</li>
<li>
<span class="glyphicon glyphicon-sound-7-1"></span>.glyphicon-sound-7-1
</li>
<li>
<span class="glyphicon glyphicon-sound-dolby"></span>.glyphicon-sound-dolby
</li>
<li>
<span class="glyphicon glyphicon-sound-stereo"></span>.glyphicon-sound-stereo
</li>
<li>
<span class="glyphicon glyphicon-star"></span>.glyphicon-star
</li>
<li>
<span class="glyphicon glyphicon-star-empty"></span>.glyphicon-star-empty
</li>
<li>
<span class="glyphicon glyphicon-stats"></span>.glyphicon-stats
</li>
<li>
<span class="glyphicon glyphicon-step-backward"></span>.glyphicon-step-backward
</li>
<li>
<span class="glyphicon glyphicon-step-forward"></span>.glyphicon-step-forward
</li>
<li>
<span class="glyphicon glyphicon-stop"></span>.glyphicon-stop
</li>
<li>
<span class="glyphicon glyphicon-subtitles"></span>.glyphicon-subtitles
</li>
<li>
<span class="glyphicon glyphicon-tag"></span>.glyphicon-tag
</li>
<li>
<span class="glyphicon glyphicon-tags"></span>.glyphicon-tags
</li>
<li>
<span class="glyphicon glyphicon-tasks"></span>.glyphicon-tasks
</li>
<li>
<span class="glyphicon glyphicon-text-height"></span>.glyphicon-text-height
</li>
<li>
<span class="glyphicon glyphicon-text-width"></span>.glyphicon-text-width
</li>
<li>
<span class="glyphicon glyphicon-th"></span>.glyphicon-th
</li>
<li>
<span class="glyphicon glyphicon-th-large"></span>.glyphicon-th-large
</li>
<li>
<span class="glyphicon glyphicon-th-list"></span>.glyphicon-th-list
</li>
<li>
<span class="glyphicon glyphicon-thumbs-down"></span>.glyphicon-thumbs-down
</li>
<li>
<span class="glyphicon glyphicon-thumbs-up"></span>.glyphicon-thumbs-up
</li>
<li>
<span class="glyphicon glyphicon-time"></span>.glyphicon-time
</li>
<li>
<span class="glyphicon glyphicon-tint"></span>.glyphicon-tint
</li>
<li>
<span class="glyphicon glyphicon-sort"></span>.glyphicon-tower
</li>
<li>
<span class="glyphicon glyphicon-transfer"></span>.glyphicon-transfer
</li>
<li>
<span class="glyphicon glyphicon-trash"></span>.glyphicon-trash
</li>
<li>
<span class="glyphicon glyphicon-tree-conifer"></span>.glyphicon-tree-conifer
</li>
<li>
<span class="glyphicon glyphicon-tree-deciduous"></span>.glyphicon-tree-deciduous
</li>
<li>
<span class="glyphicon glyphicon-unchecked"></span>.glyphicon-unchecked
</li>
<li>
<span class="glyphicon glyphicon-upload"></span>.glyphicon-upload
</li>
<li>
<span class="glyphicon glyphicon-usd"></span>.glyphicon-usd
</li>
<li>
<span class="glyphicon glyphicon-user"></span>.glyphicon-user
</li>
<li>
<span class="glyphicon glyphicon-volume-down"></span>.glyphicon-volume-down
</li>
<li>
<span class="glyphicon glyphicon-volume-off"></span>.glyphicon-volume-off
</li>
<li>
<span class="glyphicon glyphicon-volume-up"></span>.glyphicon-volume-up
</li>
<li>
<span class="glyphicon glyphicon-warning-sign"></span>.glyphicon-warning-sign
</li>
<li>
<span class="glyphicon glyphicon-wrench"></span>.glyphicon-wrench
</li>
<li>
<span class="glyphicon glyphicon-zoom-in"></span>.glyphicon-zoom-in
</li>
<li>
<span class="glyphicon glyphicon-zoom-out"></span>.glyphicon-zoom-out
</li>
</ul>
</div>
<div id="tab3" class="tab-pane">
<p class="alert alert-info mb40">Here you can find
<b>IcoMoon</b> icons. Required Classes:
<code>.imoon .imoon-pencil</code>
</p>
<ul class="icons-list icomoon-list">
<li>
<span class="imoon imoon-home"></span>imoon-home
</li>
<li>
<span class="imoon imoon-home2"></span>imoon-home2
</li>
<li>
<span class="imoon imoon-home3"></span>imoon-home3
</li>
<li>
<span class="imoon imoon-office"></span>imoon-office
</li>
<li>
<span class="imoon imoon-newspaper"></span>imoon-newspaper
</li>
<li>
<span class="imoon imoon-pencil"></span>imoon-pencil
</li>
<li>
<span class="imoon imoon-pencil2"></span>imoon-pencil2
</li>
<li>
<span class="imoon imoon-quill"></span>imoon-quill
</li>
<li>
<span class="imoon imoon-pen"></span>imoon-pen
</li>
<li>
<span class="imoon imoon-blog"></span>imoon-blog
</li>
<li>
<span class="imoon imoon-droplet"></span>imoon-droplet
</li>
<li>
<span class="imoon imoon-paint-format"></span>imoon-paint-format
</li>
<li>
<span class="imoon imoon-image"></span>imoon-image
</li>
<li>
<span class="imoon imoon-image2"></span>imoon-image2
</li>
<li>
<span class="imoon imoon-film"></span>imoon-film
</li>
<li>
<span class="imoon imoon-camera"></span>imoon-camera
</li>
<li>
<span class="imoon imoon-dice"></span>imoon-dice
</li>
<li>
<span class="imoon imoon-pacman"></span>imoon-pacman
</li>
<li>
<span class="imoon imoon-spades"></span>imoon-spades
</li>
<li>
<span class="imoon imoon-clubs"></span>imoon-clubs
</li>
<li>
<span class="imoon imoon-diamonds"></span>imoon-diamonds
</li>
<li>
<span class="imoon imoon-pawn"></span>imoon-pawn
</li>
<li>
<span class="imoon imoon-bullhorn"></span>imoon-bullhorn
</li>
<li>
<span class="imoon imoon-connection"></span>imoon-connection
</li>
<li>
<span class="imoon imoon-podcast"></span>imoon-podcast
</li>
<li>
<span class="imoon imoon-feed"></span>imoon-feed
</li>
<li>
<span class="imoon imoon-book"></span>imoon-book
</li>
<li>
<span class="imoon imoon-books"></span>imoon-books
</li>
<li>
<span class="imoon imoon-file"></span>imoon-file
</li>
<li>
<span class="imoon imoon-copy"></span>imoon-copy
</li>
<li>
<span class="imoon imoon-copy2"></span>imoon-copy2
</li>
<li>
<span class="imoon imoon-copy3"></span>imoon-copy3
</li>
<li>
<span class="imoon imoon-paste"></span>imoon-paste
</li>
<li>
<span class="imoon imoon-paste2"></span>imoon-paste2
</li>
<li>
<span class="imoon imoon-paste3"></span>imoon-paste3
</li>
<li>
<span class="imoon imoon-stack"></span>imoon-stack
</li>
<li>
<span class="imoon imoon-folder"></span>imoon-folder
</li>
<li>
<span class="imoon imoon-folder-open"></span>imoon-folder-open
</li>
<li>
<span class="imoon imoon-tag"></span>imoon-tag
</li>
<li>
<span class="imoon imoon-tags"></span>imoon-tags
</li>
<li>
<span class="imoon imoon-barcode"></span>imoon-barcode
</li>
<li>
<span class="imoon imoon-qrcode"></span>imoon-qrcode
</li>
<li>
<span class="imoon imoon-credit"></span>imoon-credit
</li>
<li>
<span class="imoon imoon-calculate"></span>imoon-calculate
</li>
<li>
<span class="imoon imoon-support"></span>imoon-support
</li>
<li>
<span class="imoon imoon-phone"></span>imoon-phone
</li>
<li>
<span class="imoon imoon-phone-hang-up"></span>imoon-phone-hang-up
</li>
<li>
<span class="imoon imoon-address-book"></span>imoon-address-book
</li>
<li>
<span class="imoon imoon-notebook"></span>imoon-notebook
</li>
<li>
<span class="imoon imoon-envelop"></span>imoon-envelop
</li>
<li>
<span class="imoon imoon-pushpin"></span>imoon-pushpin
</li>
<li>
<span class="imoon imoon-location"></span>imoon-location
</li>
<li>
<span class="imoon imoon-location2"></span>imoon-location2
</li>
<li>
<span class="imoon imoon-compass"></span>imoon-compass
</li>
<li>
<span class="imoon imoon-map"></span>imoon-map
</li>
<li>
<span class="imoon imoon-map2"></span>imoon-map2
</li>
<li>
<span class="imoon imoon-bell"></span>imoon-bell
</li>
<li>
<span class="imoon imoon-stopwatch"></span>imoon-stopwatch
</li>
<li>
<span class="imoon imoon-calendar"></span>imoon-calendar
</li>
<li>
<span class="imoon imoon-calendar2"></span>imoon-calendar2
</li>
<li>
<span class="imoon imoon-print"></span>imoon-print
</li>
<li>
<span class="imoon imoon-keyboard"></span>imoon-keyboard
</li>
<li>
<span class="imoon imoon-screen"></span>imoon-screen
</li>
<li>
<span class="imoon imoon-laptop"></span>imoon-laptop
</li>
<li>
<span class="imoon imoon-mobile"></span>imoon-mobile
</li>
<li>
<span class="imoon imoon-mobile2"></span>imoon-mobile2
</li>
<li>
<span class="imoon imoon-tablet"></span>imoon-tablet
</li>
<li>
<span class="imoon imoon-tv"></span>imoon-tv
</li>
<li>
<span class="imoon imoon-cabinet"></span>imoon-cabinet
</li>
<li>
<span class="imoon imoon-drawer"></span>imoon-drawer
</li>
<li>
<span class="imoon imoon-upload"></span>imoon-upload
</li>
<li>
<span class="imoon imoon-disk"></span>imoon-disk
</li>
<li>
<span class="imoon imoon-storage"></span>imoon-storage
</li>
<li>
<span class="imoon imoon-undo"></span>imoon-undo
</li>
<li>
<span class="imoon imoon-redo"></span>imoon-redo
</li>
<li>
<span class="imoon imoon-flip"></span>imoon-flip
</li>
<li>
<span class="imoon imoon-flip2"></span>imoon-flip2
</li>
<li>
<span class="imoon imoon-undo2"></span>imoon-undo2
</li>
<li>
<span class="imoon imoon-redo2"></span>imoon-redo2
</li>
<li>
<span class="imoon imoon-forward"></span>imoon-forward
</li>
<li>
<span class="imoon imoon-reply"></span>imoon-reply
</li>
<li>
<span class="imoon imoon-bubble"></span>imoon-bubble
</li>
<li>
<span class="imoon imoon-bubbles"></span>imoon-bubbles
</li>
<li>
<span class="imoon imoon-bubbles2"></span>imoon-bubbles2
</li>
<li>
<span class="imoon imoon-user"></span>imoon-user
</li>
<li>
<span class="imoon imoon-users"></span>imoon-users
</li>
<li>
<span class="imoon imoon-user2"></span>imoon-user2
</li>
<li>
<span class="imoon imoon-user3"></span>imoon-user3
</li>
<li>
<span class="imoon imoon-quotes-left"></span>imoon-quotes-left
</li>
<li>
<span class="imoon imoon-busy"></span>imoon-busy
</li>
<li>
<span class="imoon imoon-spinner"></span>imoon-spinner
</li>
<li>
<span class="imoon imoon-spinner2"></span>imoon-spinner2
</li>
<li>
<span class="imoon imoon-spinner3"></span>imoon-spinner3
</li>
<li>
<span class="imoon imoon-spinner4"></span>imoon-spinner4
</li>
<li>
<span class="imoon imoon-spinner5"></span>imoon-spinner5
</li>
<li>
<span class="imoon imoon-spinner6"></span>imoon-spinner6
</li>
<li>
<span class="imoon imoon-binoculars"></span>imoon-binoculars
</li>
<li>
<span class="imoon imoon-search"></span>imoon-search
</li>
<li>
<span class="imoon imoon-contract"></span>imoon-contract
</li>
<li>
<span class="imoon imoon-key"></span>imoon-key
</li>
<li>
<span class="imoon imoon-key2"></span>imoon-key2
</li>
<li>
<span class="imoon imoon-lock"></span>imoon-lock
</li>
<li>
<span class="imoon imoon-lock2"></span>imoon-lock2
</li>
<li>
<span class="imoon imoon-unlocked"></span>imoon-unlocked
</li>
<li>
<span class="imoon imoon-wrench"></span>imoon-wrench
</li>
<li>
<span class="imoon imoon-settings"></span>imoon-settings
</li>
<li>
<span class="imoon imoon-equalizer"></span>imoon-equalizer
</li>
<li>
<span class="imoon imoon-cog"></span>imoon-cog
</li>
<li>
<span class="imoon imoon-cogs"></span>imoon-cogs
</li>
<li>
<span class="imoon imoon-cog2"></span>imoon-cog2
</li>
<li>
<span class="imoon imoon-hammer"></span>imoon-hammer
</li>
<li>
<span class="imoon imoon-wand"></span>imoon-wand
</li>
<li>
<span class="imoon imoon-bars"></span>imoon-bars
</li>
<li>
<span class="imoon imoon-gift"></span>imoon-gift
</li>
<li>
<span class="imoon imoon-trophy"></span>imoon-trophy
</li>
<li>
<span class="imoon imoon-glass"></span>imoon-glass
</li>
<li>
<span class="imoon imoon-mug"></span>imoon-mug
</li>
<li>
<span class="imoon imoon-food"></span>imoon-food
</li>
<li>
<span class="imoon imoon-leaf"></span>imoon-leaf
</li>
<li>
<span class="imoon imoon-rocket"></span>imoon-rocket
</li>
<li>
<span class="imoon imoon-meter"></span>imoon-meter
</li>
<li>
<span class="imoon imoon-meter2"></span>imoon-meter2
</li>
<li>
<span class="imoon imoon-dashboard"></span>imoon-dashboard
</li>
<li>
<span class="imoon imoon-hammer2"></span>imoon-hammer2
</li>
<li>
<span class="imoon imoon-fire"></span>imoon-fire
</li>
<li>
<span class="imoon imoon-lab"></span>imoon-lab
</li>
<li>
<span class="imoon imoon-truck"></span>imoon-truck
</li>
<li>
<span class="imoon imoon-road"></span>imoon-road
</li>
<li>
<span class="imoon imoon-accessibility"></span>imoon-accessibility
</li>
<li>
<span class="imoon imoon-target"></span>imoon-target
</li>
<li>
<span class="imoon imoon-shield"></span>imoon-shield
</li>
<li>
<span class="imoon imoon-lightning"></span>imoon-lightning
</li>
<li>
<span class="imoon imoon-switch"></span>imoon-switch
</li>
<li>
<span class="imoon imoon-power-cord"></span>imoon-power-cord
</li>
<li>
<span class="imoon imoon-signup"></span>imoon-signup
</li>
<li>
<span class="imoon imoon-list"></span>imoon-list
</li>
<li>
<span class="imoon imoon-list2"></span>imoon-list2
</li>
<li>
<span class="imoon imoon-numbered-list"></span>imoon-numbered-list
</li>
<li>
<span class="imoon imoon-menu"></span>imoon-menu
</li>
<li>
<span class="imoon imoon-menu2"></span>imoon-menu2
</li>
<li>
<span class="imoon imoon-upload2"></span>imoon-upload2
</li>
<li>
<span class="imoon imoon-download"></span>imoon-download
</li>
<li>
<span class="imoon imoon-upload3"></span>imoon-upload3
</li>
<li>
<span class="imoon imoon-globe"></span>imoon-globe
</li>
<li>
<span class="imoon imoon-earth"></span>imoon-earth
</li>
<li>
<span class="imoon imoon-link"></span>imoon-link
</li>
<li>
<span class="imoon imoon-flag"></span>imoon-flag
</li>
<li>
<span class="imoon imoon-attachment"></span>imoon-attachment
</li>
<li>
<span class="imoon imoon-eye"></span>imoon-eye
</li>
<li>
<span class="imoon imoon-eye-blocked"></span>imoon-eye-blocked
</li>
<li>
<span class="imoon imoon-eye2"></span>imoon-eye2
</li>
<li>
<span class="imoon imoon-bookmark"></span>imoon-bookmark
</li>
<li>
<span class="imoon imoon-bookmarks"></span>imoon-bookmarks
</li>
<li>
<span class="imoon imoon-brightness-medium"></span>imoon-brightness-medium
</li>
<li>
<span class="imoon imoon-heart"></span>imoon-heart
</li>
<li>
<span class="imoon imoon-heart2"></span>imoon-heart2
</li>
<li>
<span class="imoon imoon-heart-broken"></span>imoon-heart-broken
</li>
<li>
<span class="imoon imoon-thumbs-up"></span>imoon-thumbs-up
</li>
<li>
<span class="imoon imoon-thumbs-up2"></span>imoon-thumbs-up2
</li>
<li>
<span class="imoon imoon-happy"></span>imoon-happy
</li>
<li>
<span class="imoon imoon-happy2"></span>imoon-happy2
</li>
<li>
<span class="imoon imoon-smiley"></span>imoon-smiley
</li>
<li>
<span class="imoon imoon-smiley2"></span>imoon-smiley2
</li>
<li>
<span class="imoon imoon-tongue"></span>imoon-tongue
</li>
<li>
<span class="imoon imoon-tongue2"></span>imoon-tongue2
</li>
<li>
<span class="imoon imoon-sad"></span>imoon-sad
</li>
<li>
<span class="imoon imoon-sad2"></span>imoon-sad2
</li>
<li>
<span class="imoon imoon-wink"></span>imoon-wink
</li>
<li>
<span class="imoon imoon-angry"></span>imoon-angry
</li>
<li>
<span class="imoon imoon-angry2"></span>imoon-angry2
</li>
<li>
<span class="imoon imoon-evil"></span>imoon-evil
</li>
<li>
<span class="imoon imoon-evil2"></span>imoon-evil2
</li>
<li>
<span class="imoon imoon-shocked"></span>imoon-shocked
</li>
<li>
<span class="imoon imoon-shocked2"></span>imoon-shocked2
</li>
<li>
<span class="imoon imoon-confused"></span>imoon-confused
</li>
<li>
<span class="imoon imoon-confused2"></span>imoon-confused2
</li>
<li>
<span class="imoon imoon-neutral"></span>imoon-neutral
</li>
<li>
<span class="imoon imoon-neutral2"></span>imoon-neutral2
</li>
<li>
<span class="imoon imoon-wondering"></span>imoon-wondering
</li>
<li>
<span class="imoon imoon-wondering2"></span>imoon-wondering2
</li>
<li>
<span class="imoon imoon-point-up"></span>imoon-point-up
</li>
<li>
<span class="imoon imoon-point-right"></span>imoon-point-right
</li>
<li>
<span class="imoon imoon-info"></span>imoon-info
</li>
<li>
<span class="imoon imoon-info2"></span>imoon-info2
</li>
<li>
<span class="imoon imoon-blocked"></span>imoon-blocked
</li>
<li>
<span class="imoon imoon-cancel-circle"></span>imoon-cancel-circle
</li>
<li>
<span class="imoon imoon-checkmark-circle"></span>imoon-checkmark-circle
</li>
<li>
<span class="imoon imoon-spam"></span>imoon-spam
</li>
<li>
<span class="imoon imoon-close"></span>imoon-close
</li>
<li>
<span class="imoon imoon-checkmark"></span>imoon-checkmark
</li>
<li>
<span class="imoon imoon-checkmark2"></span>imoon-checkmark2
</li>
<li>
<span class="imoon imoon-spell-check"></span>imoon-spell-check
</li>
<li>
<span class="imoon imoon-minus"></span>imoon-minus
</li>
<li>
<span class="imoon imoon-plus"></span>imoon-plus
</li>
<li>
<span class="imoon imoon-enter"></span>imoon-enter
</li>
<li>
<span class="imoon imoon-exit"></span>imoon-exit
</li>
<li>
<span class="imoon imoon-play"></span>imoon-play
</li>
<li>
<span class="imoon imoon-pause"></span>imoon-pause
</li>
<li>
<span class="imoon imoon-stop"></span>imoon-stop
</li>
<li>
<span class="imoon imoon-backward"></span>imoon-backward
</li>
<li>
<span class="imoon imoon-forward2"></span>imoon-forward2
</li>
<li>
<span class="imoon imoon-first"></span>imoon-first
</li>
<li>
<span class="imoon imoon-last"></span>imoon-last
</li>
<li>
<span class="imoon imoon-previous"></span>imoon-previous
</li>
<li>
<span class="imoon imoon-next"></span>imoon-next
</li>
<li>
<span class="imoon imoon-eject"></span>imoon-eject
</li>
<li>
<span class="imoon imoon-volume-high"></span>imoon-volume-high
</li>
<li>
<span class="imoon imoon-volume-medium"></span>imoon-volume-medium
</li>
<li>
<span class="imoon imoon-volume-low"></span>imoon-volume-low
</li>
<li>
<span class="imoon imoon-volume-mute"></span>imoon-volume-mute
</li>
<li>
<span class="imoon imoon-loop"></span>imoon-loop
</li>
<li>
<span class="imoon imoon-shuffle"></span>imoon-shuffle
</li>
<li>
<span class="imoon imoon-arrow-up-left"></span>imoon-arrow-up-left
</li>
<li>
<span class="imoon imoon-arrow-up"></span>imoon-arrow-up
</li>
<li>
<span class="imoon imoon-arrow-up-right"></span>imoon-arrow-up-right
</li>
<li>
<span class="imoon imoon-arrow-right"></span>imoon-arrow-right
</li>
<li>
<span class="imoon imoon-arrow-down-right"></span>imoon-arrow-down-right
</li>
<li>
<span class="imoon imoon-arrow-down"></span>imoon-arrow-down
</li>
<li>
<span class="imoon imoon-arrow-down-left"></span>imoon-arrow-down-left
</li>
<li>
<span class="imoon imoon-arrow-left"></span>imoon-arrow-left
</li>
<li>
<span class="imoon imoon-arrow-up-left2"></span>imoon-arrow-up-left2
</li>
<li>
<span class="imoon imoon-arrow-up2"></span>imoon-arrow-up2
</li>
<li>
<span class="imoon imoon-arrow-up-right2"></span>imoon-arrow-up-right2
</li>
<li>
<span class="imoon imoon-arrow-right2"></span>imoon-arrow-right2
</li>
<li>
<span class="imoon imoon-arrow-up3"></span>imoon-arrow-up3
</li>
<li>
<span class="imoon imoon-arrow-up-right3"></span>imoon-arrow-up-right3
</li>
<li>
<span class="imoon imoon-arrow-right3"></span>imoon-arrow-right3
</li>
<li>
<span class="imoon imoon-arrow-down-right2"></span>imoon-arrow-down-right2
</li>
<li>
<span class="imoon imoon-arrow-down2"></span>imoon-arrow-down2
</li>
<li>
<span class="imoon imoon-arrow-down-left2"></span>imoon-arrow-down-left2
</li>
<li>
<span class="imoon imoon-arrow-left2"></span>imoon-arrow-left2
</li>
<li>
<span class="imoon imoon-tab"></span>imoon-tab
</li>
<li>
<span class="imoon imoon-checkbox-checked"></span>imoon-checkbox-checked
</li>
<li>
<span class="imoon imoon-checkbox-unchecked"></span>imoon-checkbox-unchecked
</li>
<li>
<span class="imoon imoon-checkbox-partial"></span>imoon-checkbox-partial
</li>
<li>
<span class="imoon imoon-radio-checked"></span>imoon-radio-checked
</li>
<li>
<span class="imoon imoon-radio-unchecked"></span>imoon-radio-unchecked
</li>
<li>
<span class="imoon imoon-crop"></span>imoon-crop
</li>
<li>
<span class="imoon imoon-text-width"></span>imoon-text-width
</li>
<li>
<span class="imoon imoon-bold"></span>imoon-bold
</li>
<li>
<span class="imoon imoon-underline"></span>imoon-underline
</li>
<li>
<span class="imoon imoon-italic"></span>imoon-italic
</li>
<li>
<span class="imoon imoon-strikethrough"></span>imoon-strikethrough
</li>
<li>
<span class="imoon imoon-omega"></span>imoon-omega
</li>
<li>
<span class="imoon imoon-sigma"></span>imoon-sigma
</li>
<li>
<span class="imoon imoon-table"></span>imoon-table
</li>
<li>
<span class="imoon imoon-table2"></span>imoon-table2
</li>
<li>
<span class="imoon imoon-insert-template"></span>imoon-insert-template
</li>
<li>
<span class="imoon imoon-pilcrow"></span>imoon-pilcrow
</li>
<li>
<span class="imoon imoon-left-toright"></span>imoon-left-toright
</li>
<li>
<span class="imoon imoon-right-toleft"></span>imoon-right-toleft
</li>
<li>
<span class="imoon imoon-paragraph-left"></span>imoon-paragraph-left
</li>
<li>
<span class="imoon imoon-paragraph-right"></span>imoon-paragraph-right
</li>
<li>
<span class="imoon imoon-paragraph-justify"></span>imoon-paragraph-justify
</li>
<li>
<span class="imoon imoon-indent-increase"></span>imoon-indent-increase
</li>
<li>
<span class="imoon imoon-indent-decrease"></span>imoon-indent-decrease
</li>
<li>
<span class="imoon imoon-new-tab"></span>imoon-new-tab
</li>
<li>
<span class="imoon imoon-embed"></span>imoon-embed
</li>
<li>
<span class="imoon imoon-code"></span>imoon-code
</li>
<li>
<span class="imoon imoon-console"></span>imoon-console
</li>
<li>
<span class="imoon imoon-share"></span>imoon-share
</li>
<li>
<span class="imoon imoon-mail"></span>imoon-mail
</li>
<li>
<span class="imoon imoon-mail2"></span>imoon-mail2
</li>
<li>
<span class="imoon imoon-mail3"></span>imoon-mail3
</li>
<li>
<span class="imoon imoon-mail4"></span>imoon-mail4
</li>
<li>
<span class="imoon imoon-google"></span>imoon-google
</li>
<li>
<span class="imoon imoon-facebook"></span>imoon-facebook
</li>
<li>
<span class="imoon imoon-facebook2"></span>imoon-facebook2
</li>
<li>
<span class="imoon imoon-facebook3"></span>imoon-facebook3
</li>
<li>
<span class="imoon imoon-instagram"></span>imoon-instagram
</li>
<li>
<span class="imoon imoon-twitter"></span>imoon-twitter
</li>
<li>
<span class="imoon imoon-twitter2"></span>imoon-twitter2
</li>
<li>
<span class="imoon imoon-twitter3"></span>imoon-twitter3
</li>
<li>
<span class="imoon imoon-feed2"></span>imoon-feed2
</li>
<li>
<span class="imoon imoon-feed3"></span>imoon-feed3
</li>
<li>
<span class="imoon imoon-feed4"></span>imoon-feed4
</li>
<li>
<span class="imoon imoon-youtube"></span>imoon-youtube
</li>
<li>
<span class="imoon imoon-youtube2"></span>imoon-youtube2
</li>
<li>
<span class="imoon imoon-vimeo"></span>imoon-vimeo
</li>
<li>
<span class="imoon imoon-vimeo2"></span>imoon-vimeo2
</li>
<li>
<span class="imoon imoon-flickr"></span>imoon-flickr
</li>
<li>
<span class="imoon imoon-picassa"></span>imoon-picassa
</li>
<li>
<span class="imoon imoon-picassa2"></span>imoon-picassa2
</li>
<li>
<span class="imoon imoon-dribbble"></span>imoon-dribbble
</li>
<li>
<span class="imoon imoon-dribbble2"></span>imoon-dribbble2
</li>
<li>
<span class="imoon imoon-dribbble3"></span>imoon-dribbble3
</li>
<li>
<span class="imoon imoon-forrst"></span>imoon-forrst
</li>
<li>
<span class="imoon imoon-forrst2"></span>imoon-forrst2
</li>
<li>
<span class="imoon imoon-deviantart"></span>imoon-deviantart
</li>
<li>
<span class="imoon imoon-deviantart2"></span>imoon-deviantart2
</li>
<li>
<span class="imoon imoon-steam"></span>imoon-steam
</li>
<li>
<span class="imoon imoon-steam2"></span>imoon-steam2
</li>
<li>
<span class="imoon imoon-github"></span>imoon-github
</li>
<li>
<span class="imoon imoon-github2"></span>imoon-github2
</li>
<li>
<span class="imoon imoon-joomla"></span>imoon-joomla
</li>
<li>
<span class="imoon imoon-blogger"></span>imoon-blogger
</li>
<li>
<span class="imoon imoon-blogger2"></span>imoon-blogger2
</li>
<li>
<span class="imoon imoon-tumblr"></span>imoon-tumblr
</li>
<li>
<span class="imoon imoon-tumblr2"></span>imoon-tumblr2
</li>
<li>
<span class="imoon imoon-yahoo"></span>imoon-yahoo
</li>
<li>
<span class="imoon imoon-tux"></span>imoon-tux
</li>
<li>
<span class="imoon imoon-apple"></span>imoon-apple
</li>
<li>
<span class="imoon imoon-finder"></span>imoon-finder
</li>
<li>
<span class="imoon imoon-android"></span>imoon-android
</li>
<li>
<span class="imoon imoon-windows"></span>imoon-windows
</li>
<li>
<span class="imoon imoon-windows8"></span>imoon-windows8
</li>
<li>
<span class="imoon imoon-soundcloud"></span>imoon-soundcloud
</li>
<li>
<span class="imoon imoon-soundcloud2"></span>imoon-soundcloud2
</li>
<li>
<span class="imoon imoon-delicious"></span>imoon-delicious
</li>
<li>
<span class="imoon imoon-stumbleupon"></span>imoon-stumbleupon
</li>
<li>
<span class="imoon imoon-stumbleupon2"></span>imoon-stumbleupon2
</li>
<li>
<span class="imoon imoon-stackoverflow"></span>imoon-stackoverflow
</li>
<li>
<span class="imoon imoon-pinterest"></span>imoon-pinterest
</li>
<li>
<span class="imoon imoon-pinterest2"></span>imoon-pinterest2
</li>
<li>
<span class="imoon imoon-xing"></span>imoon-xing
</li>
<li>
<span class="imoon imoon-xing2"></span>imoon-xing2
</li>
<li>
<span class="imoon imoon-flattr"></span>imoon-flattr
</li>
<li>
<span class="imoon imoon-foursquare"></span>imoon-foursquare
</li>
<li>
<span class="imoon imoon-foursquare2"></span>imoon-foursquare2
</li>
<li>
<span class="imoon imoon-paypal"></span>imoon-paypal
</li>
<li>
<span class="imoon imoon-paypal2"></span>imoon-paypal2
</li>
<li>
<span class="imoon imoon-paypal3"></span>imoon-paypal3
</li>
<li>
<span class="imoon imoon-file-excel"></span>imoon-file-excel
</li>
<li>
<span class="imoon imoon-file-zip"></span>imoon-file-zip
</li>
<li>
<span class="imoon imoon-file-powerpoint"></span>imoon-file-powerpoint
</li>
<li>
<span class="imoon imoon-file-xml"></span>imoon-file-xml
</li>
<li>
<span class="imoon imoon-file-css"></span>imoon-file-css
</li>
<li>
<span class="imoon imoon-html5"></span>imoon-html5
</li>
<li>
<span class="imoon imoon-html52"></span>imoon-html52
</li>
<li>
<span class="imoon imoon-css3"></span>imoon-css3
</li>
<li>
<span class="imoon imoon-chrome"></span>imoon-chrome
</li>
<li>
<span class="imoon imoon-firefox"></span>imoon-firefox
</li>
<li>
<span class="imoon imoon-IE"></span>imoon-IE
</li>
<li>
<span class="imoon imoon-opera"></span>imoon-opera
</li>
<li>
<span class="imoon imoon-safari"></span>imoon-safari
</li>
<li>
<span class="imoon imoon-IcoMoon"></span>imoon-IcoMoon
</li>
<li>
<span class="imoon imoon-library"></span>imoon-library
</li>
<li>
<span class="imoon imoon-file2"></span>imoon-file2
</li>
<li>
<span class="imoon imoon-profile"></span>imoon-profile
</li>
<li>
<span class="imoon imoon-file3"></span>imoon-file3
</li>
<li>
<span class="imoon imoon-file4"></span>imoon-file4
</li>
<li>
<span class="imoon imoon-ticket"></span>imoon-ticket
</li>
<li>
<span class="imoon imoon-cart"></span>imoon-cart
</li>
<li>
<span class="imoon imoon-cart2"></span>imoon-cart2
</li>
<li>
<span class="imoon imoon-cart3"></span>imoon-cart3
</li>
<li>
<span class="imoon imoon-coin"></span>imoon-coin
</li>
<li>
<span class="imoon imoon-history"></span>imoon-history
</li>
<li>
<span class="imoon imoon-clock"></span>imoon-clock
</li>
<li>
<span class="imoon imoon-clock2"></span>imoon-clock2
</li>
<li>
<span class="imoon imoon-alarm"></span>imoon-alarm
</li>
<li>
<span class="imoon imoon-alarm2"></span>imoon-alarm2
</li>
<li>
<span class="imoon imoon-drawer2"></span>imoon-drawer2
</li>
<li>
<span class="imoon imoon-drawer3"></span>imoon-drawer3
</li>
<li>
<span class="imoon imoon-box-add"></span>imoon-box-add
</li>
<li>
<span class="imoon imoon-box-remove"></span>imoon-box-remove
</li>
<li>
<span class="imoon imoon-download2"></span>imoon-download2
</li>
<li>
<span class="imoon imoon-bubble2"></span>imoon-bubble2
</li>
<li>
<span class="imoon imoon-bubbles3"></span>imoon-bubbles3
</li>
<li>
<span class="imoon imoon-bubbles4"></span>imoon-bubbles4
</li>
<li>
<span class="imoon imoon-user4"></span>imoon-user4
</li>
<li>
<span class="imoon imoon-users2"></span>imoon-users2
</li>
<li>
<span class="imoon imoon-zoom-in"></span>imoon-zoom-in
</li>
<li>
<span class="imoon imoon-zoom-out"></span>imoon-zoom-out
</li>
<li>
<span class="imoon imoon-expand"></span>imoon-expand
</li>
<li>
<span class="imoon imoon-contract2"></span>imoon-contract2
</li>
<li>
<span class="imoon imoon-expand2"></span>imoon-expand2
</li>
<li>
<span class="imoon imoon-aid"></span>imoon-aid
</li>
<li>
<span class="imoon imoon-bug"></span>imoon-bug
</li>
<li>
<span class="imoon imoon-pie"></span>imoon-pie
</li>
<li>
<span class="imoon imoon-stats"></span>imoon-stats
</li>
<li>
<span class="imoon imoon-bars2"></span>imoon-bars2
</li>
<li>
<span class="imoon imoon-magnet"></span>imoon-magnet
</li>
<li>
<span class="imoon imoon-remove"></span>imoon-remove
</li>
<li>
<span class="imoon imoon-remove2"></span>imoon-remove2
</li>
<li>
<span class="imoon imoon-briefcase"></span>imoon-briefcase
</li>
<li>
<span class="imoon imoon-airplane"></span>imoon-airplane
</li>
<li>
<span class="imoon imoon-tree"></span>imoon-tree
</li>
<li>
<span class="imoon imoon-cloud"></span>imoon-cloud
</li>
<li>
<span class="imoon imoon-cloud-download"></span>imoon-cloud-download
</li>
<li>
<span class="imoon imoon-cloud-upload"></span>imoon-cloud-upload
</li>
<li>
<span class="imoon imoon-download3"></span>imoon-download3
</li>
<li>
<span class="imoon imoon-brightness-contrast"></span>imoon-brightness-contrast
</li>
<li>
<span class="imoon imoon-contrast"></span>imoon-contrast
</li>
<li>
<span class="imoon imoon-star"></span>imoon-star
</li>
<li>
<span class="imoon imoon-star2"></span>imoon-star2
</li>
<li>
<span class="imoon imoon-star3"></span>imoon-star3
</li>
<li>
<span class="imoon imoon-wink2"></span>imoon-wink2
</li>
<li>
<span class="imoon imoon-grin"></span>imoon-grin
</li>
<li>
<span class="imoon imoon-grin2"></span>imoon-grin2
</li>
<li>
<span class="imoon imoon-cool"></span>imoon-cool
</li>
<li>
<span class="imoon imoon-cool2"></span>imoon-cool2
</li>
<li>
<span class="imoon imoon-point-down"></span>imoon-point-down
</li>
<li>
<span class="imoon imoon-point-left"></span>imoon-point-left
</li>
<li>
<span class="imoon imoon-warning"></span>imoon-warning
</li>
<li>
<span class="imoon imoon-notification"></span>imoon-notification
</li>
<li>
<span class="imoon imoon-question"></span>imoon-question
</li>
<li>
<span class="imoon imoon-play2"></span>imoon-play2
</li>
<li>
<span class="imoon imoon-pause2"></span>imoon-pause2
</li>
<li>
<span class="imoon imoon-stop2"></span>imoon-stop2
</li>
<li>
<span class="imoon imoon-backward2"></span>imoon-backward2
</li>
<li>
<span class="imoon imoon-forward3"></span>imoon-forward3
</li>
<li>
<span class="imoon imoon-volume-mute2"></span>imoon-volume-mute2
</li>
<li>
<span class="imoon imoon-volume-increase"></span>imoon-volume-increase
</li>
<li>
<span class="imoon imoon-volume-decrease"></span>imoon-volume-decrease
</li>
<li>
<span class="imoon imoon-loop2"></span>imoon-loop2
</li>
<li>
<span class="imoon imoon-loop3"></span>imoon-loop3
</li>
<li>
<span class="imoon imoon-arrow-down-right3"></span>imoon-arrow-down-right3
</li>
<li>
<span class="imoon imoon-arrow-down3"></span>imoon-arrow-down3
</li>
<li>
<span class="imoon imoon-arrow-down-left3"></span>imoon-arrow-down-left3
</li>
<li>
<span class="imoon imoon-arrow-left3"></span>imoon-arrow-left3
</li>
<li>
<span class="imoon imoon-arrow-up-left3"></span>imoon-arrow-up-left3
</li>
<li>
<span class="imoon imoon-scissors"></span>imoon-scissors
</li>
<li>
<span class="imoon imoon-filter"></span>imoon-filter
</li>
<li>
<span class="imoon imoon-filter2"></span>imoon-filter2
</li>
<li>
<span class="imoon imoon-font"></span>imoon-font
</li>
<li>
<span class="imoon imoon-text-height"></span>imoon-text-height
</li>
<li>
<span class="imoon imoon-paragraph-center"></span>imoon-paragraph-center
</li>
<li>
<span class="imoon imoon-paragraph-right2"></span>imoon-paragraph-right2
</li>
<li>
<span class="imoon imoon-paragraph-justify2"></span>imoon-paragraph-justify2
</li>
<li>
<span class="imoon imoon-paragraph-left2"></span>imoon-paragraph-left2
</li>
<li>
<span class="imoon imoon-paragraph-center2"></span>imoon-paragraph-center2
</li>
<li>
<span class="imoon imoon-google-plus"></span>imoon-google-plus
</li>
<li>
<span class="imoon imoon-google-plus2"></span>imoon-google-plus2
</li>
<li>
<span class="imoon imoon-google-plus3"></span>imoon-google-plus3
</li>
<li>
<span class="imoon imoon-google-plus4"></span>imoon-google-plus4
</li>
<li>
<span class="imoon imoon-google-drive"></span>imoon-google-drive
</li>
<li>
<span class="imoon imoon-vimeo3"></span>imoon-vimeo3
</li>
<li>
<span class="imoon imoon-lanyrd"></span>imoon-lanyrd
</li>
<li>
<span class="imoon imoon-flickr2"></span>imoon-flickr2
</li>
<li>
<span class="imoon imoon-flickr3"></span>imoon-flickr3
</li>
<li>
<span class="imoon imoon-flickr4"></span>imoon-flickr4
</li>
<li>
<span class="imoon imoon-github3"></span>imoon-github3
</li>
<li>
<span class="imoon imoon-github4"></span>imoon-github4
</li>
<li>
<span class="imoon imoon-github5"></span>imoon-github5
</li>
<li>
<span class="imoon imoon-wordpress"></span>imoon-wordpress
</li>
<li>
<span class="imoon imoon-wordpress2"></span>imoon-wordpress2
</li>
<li>
<span class="imoon imoon-skype"></span>imoon-skype
</li>
<li>
<span class="imoon imoon-reddit"></span>imoon-reddit
</li>
<li>
<span class="imoon imoon-linkedin"></span>imoon-linkedin
</li>
<li>
<span class="imoon imoon-lastfm"></span>imoon-lastfm
</li>
<li>
<span class="imoon imoon-lastfm2"></span>imoon-lastfm2
</li>
<li>
<span class="imoon imoon-camera2"></span>imoon-camera2
</li>
<li>
<span class="imoon imoon-music"></span>imoon-music
</li>
<li>
<span class="imoon imoon-headphones"></span>imoon-headphones
</li>
<li>
<span class="imoon imoon-play3"></span>imoon-play3
</li>
<li>
<span class="imoon imoon-images"></span>imoon-images
</li>
<li>
<span class="imoon imoon-yelp"></span>imoon-yelp
</li>
<li>
<span class="imoon imoon-libreoffice"></span>imoon-libreoffice
</li>
<li>
<span class="imoon imoon-file-pdf"></span>imoon-file-pdf
</li>
<li>
<span class="imoon imoon-file-openoffice"></span>imoon-file-openoffice
</li>
<li>
<span class="imoon imoon-file-word"></span>imoon-file-word
</li>
</ul>
</div>
<div id="tab4" class="tab-pane">
<p class="alert alert-info mb40">Here you can find
<b>IconSweets2</b> icons. Required Classes:
<code>.icon-zoom2</code>
</p>
<ul class="icons-list iconsweets-list">
<li>
<span class="icon-zoom2"></span> icon-zoom2
</li>
<li>
<span class="icon-zoom"></span> icon-zoom
</li>
<li>
<span class="icon-youtube4"></span> icon-youtube4
</li>
<li>
<span class="icon-youtube3"></span> icon-youtube3
</li>
<li>
<span class="icon-youtube2"></span> icon-youtube2
</li>
<li>
<span class="icon-youtube"></span> icon-youtube
</li>
<li>
<span class="icon-write"></span> icon-write
</li>
<li>
<span class="icon-wordpress2"></span> icon-wordpress2
</li>
<li>
<span class="icon-wordpress"></span> icon-wordpress
</li>
<li>
<span class="icon-winner-podium"></span> icon-winner-podium
</li>
<li>
<span class="icon-windows"></span> icon-windows
</li>
<li>
<span class="icon-wifi4"></span> icon-wifi4
</li>
<li>
<span class="icon-wifi3"></span> icon-wifi3
</li>
<li>
<span class="icon-wifi2"></span> icon-wifi2
</li>
<li>
<span class="icon-wifi"></span> icon-wifi
</li>
<li>
<span class="icon-walking-man"></span> icon-walking-man
</li>
<li>
<span class="icon-wacom2"></span> icon-wacom2
</li>
<li>
<span class="icon-wacom"></span> icon-wacom
</li>
<li>
<span class="icon-visa2"></span> icon-visa2
</li>
<li>
<span class="icon-visa"></span> icon-visa
</li>
<li>
<span class="icon-vimeo5"></span> icon-vimeo5
</li>
<li>
<span class="icon-vimeo4"></span> icon-vimeo4
</li>
<li>
<span class="icon-vimeo3"></span> icon-vimeo3
</li>
<li>
<span class="icon-vimeo2"></span> icon-vimeo2
</li>
<li>
<span class="icon-vimeo"></span> icon-vimeo
</li>
<li>
<span class="icon-vault"></span> icon-vault
</li>
<li>
<span class="icon-v-card3"></span> icon-v-card3
</li>
<li>
<span class="icon-v-card2"></span> icon-v-card2
</li>
<li>
<span class="icon-v-card"></span> icon-v-card
</li>
<li>
<span class="icon-users2"></span> icon-users2
</li>
<li>
<span class="icon-users"></span> icon-users
</li>
<li>
<span class="icon-user2"></span> icon-user2
</li>
<li>
<span class="icon-user"></span> icon-user
</li>
<li>
<span class="icon-user-comment"></span> icon-user-comment
</li>
<li>
<span class="icon-usb-stick"></span> icon-usb-stick
</li>
<li>
<span class="icon-upload"></span> icon-upload
</li>
<li>
<span class="icon-universal-access"></span> icon-universal-access
</li>
<li>
<span class="icon-under-construction"></span> icon-under-construction
</li>
<li>
<span class="icon-umbrella"></span> icon-umbrella
</li>
<li>
<span class="icon-twitter3"></span> icon-twitter3
</li>
<li>
<span class="icon-twitter2"></span> icon-twitter2
</li>
<li>
<span class="icon-twitter"></span> icon-twitter
</li>
<li>
<span class="icon-tumblr"></span> icon-tumblr
</li>
<li>
<span class="icon-truck2"></span> icon-truck2
</li>
<li>
<span class="icon-truck"></span> icon-truck
</li>
<li>
<span class="icon-trolly"></span> icon-trolly
</li>
<li>
<span class="icon-tree"></span> icon-tree
</li>
<li>
<span class="icon-trashcan2"></span> icon-trashcan2
</li>
<li>
<span class="icon-trashcan"></span> icon-trashcan
</li>
<li>
<span class="icon-traffic-light"></span> icon-traffic-light
</li>
<li>
<span class="icon-tools"></span> icon-tools
</li>
<li>
<span class="icon-timer"></span> icon-timer
</li>
<li>
<span class="icon-text-styling3"></span> icon-text-styling3
</li>
<li>
<span class="icon-text-styling2"></span> icon-text-styling2
</li>
<li>
<span class="icon-text-styling"></span> icon-text-styling
</li>
<li>
<span class="icon-television"></span> icon-television
</li>
<li>
<span class="icon-telephone4"></span> icon-telephone4
</li>
<li>
<span class="icon-telephone3"></span> icon-telephone3
</li>
<li>
<span class="icon-telephone2"></span> icon-telephone2
</li>
<li>
<span class="icon-telephone"></span> icon-telephone
</li>
<li>
<span class="icon-tags2"></span> icon-tags2
</li>
<li>
<span class="icon-tag"></span> icon-tag
</li>
<li>
<span class="icon-table-"></span> icon-table-
</li>
<li>
<span class="icon-sweater"></span> icon-sweater
</li>
<li>
<span class="icon-suitcase3"></span> icon-suitcase3
</li>
<li>
<span class="icon-suitcase2"></span> icon-suitcase2
</li>
<li>
<span class="icon-suitcase"></span> icon-suitcase
</li>
<li>
<span class="icon-suitcase-travel"></span> icon-suitcase-travel
</li>
<li>
<span class="icon-stumbleupon"></span> icon-stumbleupon
</li>
<li>
<span class="icon-strategy2"></span> icon-strategy2
</li>
<li>
<span class="icon-strategy"></span> icon-strategy
</li>
<li>
<span class="icon-stopwatch"></span> icon-stopwatch
</li>
<li>
<span class="icon-sticky-note"></span> icon-sticky-note
</li>
<li>
<span class="icon-speech-bubbles2"></span> icon-speech-bubbles2
</li>
<li>
<span class="icon-speech-bubbles"></span> icon-speech-bubbles
</li>
<li>
<span class="icon-speech-bubble2"></span> icon-speech-bubble2
</li>
<li>
<span class="icon-speech-bubble"></span> icon-speech-bubble
</li>
<li>
<span class="icon-sound"></span> icon-sound
</li>
<li>
<span class="icon-socks"></span> icon-socks
</li>
<li>
<span class="icon-skype2"></span> icon-skype2
</li>
<li>
<span class="icon-skype"></span> icon-skype
</li>
<li>
<span class="icon-signal"></span> icon-signal
</li>
<li>
<span class="icon-sign-post2"></span> icon-sign-post2
</li>
<li>
<span class="icon-sign-post"></span> icon-sign-post
</li>
<li>
<span class="icon-shopping-cart4"></span> icon-shopping-cart4
</li>
<li>
<span class="icon-shopping-cart3"></span> icon-shopping-cart3
</li>
<li>
<span class="icon-shopping-cart2"></span> icon-shopping-cart2
</li>
<li>
<span class="icon-shopping-cart"></span> icon-shopping-cart
</li>
<li>
<span class="icon-shopping-basket2"></span> icon-shopping-basket2
</li>
<li>
<span class="icon-shopping-basket"></span> icon-shopping-basket
</li>
<li>
<span class="icon-shirt-tshirt"></span> icon-shirt-tshirt
</li>
<li>
<span class="icon-shirt-sport"></span> icon-shirt-sport
</li>
<li>
<span class="icon-shirt-sleeveless"></span> icon-shirt-sleeveless
</li>
<li>
<span class="icon-shirt-nike"></span> icon-shirt-nike
</li>
<li>
<span class="icon-shirt-dress"></span> icon-shirt-dress
</li>
<li>
<span class="icon-shirt-adidas"></span> icon-shirt-adidas
</li>
<li>
<span class="icon-shades"></span> icon-shades
</li>
<li>
<span class="icon-settings2"></span> icon-settings2
</li>
<li>
<span class="icon-settings"></span> icon-settings
</li>
<li>
<span class="icon-sd3"></span> icon-sd3
</li>
<li>
<span class="icon-sd2"></span> icon-sd2
</li>
<li>
<span class="icon-sd"></span> icon-sd
</li>
<li>
<span class="icon-scissors"></span> icon-scissors
</li>
<li>
<span class="icon-safari"></span> icon-safari
</li>
<li>
<span class="icon-running-man"></span> icon-running-man
</li>
<li>
<span class="icon-ruler2"></span> icon-ruler2
</li>
<li>
<span class="icon-ruler"></span> icon-ruler
</li>
<li>
<span class="icon-rss"></span> icon-rss
</li>
<li>
<span class="icon-robot"></span> icon-robot
</li>
<li>
<span class="icon-record"></span> icon-record
</li>
<li>
<span class="icon-rake-scoop"></span> icon-rake-scoop
</li>
<li>
<span class="icon-radio"></span> icon-radio
</li>
<li>
<span class="icon-radio-signal"></span> icon-radio-signal
</li>
<li>
<span class="icon-quicktime2"></span> icon-quicktime2
</li>
<li>
<span class="icon-quicktime"></span> icon-quicktime
</li>
<li>
<span class="icon-printer"></span> icon-printer
</li>
<li>
<span class="icon-price-tags"></span> icon-price-tags
</li>
<li>
<span class="icon-price-tag"></span> icon-price-tag
</li>
<li>
<span class="icon-presentation"></span> icon-presentation
</li>
<li>
<span class="icon-power"></span> icon-power
</li>
<li>
<span class="icon-postcard"></span> icon-postcard
</li>
<li>
<span class="icon-plixi"></span> icon-plixi
</li>
<li>
<span class="icon-piggy-bank"></span> icon-piggy-bank
</li>
<li>
<span class="icon-phone-old"></span> icon-phone-old
</li>
<li>
<span class="icon-phone-hook"></span> icon-phone-hook
</li>
<li>
<span class="icon-pencil"></span> icon-pencil
</li>
<li>
<span class="icon-pen-fountain"></span> icon-pen-fountain
</li>
<li>
<span class="icon-paypal5"></span> icon-paypal5
</li>
<li>
<span class="icon-paypal4"></span> icon-paypal4
</li>
<li>
<span class="icon-paypal3"></span> icon-paypal3
</li>
<li>
<span class="icon-paypal2"></span> icon-paypal2
</li>
<li>
<span class="icon-paypal"></span> icon-paypal
</li>
<li>
<span class="icon-paperclip"></span> icon-paperclip
</li>
<li>
<span class="icon-pants"></span> icon-pants
</li>
<li>
<span class="icon-pacman"></span> icon-pacman
</li>
<li>
<span class="icon-pacman-ghost"></span> icon-pacman-ghost
</li>
<li>
<span class="icon-outbox2"></span> icon-outbox2
</li>
<li>
<span class="icon-outbox"></span> icon-outbox
</li>
<li>
<span class="icon-notebook"></span> icon-notebook
</li>
<li>
<span class="icon-myspace2"></span> icon-myspace2
</li>
<li>
<span class="icon-myspace"></span> icon-myspace
</li>
<li>
<span class="icon-musical-keyboard"></span> icon-musical-keyboard
</li>
<li>
<span class="icon-mouse2"></span> icon-mouse2
</li>
<li>
<span class="icon-mouse"></span> icon-mouse
</li>
<li>
<span class="icon-mouse-with-wire"></span> icon-mouse-with-wire
</li>
<li>
<span class="icon-monitor"></span> icon-monitor
</li>
<li>
<span class="icon-money2"></span> icon-money2
</li>
<li>
<span class="icon-money"></span> icon-money
</li>
<li>
<span class="icon-mobypicture"></span> icon-mobypicture
</li>
<li>
<span class="icon-mobile-phone2"></span> icon-mobile-phone2
</li>
<li>
<span class="icon-mobile-phone"></span> icon-mobile-phone
</li>
<li>
<span class="icon-mighty-mouse"></span> icon-mighty-mouse
</li>
<li>
<span class="icon-mickey-mouse"></span> icon-mickey-mouse
</li>
<li>
<span class="icon-mic"></span> icon-mic
</li>
<li>
<span class="icon-megaphone"></span> icon-megaphone
</li>
<li>
<span class="icon-medical-case"></span> icon-medical-case
</li>
<li>
<span class="icon-mastercard"></span> icon-mastercard
</li>
<li>
<span class="icon-marker"></span> icon-marker
</li>
<li>
<span class="icon-map"></span> icon-map
</li>
<li>
<span class="icon-male"></span> icon-male
</li>
<li>
<span class="icon-male-symbol"></span> icon-male-symbol
</li>
<li>
<span class="icon-mail2"></span> icon-mail2
</li>
<li>
<span class="icon-mail"></span> icon-mail
</li>
<li>
<span class="icon-magic-mouse"></span> icon-magic-mouse
</li>
<li>
<span class="icon-macos"></span> icon-macos
</li>
<li>
<span class="icon-locked"></span> icon-locked
</li>
<li>
<span class="icon-lock"></span> icon-lock
</li>
<li>
<span class="icon-lock-open"></span> icon-lock-open
</li>
<li>
<span class="icon-loading"></span> icon-loading
</li>
<li>
<span class="icon-list"></span> icon-list
</li>
<li>
<span class="icon-list-with-images"></span> icon-list-with-images
</li>
<li>
<span class="icon-list-with-image"></span> icon-list-with-image
</li>
<li>
<span class="icon-linux"></span> icon-linux
</li>
<li>
<span class="icon-linked-in"></span> icon-linked-in
</li>
<li>
<span class="icon-link2"></span> icon-link2
</li>
<li>
<span class="icon-link"></span> icon-link
</li>
<li>
<span class="icon-like2"></span> icon-like2
</li>
<li>
<span class="icon-like"></span> icon-like
</li>
<li>
<span class="icon-light-bulb"></span> icon-light-bulb
</li>
<li>
<span class="icon-lemon-stand2"></span> icon-lemon-stand2
</li>
<li>
<span class="icon-lemon-stand"></span> icon-lemon-stand
</li>
<li>
<span class="icon-leaf"></span> icon-leaf
</li>
<li>
<span class="icon-lastfm2"></span> icon-lastfm2
</li>
<li>
<span class="icon-lastfm"></span> icon-lastfm
</li>
<li>
<span class="icon-laptop"></span> icon-laptop
</li>
<li>
<span class="icon-lamps"></span> icon-lamps
</li>
<li>
<span class="icon-labs"></span> icon-labs
</li>
<li>
<span class="icon-keyboard"></span> icon-keyboard
</li>
<li>
<span class="icon-key2"></span> icon-key2
</li>
<li>
<span class="icon-key"></span> icon-key
</li>
<li>
<span class="icon-joomla"></span> icon-joomla
</li>
<li>
<span class="icon-ipod-shuffle"></span> icon-ipod-shuffle
</li>
<li>
<span class="icon-ipod-nano2"></span> icon-ipod-nano2
</li>
<li>
<span class="icon-ipod-nano"></span> icon-ipod-nano
</li>
<li>
<span class="icon-ipod-classic"></span> icon-ipod-classic
</li>
<li>
<span class="icon-iphone4"></span> icon-iphone4
</li>
<li>
<span class="icon-iphone4-with-4"></span> icon-iphone4-with-4
</li>
<li>
<span class="icon-iphone3g"></span> icon-iphone3g
</li>
<li>
<span class="icon-ipad2"></span> icon-ipad2
</li>
<li>
<span class="icon-ipad"></span> icon-ipad
</li>
<li>
<span class="icon-info"></span> icon-info
</li>
<li>
<span class="icon-inbox3"></span> icon-inbox3
</li>
<li>
<span class="icon-inbox"></span> icon-inbox
</li>
<li>
<span class="icon-images2"></span> icon-images2
</li>
<li>
<span class="icon-images"></span> icon-images
</li>
<li>
<span class="icon-image2"></span> icon-image2
</li>
<li>
<span class="icon-image"></span> icon-image
</li>
<li>
<span class="icon-imac"></span> icon-imac
</li>
<li>
<span class="icon-ideal"></span> icon-ideal
</li>
<li>
<span class="icon-ichat"></span> icon-ichat
</li>
<li>
<span class="icon-ice-cream2"></span> icon-ice-cream2
</li>
<li>
<span class="icon-ice-cream"></span> icon-ice-cream
</li>
<li>
<span class="icon-hour-glass"></span> icon-hour-glass
</li>
<li>
<span class="icon-home2"></span> icon-home2
</li>
<li>
<span class="icon-home"></span> icon-home
</li>
<li>
<span class="icon-help"></span> icon-help
</li>
<li>
<span class="icon-headphones"></span> icon-headphones
</li>
<li>
<span class="icon-hd3"></span> icon-hd3
</li>
<li>
<span class="icon-hd2"></span> icon-hd2
</li>
<li>
<span class="icon-hd"></span> icon-hd
</li>
<li>
<span class="icon-harddisk"></span> icon-harddisk
</li>
<li>
<span class="icon-halloween"></span> icon-halloween
</li>
<li>
<span class="icon-group2"></span> icon-group2
</li>
<li>
<span class="icon-group"></span> icon-group
</li>
<li>
<span class="icon-gowalla2"></span> icon-gowalla2
</li>
<li>
<span class="icon-gowalla"></span> icon-gowalla
</li>
<li>
<span class="icon-google-plus2"></span> icon-google-plus2
</li>
<li>
<span class="icon-google-maps"></span> icon-google-maps
</li>
<li>
<span class="icon-google-buzz"></span> icon-google-buzz
</li>
<li>
<span class="icon-globe2"></span> icon-globe2
</li>
<li>
<span class="icon-globe"></span> icon-globe
</li>
<li>
<span class="icon-glass"></span> icon-glass
</li>
<li>
<span class="icon-glass-wine"></span> icon-glass-wine
</li>
<li>
<span class="icon-g-key"></span> icon-g-key
</li>
<li>
<span class="icon-full-screen3"></span> icon-full-screen3
</li>
<li>
<span class="icon-full-screen2"></span> icon-full-screen2
</li>
<li>
<span class="icon-full-screen"></span> icon-full-screen
</li>
<li>
<span class="icon-frames"></span> icon-frames
</li>
<li>
<span class="icon-foursquare"></span> icon-foursquare
</li>
<li>
<span class="icon-footprints"></span> icon-footprints
</li>
<li>
<span class="icon-footprint"></span> icon-footprint
</li>
<li>
<span class="icon-folder"></span> icon-folder
</li>
<li>
<span class="icon-folder-user"></span> icon-folder-user
</li>
<li>
<span class="icon-folder-music"></span> icon-folder-music
</li>
<li>
<span class="icon-folder-locked"></span> icon-folder-locked
</li>
<li>
<span class="icon-flip-clock"></span> icon-flip-clock
</li>
<li>
<span class="icon-flag2"></span> icon-flag2
</li>
<li>
<span class="icon-flag"></span> icon-flag
</li>
<li>
<span class="icon-firefox"></span> icon-firefox
</li>
<li>
<span class="icon-finish2"></span> icon-finish2
</li>
<li>
<span class="icon-finish"></span> icon-finish
</li>
<li>
<span class="icon-film-strip2"></span> icon-film-strip2
</li>
<li>
<span class="icon-film-strip"></span> icon-film-strip
</li>
<li>
<span class="icon-film-camera2"></span> icon-film-camera2
</li>
<li>
<span class="icon-film-camera"></span> icon-film-camera
</li>
<li>
<span class="icon-file-cabinet"></span> icon-file-cabinet
</li>
<li>
<span class="icon-female"></span> icon-female
</li>
<li>
<span class="icon-female-symbol"></span> icon-female-symbol
</li>
<li>
<span class="icon-factory"></span> icon-factory
</li>
<li>
<span class="icon-facebook"></span> icon-facebook
</li>
<li>
<span class="icon-eyedropper"></span> icon-eyedropper
</li>
<li>
<span class="icon-eye"></span> icon-eye
</li>
<li>
<span class="icon-expression-engine"></span> icon-expression-engine
</li>
<li>
<span class="icon-expose"></span> icon-expose
</li>
<li>
<span class="icon-exit"></span> icon-exit
</li>
<li>
<span class="icon-electricity-plug"></span> icon-electricity-plug
</li>
<li>
<span class="icon-electricity-input3"></span> icon-electricity-input3
</li>
<li>
<span class="icon-electricity-input2"></span> icon-electricity-input2
</li>
<li>
<span class="icon-electricity-input"></span> icon-electricity-input
</li>
<li>
<span class="icon-dvd"></span> icon-dvd
</li>
<li>
<span class="icon-drupal"></span> icon-drupal
</li>
<li>
<span class="icon-dropbox"></span> icon-dropbox
</li>
<li>
<span class="icon-dribbble4"></span> icon-dribbble4
</li>
<li>
<span class="icon-dribbble3"></span> icon-dribbble3
</li>
<li>
<span class="icon-dribbble2"></span> icon-dribbble2
</li>
<li>
<span class="icon-dribbble"></span> icon-dribbble
</li>
<li>
<span class="icon-download"></span> icon-download
</li>
<li>
<span class="icon-download-to-pc"></span> icon-download-to-pc
</li>
<li>
<span class="icon-dog-tags"></span> icon-dog-tags
</li>
<li>
<span class="icon-dog-tag"></span> icon-dog-tag
</li>
<li>
<span class="icon-documents"></span> icon-documents
</li>
<li>
<span class="icon-documents-zip"></span> icon-documents-zip
</li>
<li>
<span class="icon-documents-word"></span> icon-documents-word
</li>
<li>
<span class="icon-documents-text"></span> icon-documents-text
</li>
<li>
<span class="icon-documents-powerpoint"></span> icon-documents-powerpoint
</li>
<li>
<span class="icon-documents-pdf"></span> icon-documents-pdf
</li>
<li>
<span class="icon-documents-excel"></span> icon-documents-excel
</li>
<li>
<span class="icon-document"></span> icon-document
</li>
<li>
<span class="icon-document-zip"></span> icon-document-zip
</li>
<li>
<span class="icon-document-word"></span> icon-document-word
</li>
<li>
<span class="icon-document-text"></span> icon-document-text
</li>
<li>
<span class="icon-document-powerpoint"></span> icon-document-powerpoint
</li>
<li>
<span class="icon-document-photo"></span> icon-document-photo
</li>
<li>
<span class="icon-document-pdf"></span> icon-document-pdf
</li>
<li>
<span class="icon-document-excel"></span> icon-document-excel
</li>
<li>
<span class="icon-dinner-plate"></span> icon-dinner-plate
</li>
<li>
<span class="icon-digg4"></span> icon-digg4
</li>
<li>
<span class="icon-digg3"></span> icon-digg3
</li>
<li>
<span class="icon-digg2"></span> icon-digg2
</li>
<li>
<span class="icon-digg"></span> icon-digg
</li>
<li>
<span class="icon-delicious"></span> icon-delicious
</li>
<li>
<span class="icon-data-table"></span> icon-data-table
</li>
<li>
<span class="icon-cup"></span> icon-cup
</li>
<li>
<span class="icon-creditcard"></span> icon-creditcard
</li>
<li>
<span class="icon-coverflow"></span> icon-coverflow
</li>
<li>
<span class="icon-contacts5"></span> icon-contacts5
</li>
<li>
<span class="icon-contacts4"></span> icon-contacts4
</li>
<li>
<span class="icon-contacts3"></span> icon-contacts3
</li>
<li>
<span class="icon-contacts2"></span> icon-contacts2
</li>
<li>
<span class="icon-contacts"></span> icon-contacts
</li>
<li>
<span class="icon-cogs"></span> icon-cogs
</li>
<li>
<span class="icon-cog4"></span> icon-cog4
</li>
<li>
<span class="icon-cog3"></span> icon-cog3
</li>
<li>
<span class="icon-cog2"></span> icon-cog2
</li>
<li>
<span class="icon-cog"></span> icon-cog
</li>
<li>
<span class="icon-cloud"></span> icon-cloud
</li>
<li>
<span class="icon-cloud-upload"></span> icon-cloud-upload
</li>
<li>
<span class="icon-cloud-rain-with-thunder"></span> icon-cloud-rain-with-thunder
</li>
<li>
<span class="icon-cloud-rain-with-thunder-and-snow"></span> icon-cloud-rain-with-thunder-and-snow
</li>
<li>
<span class="icon-cloud-rain-with-sun"></span> icon-cloud-rain-with-sun
</li>
<li>
<span class="icon-cloud-rain-with-shiny-sun"></span> icon-cloud-rain-with-shiny-sun
</li>
<li>
<span class="icon-cloud-download"></span> icon-cloud-download
</li>
<li>
<span class="icon-clock2"></span> icon-clock2
</li>
<li>
<span class="icon-clock"></span> icon-clock
</li>
<li>
<span class="icon-clipboard"></span> icon-clipboard
</li>
<li>
<span class="icon-clapboard"></span> icon-clapboard
</li>
<li>
<span class="icon-chrome"></span> icon-chrome
</li>
<li>
<span class="icon-chart-pie"></span> icon-chart-pie
</li>
<li>
<span class="icon-chart-pie-85"></span> icon-chart-pie-85
</li>
<li>
<span class="icon-chart-pie-75"></span> icon-chart-pie-75
</li>
<li>
<span class="icon-chart-pie-65"></span> icon-chart-pie-65
</li>
<li>
<span class="icon-chart-pie-50"></span> icon-chart-pie-50
</li>
<li>
<span class="icon-chart-pie-35"></span> icon-chart-pie-35
</li>
<li>
<span class="icon-chart-pie-25"></span> icon-chart-pie-25
</li>
<li>
<span class="icon-chart-pie-10"></span> icon-chart-pie-10
</li>
<li>
<span class="icon-chart-graph2"></span> icon-chart-graph2
</li>
<li>
<span class="icon-chart-graph"></span> icon-chart-graph
</li>
<li>
<span class="icon-chair"></span> icon-chair
</li>
<li>
<span class="icon-cd"></span> icon-cd
</li>
<li>
<span class="icon-cat"></span> icon-cat
</li>
<li>
<span class="icon-cash-register2"></span> icon-cash-register2
</li>
<li>
<span class="icon-casette"></span> icon-casette
</li>
<li>
<span class="icon-car"></span> icon-car
</li>
<li>
<span class="icon-candy-cane"></span> icon-candy-cane
</li>
<li>
<span class="icon-camera2"></span> icon-camera2
</li>
<li>
<span class="icon-camera"></span> icon-camera
</li>
<li>
<span class="icon-calendar-strike"></span> icon-calendar-strike
</li>
<li>
<span class="icon-calendar-month"></span> icon-calendar-month
</li>
<li>
<span class="icon-calendar-day"></span> icon-calendar-day
</li>
<li>
<span class="icon-calculator"></span> icon-calculator
</li>
<li>
<span class="icon-bullseye"></span> icon-bullseye
</li>
<li>
<span class="icon-building"></span> icon-building
</li>
<li>
<span class="icon-brush-small"></span> icon-brush-small
</li>
<li>
<span class="icon-brush-paint"></span> icon-brush-paint
</li>
<li>
<span class="icon-brush-big"></span> icon-brush-big
</li>
<li>
<span class="icon-box-incoming"></span> icon-box-incoming
</li>
<li>
<span class="icon-books2"></span> icon-books2
</li>
<li>
<span class="icon-books"></span> icon-books
</li>
<li>
<span class="icon-book"></span> icon-book
</li>
<li>
<span class="icon-book-large"></span> icon-book-large
</li>
<li>
<span class="icon-bluray"></span> icon-bluray
</li>
<li>
<span class="icon-bluetooth2"></span> icon-bluetooth2
</li>
<li>
<span class="icon-bluetooth"></span> icon-bluetooth
</li>
<li>
<span class="icon-blocks"></span> icon-blocks
</li>
<li>
<span class="icon-blackberry3"></span> icon-blackberry3
</li>
<li>
<span class="icon-blackberry2"></span> icon-blackberry2
</li>
<li>
<span class="icon-blackberry"></span> icon-blackberry
</li>
<li>
<span class="icon-bills"></span> icon-bills
</li>
<li>
<span class="icon-battery"></span> icon-battery
</li>
<li>
<span class="icon-battery-full"></span> icon-battery-full
</li>
<li>
<span class="icon-battery-empty"></span> icon-battery-empty
</li>
<li>
<span class="icon-battery-70"></span> icon-battery-70
</li>
<li>
<span class="icon-battery-20"></span> icon-battery-20
</li>
<li>
<span class="icon-barcode3"></span> icon-barcode3
</li>
<li>
<span class="icon-barcode2"></span> icon-barcode2
</li>
<li>
<span class="icon-barcode"></span> icon-barcode
</li>
<li>
<span class="icon-bandaid"></span> icon-bandaid
</li>
<li>
<span class="icon-balloons"></span> icon-balloons
</li>
<li>
<span class="icon-bag2"></span> icon-bag2
</li>
<li>
<span class="icon-bag"></span> icon-bag
</li>
<li>
<span class="icon-bag-shopping"></span> icon-bag-shopping
</li>
<li>
<span class="icon-bag-recycle"></span> icon-bag-recycle
</li>
<li>
<span class="icon-bag-lady"></span> icon-bag-lady
</li>
<li>
<span class="icon-arrow-up"></span> icon-arrow-up
</li>
<li>
<span class="icon-arrow-shuffle"></span> icon-arrow-shuffle
</li>
<li>
<span class="icon-arrow-right"></span> icon-arrow-right
</li>
<li>
<span class="icon-arrow-repeat"></span> icon-arrow-repeat
</li>
<li>
<span class="icon-arrow-refresh4"></span> icon-arrow-refresh4
</li>
<li>
<span class="icon-arrow-refresh3"></span> icon-arrow-refresh3
</li>
<li>
<span class="icon-arrow-refresh2"></span> icon-arrow-refresh2
</li>
<li>
<span class="icon-arrow-refresh"></span> icon-arrow-refresh
</li>
<li>
<span class="icon-arrow-recycle"></span> icon-arrow-recycle
</li>
<li>
<span class="icon-arrow-left"></span> icon-arrow-left
</li>
<li>
<span class="icon-arrow-down"></span> icon-arrow-down
</li>
<li>
<span class="icon-archive"></span> icon-archive
</li>
<li>
<span class="icon-applications"></span> icon-applications
</li>
<li>
<span class="icon-android2"></span> icon-android2
</li>
<li>
<span class="icon-android"></span> icon-android
</li>
<li>
<span class="icon-american-express"></span> icon-american-express
</li>
<li>
<span class="icon-alert2"></span> icon-alert2
</li>
<li>
<span class="icon-alert"></span> icon-alert
</li>
<li>
<span class="icon-alarm2"></span> icon-alarm2
</li>
<li>
<span class="icon-alarm"></span> icon-alarm
</li>
<li>
<span class="icon-alarm-clock"></span> icon-alarm-clock
</li>
<li>
<span class="icon-airplane"></span> icon-airplane
</li>
<li>
<span class="icon-admin2"></span> icon-admin2
</li>
<li>
<span class="icon-admin"></span> icon-admin
</li>
<li>
<span class="icon-acd"></span> icon-acd
</li>
<li>
<span class="icon-access-denied"></span> icon-access-denied
</li>
<li>
<span class="icon-abacus"></span> icon-abacus
</li>
</ul>
</div>
<div id="tab5" class="tab-pane">
<p class="alert alert-info mb40">Here you can find
<b>Octicons</b> icons. Required Classes:
<code>.octicon .octicon-ruby</code>
</p>
<ul class="icons-list octicon-list">
<li>
<span class="octicon octicon-alert"></span>octicon-alert
</li>
<li>
<span class="octicon octicon-alignment-align"></span>octicon-alignment-align
</li>
<li>
<span class="octicon octicon-alignment-aligned-to"></span>octicon-alignment-aligned-to
</li>
<li>
<span class="octicon octicon-alignment-unalign"></span>octicon-alignment-unalign
</li>
<li>
<span class="octicon octicon-arrow-down"></span>octicon-arrow-down
</li>
<li>
<span class="octicon octicon-arrow-left"></span>octicon-arrow-left
</li>
<li>
<span class="octicon octicon-arrow-right"></span>octicon-arrow-right
</li>
<li>
<span class="octicon octicon-arrow-small-down"></span>octicon-arrow-small-down
</li>
<li>
<span class="octicon octicon-arrow-small-left"></span>octicon-arrow-small-left
</li>
<li>
<span class="octicon octicon-arrow-small-right"></span>octicon-arrow-small-right
</li>
<li>
<span class="octicon octicon-arrow-small-up"></span>octicon-arrow-small-up
</li>
<li>
<span class="octicon octicon-arrow-up"></span>octicon-arrow-up
</li>
<li>
<span class="octicon octicon-beer"></span>octicon-beer
</li>
<li>
<span class="octicon octicon-book"></span>octicon-book
</li>
<li>
<span class="octicon octicon-bookmark"></span>octicon-bookmark
</li>
<li>
<span class="octicon octicon-briefcase"></span>octicon-briefcase
</li>
<li>
<span class="octicon octicon-broadcast"></span>octicon-broadcast
</li>
<li>
<span class="octicon octicon-browser"></span>octicon-browser
</li>
<li>
<span class="octicon octicon-bug"></span>octicon-bug
</li>
<li>
<span class="octicon octicon-calendar"></span>octicon-calendar
</li>
<li>
<span class="octicon octicon-check"></span>octicon-check
</li>
<li>
<span class="octicon octicon-checklist"></span>octicon-checklist
</li>
<li>
<span class="octicon octicon-chevron-down"></span>octicon-chevron-down
</li>
<li>
<span class="octicon octicon-chevron-left"></span>octicon-chevron-left
</li>
<li>
<span class="octicon octicon-chevron-right"></span>octicon-chevron-right
</li>
<li>
<span class="octicon octicon-chevron-up"></span>octicon-chevron-up
</li>
<li>
<span class="octicon octicon-circle-slash"></span>octicon-circle-slash
</li>
<li>
<span class="octicon octicon-circuit-board"></span>octicon-circuit-board
</li>
<li>
<span class="octicon octicon-clippy"></span>octicon-clippy
</li>
<li>
<span class="octicon octicon-clock"></span>octicon-clock
</li>
<li>
<span class="octicon octicon-cloud-download"></span>octicon-cloud-download
</li>
<li>
<span class="octicon octicon-cloud-upload"></span>octicon-cloud-upload
</li>
<li>
<span class="octicon octicon-code"></span>octicon-code
</li>
<li>
<span class="octicon octicon-color-mode"></span>octicon-color-mode
</li>
<li>
<span class="octicon octicon-comment"></span>octicon-comment
</li>
<li>
<span class="octicon octicon-comment-discussion"></span>octicon-comment-discussion
</li>
<li>
<span class="octicon octicon-credit-card"></span>octicon-credit-card
</li>
<li>
<span class="octicon octicon-dash"></span>octicon-dash
</li>
<li>
<span class="octicon octicon-dashboard"></span>octicon-dashboard
</li>
<li>
<span class="octicon octicon-database"></span>octicon-database
</li>
<li>
<span class="octicon octicon-device-camera"></span>octicon-device-camera
</li>
<li>
<span class="octicon octicon-device-camera-video"></span>octicon-device-camera-video
</li>
<li>
<span class="octicon octicon-device-desktop"></span>octicon-device-desktop
</li>
<li>
<span class="octicon octicon-device-mobile"></span>octicon-device-mobile
</li>
<li>
<span class="octicon octicon-diff"></span>octicon-diff
</li>
<li>
<span class="octicon octicon-diff-added"></span>octicon-diff-added
</li>
<li>
<span class="octicon octicon-diff-ignored"></span>octicon-diff-ignored
</li>
<li>
<span class="octicon octicon-diff-modified"></span>octicon-diff-modified
</li>
<li>
<span class="octicon octicon-diff-removed"></span>octicon-diff-removed
</li>
<li>
<span class="octicon octicon-diff-renamed"></span>octicon-diff-renamed
</li>
<li>
<span class="octicon octicon-ellipsis"></span>octicon-ellipsis
</li>
<li>
<span class="octicon octicon-eye"></span>octicon-eye
</li>
<li>
<span class="octicon octicon-file-binary"></span>octicon-file-binary
</li>
<li>
<span class="octicon octicon-file-code"></span>octicon-file-code
</li>
<li>
<span class="octicon octicon-file-directory"></span>octicon-file-directory
</li>
<li>
<span class="octicon octicon-file-media"></span>octicon-file-media
</li>
<li>
<span class="octicon octicon-file-pdf"></span>octicon-file-pdf
</li>
<li>
<span class="octicon octicon-file-submodule"></span>octicon-file-submodule
</li>
<li>
<span class="octicon octicon-file-symlink-directory"></span>octicon-file-symlink-directory
</li>
<li>
<span class="octicon octicon-file-symlink-file"></span>octicon-file-symlink-file
</li>
<li>
<span class="octicon octicon-file-text"></span>octicon-file-text
</li>
<li>
<span class="octicon octicon-file-zip"></span>octicon-file-zip
</li>
<li>
<span class="octicon octicon-flame"></span>octicon-flame
</li>
<li>
<span class="octicon octicon-fold"></span>octicon-fold
</li>
<li>
<span class="octicon octicon-gear"></span>octicon-gear
</li>
<li>
<span class="octicon octicon-gift"></span>octicon-gift
</li>
<li>
<span class="octicon octicon-gist"></span>octicon-gist
</li>
<li>
<span class="octicon octicon-gist-secret"></span>octicon-gist-secret
</li>
<li>
<span class="octicon octicon-git-branch"></span>octicon-git-branch
</li>
<li>
<span class="octicon octicon-git-commit"></span>octicon-git-commit
</li>
<li>
<span class="octicon octicon-git-compare"></span>octicon-git-compare
</li>
<li>
<span class="octicon octicon-git-merge"></span>octicon-git-merge
</li>
<li>
<span class="octicon octicon-git-pull-request"></span>octicon-git-pull-request
</li>
<li>
<span class="octicon octicon-globe"></span>octicon-globe
</li>
<li>
<span class="octicon octicon-graph"></span>octicon-graph
</li>
<li>
<span class="octicon octicon-heart"></span>octicon-heart
</li>
<li>
<span class="octicon octicon-history"></span>octicon-history
</li>
<li>
<span class="octicon octicon-home"></span>octicon-home
</li>
<li>
<span class="octicon octicon-horizontal-rule"></span>octicon-horizontal-rule
</li>
<li>
<span class="octicon octicon-hourglass"></span>octicon-hourglass
</li>
<li>
<span class="octicon octicon-hubot"></span>octicon-hubot
</li>
<li>
<span class="octicon octicon-inbox"></span>octicon-inbox
</li>
<li>
<span class="octicon octicon-info"></span>octicon-info
</li>
<li>
<span class="octicon octicon-issue-closed"></span>octicon-issue-closed
</li>
<li>
<span class="octicon octicon-issue-opened"></span>octicon-issue-opened
</li>
<li>
<span class="octicon octicon-issue-reopened"></span>octicon-issue-reopened
</li>
<li>
<span class="octicon octicon-jersey"></span>octicon-jersey
</li>
<li>
<span class="octicon octicon-jump-down"></span>octicon-jump-down
</li>
<li>
<span class="octicon octicon-jump-left"></span>octicon-jump-left
</li>
<li>
<span class="octicon octicon-jump-right"></span>octicon-jump-right
</li>
<li>
<span class="octicon octicon-jump-up"></span>octicon-jump-up
</li>
<li>
<span class="octicon octicon-key"></span>octicon-key
</li>
<li>
<span class="octicon octicon-keyboard"></span>octicon-keyboard
</li>
<li>
<span class="octicon octicon-law"></span>octicon-law
</li>
<li>
<span class="octicon octicon-light-bulb"></span>octicon-light-bulb
</li>
<li>
<span class="octicon octicon-link"></span>octicon-link
</li>
<li>
<span class="octicon octicon-link-external"></span>octicon-link-external
</li>
<li>
<span class="octicon octicon-list-ordered"></span>octicon-list-ordered
</li>
<li>
<span class="octicon octicon-list-unordered"></span>octicon-list-unordered
</li>
<li>
<span class="octicon octicon-location"></span>octicon-location
</li>
<li>
<span class="octicon octicon-lock"></span>octicon-lock
</li>
<li>
<span class="octicon octicon-logo-github"></span>octicon-logo-github
</li>
<li>
<span class="octicon octicon-mail"></span>octicon-mail
</li>
<li>
<span class="octicon octicon-mail-read"></span>octicon-mail-read
</li>
<li>
<span class="octicon octicon-mail-reply"></span>octicon-mail-reply
</li>
<li>
<span class="octicon octicon-mark-github"></span>octicon-mark-github
</li>
<li>
<span class="octicon octicon-markdown"></span>octicon-markdown
</li>
<li>
<span class="octicon octicon-megaphone"></span>octicon-megaphone
</li>
<li>
<span class="octicon octicon-mention"></span>octicon-mention
</li>
<li>
<span class="octicon octicon-microscope"></span>octicon-microscope
</li>
<li>
<span class="octicon octicon-milestone"></span>octicon-milestone
</li>
<li>
<span class="octicon octicon-mirror"></span>octicon-mirror
</li>
<li>
<span class="octicon octicon-mortar-board"></span>octicon-mortar-board
</li>
<li>
<span class="octicon octicon-move-down"></span>octicon-move-down
</li>
<li>
<span class="octicon octicon-move-left"></span>octicon-move-left
</li>
<li>
<span class="octicon octicon-move-right"></span>octicon-move-right
</li>
<li>
<span class="octicon octicon-move-up"></span>octicon-move-up
</li>
<li>
<span class="octicon octicon-mute"></span>octicon-mute
</li>
<li>
<span class="octicon octicon-no-newline"></span>octicon-no-newline
</li>
<li>
<span class="octicon octicon-octoface"></span>octicon-octoface
</li>
<li>
<span class="octicon octicon-organization"></span>octicon-organization
</li>
<li>
<span class="octicon octicon-package"></span>octicon-package
</li>
<li>
<span class="octicon octicon-paintcan"></span>octicon-paintcan
</li>
<li>
<span class="octicon octicon-pencil"></span>octicon-pencil
</li>
<li>
<span class="octicon octicon-person"></span>octicon-person
</li>
<li>
<span class="octicon octicon-pin"></span>octicon-pin
</li>
<li>
<span class="octicon octicon-playback-fast-forward"></span>octicon-playback-fast-forward
</li>
<li>
<span class="octicon octicon-playback-pause"></span>octicon-playback-pause
</li>
<li>
<span class="octicon octicon-playback-play"></span>octicon-playback-play
</li>
<li>
<span class="octicon octicon-playback-rewind"></span>octicon-playback-rewind
</li>
<li>
<span class="octicon octicon-plug"></span>octicon-plug
</li>
<li>
<span class="octicon octicon-plus"></span>octicon-plus
</li>
<li>
<span class="octicon octicon-podium"></span>octicon-podium
</li>
<li>
<span class="octicon octicon-primitive-dot"></span>octicon-primitive-dot
</li>
<li>
<span class="octicon octicon-primitive-square"></span>octicon-primitive-square
</li>
<li>
<span class="octicon octicon-pulse"></span>octicon-pulse
</li>
<li>
<span class="octicon octicon-puzzle"></span>octicon-puzzle
</li>
<li>
<span class="octicon octicon-question"></span>octicon-question
</li>
<li>
<span class="octicon octicon-quote"></span>octicon-quote
</li>
<li>
<span class="octicon octicon-radio-tower"></span>octicon-radio-tower
</li>
<li>
<span class="octicon octicon-repo"></span>octicon-repo
</li>
<li>
<span class="octicon octicon-repo-clone"></span>octicon-repo-clone
</li>
<li>
<span class="octicon octicon-repo-force-push"></span>octicon-repo-force-push
</li>
<li>
<span class="octicon octicon-repo-forked"></span>octicon-repo-forked
</li>
<li>
<span class="octicon octicon-repo-pull"></span>octicon-repo-pull
</li>
<li>
<span class="octicon octicon-repo-push"></span>octicon-repo-push
</li>
<li>
<span class="octicon octicon-rocket"></span>octicon-rocket
</li>
<li>
<span class="octicon octicon-rss"></span>octicon-rss
</li>
<li>
<span class="octicon octicon-ruby"></span>octicon-ruby
</li>
<li>
<span class="octicon octicon-screen-full"></span>octicon-screen-full
</li>
<li>
<span class="octicon octicon-screen-normal"></span>octicon-screen-normal
</li>
<li>
<span class="octicon octicon-search"></span>octicon-search
</li>
<li>
<span class="octicon octicon-server"></span>octicon-server
</li>
<li>
<span class="octicon octicon-settings"></span>octicon-settings
</li>
<li>
<span class="octicon octicon-sign-in"></span>octicon-sign-in
</li>
<li>
<span class="octicon octicon-sign-out"></span>octicon-sign-out
</li>
<li>
<span class="octicon octicon-split"></span>octicon-split
</li>
<li>
<span class="octicon octicon-squirrel"></span>octicon-squirrel
</li>
<li>
<span class="octicon octicon-star"></span>octicon-star
</li>
<li>
<span class="octicon octicon-steps"></span>octicon-steps
</li>
<li>
<span class="octicon octicon-stop"></span>octicon-stop
</li>
<li>
<span class="octicon octicon-sync"></span>octicon-sync
</li>
<li>
<span class="octicon octicon-tag"></span>octicon-tag
</li>
<li>
<span class="octicon octicon-telescope"></span>octicon-telescope
</li>
<li>
<span class="octicon octicon-terminal"></span>octicon-terminal
</li>
<li>
<span class="octicon octicon-three-bars"></span>octicon-three-bars
</li>
<li>
<span class="octicon octicon-thumbsdown"></span>octicon-thumbsdown
</li>
<li>
<span class="octicon octicon-thumbsup"></span>octicon-thumbsup
</li>
<li>
<span class="octicon octicon-tools"></span>octicon-tools
</li>
<li>
<span class="octicon octicon-trashcan"></span>octicon-trashcan
</li>
<li>
<span class="octicon octicon-triangle-down"></span>octicon-triangle-down
</li>
<li>
<span class="octicon octicon-triangle-left"></span>octicon-triangle-left
</li>
<li>
<span class="octicon octicon-triangle-right"></span>octicon-triangle-right
</li>
<li>
<span class="octicon octicon-triangle-up"></span>octicon-triangle-up
</li>
<li>
<span class="octicon octicon-unfold"></span>octicon-unfold
</li>
<li>
<span class="octicon octicon-unmute"></span>octicon-unmute
</li>
<li>
<span class="octicon octicon-versions"></span>octicon-versions
</li>
<li>
<span class="octicon octicon-x"></span>octicon-x
</li>
<li>
<span class="octicon octicon-zap"></span>octicon-zap
</li>
</ul>
</div>
<div id="tab6" class="tab-pane">
<p class="alert alert-info mb40">Here you can find
<b>StateFace</b> icons. Required Classes:
<code>.stateface .stateface-mo</code>
</p>
<ul class="icons-list stateface-list">
<li>
<span class="stateface stateface-mo"></span> stateface-mo
</li>
<li>
<span class="stateface stateface-ak"></span>stateface-ak
</li>
<li>
<span class="stateface stateface-al"></span>stateface-al
</li>
<li>
<span class="stateface stateface-ar"></span>stateface-ar
</li>
<li>
<span class="stateface stateface-az"></span>stateface-az
</li>
<li>
<span class="stateface stateface-ca"></span>stateface-ca
</li>
<li>
<span class="stateface stateface-co"></span>stateface-co
</li>
<li>
<span class="stateface stateface-ct"></span>stateface-ct
</li>
<li>
<span class="stateface stateface-dc"></span>stateface-dc
</li>
<li>
<span class="stateface stateface-de"></span>stateface-de
</li>
<li>
<span class="stateface stateface-fl"></span>stateface-fl
</li>
<li>
<span class="stateface stateface-ga"></span>stateface-ga
</li>
<li>
<span class="stateface stateface-hi"></span>stateface-hi
</li>
<li>
<span class="stateface stateface-ia"></span>stateface-ia
</li>
<li>
<span class="stateface stateface-id"></span>stateface-id
</li>
<li>
<span class="stateface stateface-il"></span>stateface-il
</li>
<li>
<span class="stateface stateface-in"></span>stateface-in
</li>
<li>
<span class="stateface stateface-ks"></span>stateface-ks
</li>
<li>
<span class="stateface stateface-ky"></span>stateface-ky
</li>
<li>
<span class="stateface stateface-la"></span>stateface-la
</li>
<li>
<span class="stateface stateface-ma"></span>stateface-ma
</li>
<li>
<span class="stateface stateface-md"></span>stateface-md
</li>
<li>
<span class="stateface stateface-me"></span>stateface-me
</li>
<li>
<span class="stateface stateface-mi"></span>stateface-mi
</li>
<li>
<span class="stateface stateface-mn"></span>stateface-mn
</li>
<li>
<span class="stateface stateface-mo"></span>stateface-mo
</li>
<li>
<span class="stateface stateface-ms"></span>stateface-ms
</li>
<li>
<span class="stateface stateface-mt"></span>stateface-mt
</li>
<li>
<span class="stateface stateface-nc"></span>stateface-nc
</li>
<li>
<span class="stateface stateface-nd"></span>stateface-nd
</li>
<li>
<span class="stateface stateface-ne"></span>stateface-ne
</li>
<li>
<span class="stateface stateface-nh"></span>stateface-nh
</li>
<li>
<span class="stateface stateface-nj"></span>stateface-nj
</li>
<li>
<span class="stateface stateface-nm"></span>stateface-nm
</li>
<li>
<span class="stateface stateface-nv"></span>stateface-nv
</li>
<li>
<span class="stateface stateface-ny"></span>stateface-ny
</li>
<li>
<span class="stateface stateface-oh"></span>stateface-oh
</li>
<li>
<span class="stateface stateface-ok"></span>stateface-ok
</li>
<li>
<span class="stateface stateface-or"></span>stateface-or
</li>
<li>
<span class="stateface stateface-pa"></span>stateface-pa
</li>
<li>
<span class="stateface stateface-pr"></span>stateface-pr
</li>
<li>
<span class="stateface stateface-ri"></span>stateface-ri
</li>
<li>
<span class="stateface stateface-sc"></span>stateface-sc
</li>
<li>
<span class="stateface stateface-sd"></span>stateface-sd
</li>
<li>
<span class="stateface stateface-tn"></span>stateface-tn
</li>
<li>
<span class="stateface stateface-tx"></span>stateface-tx
</li>
<li>
<span class="stateface stateface-us"></span>stateface-us
</li>
<li>
<span class="stateface stateface-ut"></span>stateface-ut
</li>
<li>
<span class="stateface stateface-va"></span>stateface-va
</li>
<li>
<span class="stateface stateface-vt"></span>stateface-vt
</li>
<li>
<span class="stateface stateface-wa"></span>stateface-wa
</li>
<li>
<span class="stateface stateface-wi"></span>stateface-wi
</li>
<li>
<span class="stateface stateface-wv"></span>stateface-wv
</li>
<li>
<span class="stateface stateface-wy"></span>stateface-wy
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- -------------- /Content -------------- -->
<!-- -------------- Sidebar Right -------------- -->
<aside id="sidebar_right" class="nano affix">
<!-- -------------- Sidebar Right Content -------------- -->
<div class="sidebar-right-wrapper nano-content">
<div class="sidebar-block br-n p15">
<h6 class="title-divider text-muted mb20"> Visitors Stats
<span class="pull-right"> 2015
<i class="fa fa-caret-down ml5"></i>
</span>
</h6>
<div class="progress mh5">
<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="34"
aria-valuemin="0"
aria-valuemax="100" style="width: 34%">
<span class="fs11">New visitors</span>
</div>
</div>
<div class="progress mh5">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="66"
aria-valuemin="0"
aria-valuemax="100" style="width: 66%">
<span class="fs11 text-left">Returnig visitors</span>
</div>
</div>
<div class="progress mh5">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45"
aria-valuemin="0"
aria-valuemax="100" style="width: 45%">
<span class="fs11 text-left">Orders</span>
</div>
</div>
<h6 class="title-divider text-muted mt30 mb10">New visitors</h6>
<div class="row">
<div class="col-xs-5">
<h3 class="text-primary mn pl5">350</h3>
</div>
<div class="col-xs-7 text-right">
<h3 class="text-warning mn">
<i class="fa fa-caret-down"></i> 15.7% </h3>
</div>
</div>
<h6 class="title-divider text-muted mt25 mb10">Returnig visitors</h6>
<div class="row">
<div class="col-xs-5">
<h3 class="text-primary mn pl5">660</h3>
</div>
<div class="col-xs-7 text-right">
<h3 class="text-success-dark mn">
<i class="fa fa-caret-up"></i> 20.2% </h3>
</div>
</div>
<h6 class="title-divider text-muted mt25 mb10">Orders</h6>
<div class="row">
<div class="col-xs-5">
<h3 class="text-primary mn pl5">153</h3>
</div>
<div class="col-xs-7 text-right">
<h3 class="text-success mn">
<i class="fa fa-caret-up"></i> 5.3% </h3>
</div>
</div>
<h6 class="title-divider text-muted mt40 mb20"> Site Statistics
<span class="pull-right text-primary fw600">Today</span>
</h6>
</div>
</div>
</aside>
<!-- -------------- /Sidebar Right -------------- -->
</section>
</div>
<!-- -------------- /Body Wrap -------------- -->
<!-- -------------- Scripts -------------- -->
<!-- -------------- jQuery -------------- -->
<script src="assets/js/jquery/jquery-1.11.3.min.js"></script>
<script src="assets/js/jquery/jquery_ui/jquery-ui.min.js"></script>
<!-- -------------- HighCharts Plugin -------------- -->
<script src="assets/js/plugins/highcharts/highcharts.js"></script>
<!-- -------------- Theme Scripts -------------- -->
<script src="assets/js/utility/utility.js"></script>
<script src="assets/js/demo/demo.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/demo/widgets_sidebar.js"></script>
<script src="assets/js/pages/user-interface-icons.js"></script>
</body>
<!-- Mirrored from alliance-html.themerex.net/user-interface-icons.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 02 Apr 2016 08:06:04 GMT -->
</html>