diff --git a/pages/blank.html b/pages/blank.html
index b1bdf7bf02cebb1d283e28c679b179b758221793..b7cf916aecb243403891c8952a2a55a58c338f2d 100644
--- a/pages/blank.html
+++ b/pages/blank.html
@@ -52,7 +52,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -103,7 +103,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -182,7 +182,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -242,7 +242,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
diff --git a/pages/buttons.html b/pages/buttons.html
index a4d1f76c22c26882232bd5a754e5ace34f941391..d1fd1511a39a30327e689c591f00d59dad8c03ac 100644
--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -55,7 +55,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -106,7 +106,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -185,7 +185,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -245,7 +245,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
diff --git a/pages/flot.html b/pages/flot.html
index 31d916666be30b26fd6d455791b3579983a88476..53cc77504f9072909d4aebd729ec275eef8f835d 100644
--- a/pages/flot.html
+++ b/pages/flot.html
@@ -55,7 +55,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -106,7 +106,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -185,7 +185,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -245,7 +245,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
diff --git a/pages/forms.html b/pages/forms.html
index 1e0eeadcb3fa00c8206ef6f8827c0bba81ed24f5..7de7222028b45e392aec52c74dbcc12cea9615f7 100644
--- a/pages/forms.html
+++ b/pages/forms.html
@@ -52,7 +52,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -103,7 +103,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -182,7 +182,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -242,7 +242,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
diff --git a/pages/grid.html b/pages/grid.html
index d3c76f5d39e12eff0b27feaa99bee7d4eba93d6a..6bfcbe5cf556adbb8dfa9b9cbe0eaec14407500e 100644
--- a/pages/grid.html
+++ b/pages/grid.html
@@ -52,7 +52,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -103,7 +103,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -182,7 +182,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -242,7 +242,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
@@ -691,4 +691,3 @@
</body>
</html>
-
diff --git a/pages/icons.html b/pages/icons.html
index a7dc4a9f791bf52737e5eaf52a2e4225c6f34fee..a66ecd38295b6238f657e56aae43432b92941b5c 100644
--- a/pages/icons.html
+++ b/pages/icons.html
@@ -36,1163 +36,1925 @@
<div id="wrapper">
- <!-- Navigation -->
- <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="index.html">SB Admin v2.0</a>
- </div>
- <!-- /.navbar-header -->
+ <!-- Navigation -->
+ <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="index.html">SB Admin v2.0</a>
+ </div>
+ <!-- /.navbar-header -->
- <ul class="nav navbar-top-links navbar-right">
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
- </a>
- <ul class="dropdown-menu dropdown-messages">
- <li>
- <a href="#">
- <div>
- <strong>John Smith</strong>
- <span class="pull-right text-muted">
+ <ul class="nav navbar-top-links navbar-right">
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu dropdown-messages">
+ <li>
+ <a href="#">
+ <div>
+ <strong>John Smith</strong>
+ <span class="pull-right text-muted">
<em>Yesterday</em>
</span>
- </div>
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <strong>John Smith</strong>
- <span class="pull-right text-muted">
+ </div>
+ <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a href="#">
+ <div>
+ <strong>John Smith</strong>
+ <span class="pull-right text-muted">
<em>Yesterday</em>
</span>
- </div>
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <strong>John Smith</strong>
- <span class="pull-right text-muted">
+ </div>
+ <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a href="#">
+ <div>
+ <strong>John Smith</strong>
+ <span class="pull-right text-muted">
<em>Yesterday</em>
</span>
- </div>
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a class="text-center" href="#">
- <strong>Read All Messages</strong>
- <i class="fa fa-angle-right"></i>
- </a>
- </li>
- </ul>
- <!-- /.dropdown-messages -->
- </li>
- <!-- /.dropdown -->
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
- </a>
- <ul class="dropdown-menu dropdown-tasks">
- <li>
- <a href="#">
- <div>
- <p>
- <strong>Task 1</strong>
- <span class="pull-right text-muted">40% Complete</span>
- </p>
- <div class="progress progress-striped active">
- <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
- <span class="sr-only">40% Complete (success)</span>
- </div>
- </div>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <p>
- <strong>Task 2</strong>
- <span class="pull-right text-muted">20% Complete</span>
- </p>
- <div class="progress progress-striped active">
- <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
- <span class="sr-only">20% Complete</span>
- </div>
- </div>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <p>
- <strong>Task 3</strong>
- <span class="pull-right text-muted">60% Complete</span>
- </p>
- <div class="progress progress-striped active">
- <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
- <span class="sr-only">60% Complete (warning)</span>
- </div>
- </div>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <p>
- <strong>Task 4</strong>
- <span class="pull-right text-muted">80% Complete</span>
- </p>
- <div class="progress progress-striped active">
- <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
- <span class="sr-only">80% Complete (danger)</span>
- </div>
- </div>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a class="text-center" href="#">
- <strong>See All Tasks</strong>
- <i class="fa fa-angle-right"></i>
- </a>
- </li>
- </ul>
- <!-- /.dropdown-tasks -->
- </li>
- <!-- /.dropdown -->
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
- </a>
- <ul class="dropdown-menu dropdown-alerts">
- <li>
- <a href="#">
- <div>
- <i class="fa fa-comment fa-fw"></i> New Comment
- <span class="pull-right text-muted small">4 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <i class="fa fa-twitter fa-fw"></i> 3 New Followers
- <span class="pull-right text-muted small">12 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <i class="fa fa-envelope fa-fw"></i> Message Sent
- <span class="pull-right text-muted small">4 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <i class="fa fa-tasks fa-fw"></i> New Task
- <span class="pull-right text-muted small">4 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <i class="fa fa-upload fa-fw"></i> Server Rebooted
- <span class="pull-right text-muted small">4 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a class="text-center" href="#">
- <strong>See All Alerts</strong>
- <i class="fa fa-angle-right"></i>
- </a>
- </li>
- </ul>
- <!-- /.dropdown-alerts -->
- </li>
- <!-- /.dropdown -->
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
- </a>
- <ul class="dropdown-menu dropdown-user">
- <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
- </li>
- <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
- </li>
- <li class="divider"></li>
- <li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
- </li>
- </ul>
- <!-- /.dropdown-user -->
- </li>
- <!-- /.dropdown -->
- </ul>
- <!-- /.navbar-top-links -->
-
- <div class="navbar-default sidebar" role="navigation">
- <div class="sidebar-nav navbar-collapse">
- <ul class="nav" id="side-menu">
- <li class="sidebar-search">
- <div class="input-group custom-search-form">
- <input type="text" class="form-control" placeholder="Search...">
- <span class="input-group-btn">
- <button class="btn btn-default" type="button">
- <i class="fa fa-search"></i>
- </button>
- </span>
- </div>
- <!-- /input-group -->
- </li>
- <li>
- <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
+ </div>
+ <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a class="text-center" href="#">
+ <strong>Read All Messages</strong>
+ <i class="fa fa-angle-right"></i>
+ </a>
+ </li>
+ </ul>
+ <!-- /.dropdown-messages -->
</li>
- <li>
- <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
- <ul class="nav nav-second-level">
+ <!-- /.dropdown -->
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu dropdown-tasks">
<li>
- <a href="flot.html">Flot Charts</a>
+ <a href="#">
+ <div>
+ <p>
+ <strong>Task 1</strong>
+ <span class="pull-right text-muted">40% Complete</span>
+ </p>
+ <div class="progress progress-striped active">
+ <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
+ <span class="sr-only">40% Complete (success)</span>
+ </div>
+ </div>
+ </div>
+ </a>
</li>
+ <li class="divider"></li>
<li>
- <a href="morris.html">Morris.js Charts</a>
+ <a href="#">
+ <div>
+ <p>
+ <strong>Task 2</strong>
+ <span class="pull-right text-muted">20% Complete</span>
+ </p>
+ <div class="progress progress-striped active">
+ <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
+ <span class="sr-only">20% Complete</span>
+ </div>
+ </div>
+ </div>
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a href="#">
+ <div>
+ <p>
+ <strong>Task 3</strong>
+ <span class="pull-right text-muted">60% Complete</span>
+ </p>
+ <div class="progress progress-striped active">
+ <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
+ <span class="sr-only">60% Complete (warning)</span>
+ </div>
+ </div>
+ </div>
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a href="#">
+ <div>
+ <p>
+ <strong>Task 4</strong>
+ <span class="pull-right text-muted">80% Complete</span>
+ </p>
+ <div class="progress progress-striped active">
+ <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
+ <span class="sr-only">80% Complete (danger)</span>
+ </div>
+ </div>
+ </div>
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a class="text-center" href="#">
+ <strong>See All Tasks</strong>
+ <i class="fa fa-angle-right"></i>
+ </a>
</li>
</ul>
- <!-- /.nav-second-level -->
- </li>
- <li>
- <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>
+ <!-- /.dropdown-tasks -->
</li>
- <li>
- <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
- </li>
- <li>
- <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
- <ul class="nav nav-second-level">
+ <!-- /.dropdown -->
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu dropdown-alerts">
<li>
- <a href="panels-wells.html">Panels and Wells</a>
+ <a href="#">
+ <div>
+ <i class="fa fa-comment fa-fw"></i> New Comment
+ <span class="pull-right text-muted small">4 minutes ago</span>
+ </div>
+ </a>
</li>
+ <li class="divider"></li>
<li>
- <a href="buttons.html">Buttons</a>
+ <a href="#">
+ <div>
+ <i class="fa fa-twitter fa-fw"></i> 3 New Followers
+ <span class="pull-right text-muted small">12 minutes ago</span>
+ </div>
+ </a>
</li>
+ <li class="divider"></li>
<li>
- <a href="notifications.html">Notifications</a>
+ <a href="#">
+ <div>
+ <i class="fa fa-envelope fa-fw"></i> Message Sent
+ <span class="pull-right text-muted small">4 minutes ago</span>
+ </div>
+ </a>
</li>
+ <li class="divider"></li>
<li>
- <a href="typography.html">Typography</a>
+ <a href="#">
+ <div>
+ <i class="fa fa-tasks fa-fw"></i> New Task
+ <span class="pull-right text-muted small">4 minutes ago</span>
+ </div>
+ </a>
</li>
+ <li class="divider"></li>
<li>
- <a href="icons.html"> Icons</a>
+ <a href="#">
+ <div>
+ <i class="fa fa-upload fa-fw"></i> Server Rebooted
+ <span class="pull-right text-muted small">4 minutes ago</span>
+ </div>
+ </a>
</li>
+ <li class="divider"></li>
<li>
- <a href="grid.html">Grid</a>
+ <a class="text-center" href="#">
+ <strong>See All Alerts</strong>
+ <i class="fa fa-angle-right"></i>
+ </a>
</li>
</ul>
- <!-- /.nav-second-level -->
+ <!-- /.dropdown-alerts -->
</li>
- <li>
- <a href="#"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
- <ul class="nav nav-second-level">
+ <!-- /.dropdown -->
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ </a>
+ <ul class="dropdown-menu dropdown-user">
+ <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
+ </li>
+ <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
+ </li>
+ <li class="divider"></li>
+ <li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
+ </li>
+ </ul>
+ <!-- /.dropdown-user -->
+ </li>
+ <!-- /.dropdown -->
+ </ul>
+ <!-- /.navbar-top-links -->
+
+ <div class="navbar-default sidebar" role="navigation">
+ <div class="sidebar-nav navbar-collapse">
+ <ul class="nav" id="side-menu">
+ <li class="sidebar-search">
+ <div class="input-group custom-search-form">
+ <input type="text" class="form-control" placeholder="Search...">
+ <span class="input-group-btn">
+ <button class="btn btn-default" type="button">
+ <i class="fa fa-search"></i>
+ </button>
+ </span>
+ </div>
+ <!-- /input-group -->
+ </li>
+ <li>
+ <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
+ </li>
+ <li>
+ <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
+ <ul class="nav nav-second-level">
+ <li>
+ <a href="flot.html">Flot Charts</a>
+ </li>
+ <li>
+ <a href="morris.html">Morris.js Charts</a>
+ </li>
+ </ul>
+ <!-- /.nav-second-level -->
+ </li>
<li>
- <a href="#">Second Level Item</a>
+ <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>
</li>
<li>
- <a href="#">Second Level Item</a>
+ <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>
</li>
<li>
- <a href="#">Third Level <span class="fa arrow"></span></a>
- <ul class="nav nav-third-level">
+ <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>
+ <ul class="nav nav-second-level">
<li>
- <a href="#">Third Level Item</a>
+ <a href="panels-wells.html">Panels and Wells</a>
</li>
<li>
- <a href="#">Third Level Item</a>
+ <a href="buttons.html">Buttons</a>
</li>
<li>
- <a href="#">Third Level Item</a>
+ <a href="notifications.html">Notifications</a>
</li>
<li>
- <a href="#">Third Level Item</a>
+ <a href="typography.html">Typography</a>
+ </li>
+ <li>
+ <a href="icons.html"> Icons</a>
+ </li>
+ <li>
+ <a href="grid.html">Grid</a>
</li>
</ul>
- <!-- /.nav-third-level -->
+ <!-- /.nav-second-level -->
</li>
- </ul>
- <!-- /.nav-second-level -->
- </li>
- <li>
- <a href="#"><i class="fa fa-files-o fa-fw"></i> Sample Pages<span class="fa arrow"></span></a>
- <ul class="nav nav-second-level">
<li>
- <a href="blank.html">Blank Page</a>
+ <a href="#"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
+ <ul class="nav nav-second-level">
+ <li>
+ <a href="#">Second Level Item</a>
+ </li>
+ <li>
+ <a href="#">Second Level Item</a>
+ </li>
+ <li>
+ <a href="#">Third Level <span class="fa arrow"></span></a>
+ <ul class="nav nav-third-level">
+ <li>
+ <a href="#">Third Level Item</a>
+ </li>
+ <li>
+ <a href="#">Third Level Item</a>
+ </li>
+ <li>
+ <a href="#">Third Level Item</a>
+ </li>
+ <li>
+ <a href="#">Third Level Item</a>
+ </li>
+ </ul>
+ <!-- /.nav-third-level -->
+ </li>
+ </ul>
+ <!-- /.nav-second-level -->
</li>
<li>
- <a href="login.html">Login Page</a>
+ <a href="#"><i class="fa fa-files-o fa-fw"></i> Sample Pages<span class="fa arrow"></span></a>
+ <ul class="nav nav-second-level">
+ <li>
+ <a href="blank.html">Blank Page</a>
+ </li>
+ <li>
+ <a href="login.html">Login Page</a>
+ </li>
+ </ul>
+ <!-- /.nav-second-level -->
</li>
</ul>
- <!-- /.nav-second-level -->
- </li>
- </ul>
- </div>
- <!-- /.sidebar-collapse -->
- </div>
- <!-- /.navbar-static-side -->
- </nav>
+ </div>
+ <!-- /.sidebar-collapse -->
+ </div>
+ <!-- /.navbar-static-side -->
+ </nav>
- <div id="page-wrapper">
- <div class="row">
- <div class="col-lg-12">
- <h1 class="page-header">Icons</h1>
- </div>
- <!-- /.col-lg-12 -->
- </div>
- <!-- /.row -->
- <div class="row">
- <div class="col-lg-12">
- <div class="panel panel-default">
- <div class="panel-heading">
- All available icons (font-awesome)
+ <div id="page-wrapper">
+ <div class="row">
+ <div class="col-lg-12">
+ <h1 class="page-header">Icons</h1>
</div>
- <div class="panel-body">
- <div class="row">
- <div class="fa col-lg-3">
- <p class="fa fa-glass"> fa-glass </p><br/>
- <p class="fa fa-music"> fa-music </p><br/>
- <p class="fa fa-search"> fa-search </p><br/>
- <p class="fa fa-envelope-o"> fa-envelope-o </p><br/>
- <p class="fa fa-heart"> fa-heart </p><br/>
- <p class="fa fa-star"> fa-star </p><br/>
- <p class="fa fa-star-o"> fa-star-o </p><br/>
- <p class="fa fa-user"> fa-user </p><br/>
- <p class="fa fa-film"> fa-film </p><br/>
- <p class="fa fa-th-large"> fa-th-large </p><br/>
- <p class="fa fa-th"> fa-th </p><br/>
- <p class="fa fa-th-list"> fa-th-list </p><br/>
- <p class="fa fa-check"> fa-check </p><br/>
- <p class="fa fa-times"> fa-times </p><br/>
- <p class="fa fa-search-plus"> fa-search-plus </p><br/>
- <p class="fa fa-search-minus"> fa-search-minus </p><br/>
- <p class="fa fa-power-off"> fa-power-off </p><br/>
- <p class="fa fa-signal"> fa-signal </p><br/>
- <p class="fa fa-gear"> fa-gear </p><br/>
- <p class="fa fa-cog"> fa-cog </p><br/>
- <p class="fa fa-trash-o"> fa-trash-o </p><br/>
- <p class="fa fa-home"> fa-home </p><br/>
- <p class="fa fa-file-o"> fa-file-o </p><br/>
- <p class="fa fa-clock-o"> fa-clock-o </p><br/>
- <p class="fa fa-road"> fa-road </p><br/>
- <p class="fa fa-download"> fa-download </p><br/>
- <p class="fa fa-arrow-circle-o-down"> fa-arrow-circle-o-down </p><br/>
- <p class="fa fa-arrow-circle-o-up"> fa-arrow-circle-o-up </p><br/>
- <p class="fa fa-inbox"> fa-inbox </p><br/>
- <p class="fa fa-play-circle-o"> fa-play-circle-o </p><br/>
- <p class="fa fa-rotate-right"> fa-rotate-right </p><br/>
- <p class="fa fa-repeat"> fa-repeat </p><br/>
- <p class="fa fa-refresh"> fa-refresh </p><br/>
- <p class="fa fa-list-alt"> fa-list-alt </p><br/>
- <p class="fa fa-lock"> fa-lock </p><br/>
- <p class="fa fa-flag"> fa-flag </p><br/>
- <p class="fa fa-headphones"> fa-headphones </p><br/>
- <p class="fa fa-volume-off"> fa-volume-off </p><br/>
- <p class="fa fa-volume-down"> fa-volume-down </p><br/>
- <p class="fa fa-volume-up"> fa-volume-up </p><br/>
- <p class="fa fa-qrcode"> fa-qrcode </p><br/>
- <p class="fa fa-barcode"> fa-barcode </p><br/>
- <p class="fa fa-tag"> fa-tag </p><br/>
- <p class="fa fa-tags"> fa-tags </p><br/>
- <p class="fa fa-book"> fa-book </p><br/>
- <p class="fa fa-bookmark"> fa-bookmark </p><br/>
- <p class="fa fa-print"> fa-print </p><br/>
- <p class="fa fa-camera"> fa-camera </p><br/>
- <p class="fa fa-font"> fa-font </p><br/>
- <p class="fa fa-bold"> fa-bold </p><br/>
- <p class="fa fa-italic"> fa-italic </p><br/>
- <p class="fa fa-text-height"> fa-text-height </p><br/>
- <p class="fa fa-text-width"> fa-text-width </p><br/>
- <p class="fa fa-align-left"> fa-align-left </p><br/>
- <p class="fa fa-align-center"> fa-align-center </p><br/>
- <p class="fa fa-align-right"> fa-align-right </p><br/>
- <p class="fa fa-align-justify"> fa-align-justify </p><br/>
- <p class="fa fa-list"> fa-list </p><br/>
- <p class="fa fa-dedent"> fa-dedent </p><br/>
- <p class="fa fa-outdent"> fa-outdent </p><br/>
- <p class="fa fa-indent"> fa-indent </p><br/>
- <p class="fa fa-video-camera"> fa-video-camera </p><br/>
- <p class="fa fa-photo"> fa-photo </p><br/>
- <p class="fa fa-image"> fa-image </p><br/>
- <p class="fa fa-picture-o"> fa-picture-o </p><br/>
- <p class="fa fa-pencil"> fa-pencil </p><br/>
- <p class="fa fa-map-marker"> fa-map-marker </p><br/>
- <p class="fa fa-adjust"> fa-adjust </p><br/>
- <p class="fa fa-tint"> fa-tint </p><br/>
- <p class="fa fa-edit"> fa-edit </p><br/>
- <p class="fa fa-pencil-square-o"> fa-pencil-square-o </p><br/>
- <p class="fa fa-share-square-o"> fa-share-square-o </p><br/>
- <p class="fa fa-check-square-o"> fa-check-square-o </p><br/>
- <p class="fa fa-arrows"> fa-arrows </p><br/>
- <p class="fa fa-step-backward"> fa-step-backward </p><br/>
- <p class="fa fa-fast-backward"> fa-fast-backward </p><br/>
- <p class="fa fa-backward"> fa-backward </p><br/>
- <p class="fa fa-play"> fa-play </p><br/>
- <p class="fa fa-pause"> fa-pause </p><br/>
- <p class="fa fa-stop"> fa-stop </p><br/>
- <p class="fa fa-forward"> fa-forward </p><br/>
- <p class="fa fa-fast-forward"> fa-fast-forward </p><br/>
- <p class="fa fa-step-forward"> fa-step-forward </p><br/>
- <p class="fa fa-eject"> fa-eject </p><br/>
- <p class="fa fa-chevron-left"> fa-chevron-left </p><br/>
- <p class="fa fa-chevron-right"> fa-chevron-right </p><br/>
- <p class="fa fa-plus-circle"> fa-plus-circle </p><br/>
- <p class="fa fa-minus-circle"> fa-minus-circle </p><br/>
- <p class="fa fa-times-circle"> fa-times-circle </p><br/>
- <p class="fa fa-check-circle"> fa-check-circle </p><br/>
- <p class="fa fa-question-circle"> fa-question-circle </p><br/>
- <p class="fa fa-info-circle"> fa-info-circle </p><br/>
- <p class="fa fa-crosshairs"> fa-crosshairs </p><br/>
- <p class="fa fa-times-circle-o"> fa-times-circle-o </p><br/>
- <p class="fa fa-check-circle-o"> fa-check-circle-o </p><br/>
- <p class="fa fa-ban"> fa-ban </p><br/>
- <p class="fa fa-arrow-left"> fa-arrow-left </p><br/>
- <p class="fa fa-arrow-right"> fa-arrow-right </p><br/>
- <p class="fa fa-arrow-up"> fa-arrow-up </p><br/>
- <p class="fa fa-arrow-down"> fa-arrow-down </p><br/>
- <p class="fa fa-mail-forward"> fa-mail-forward </p><br/>
- <p class="fa fa-share"> fa-share </p><br/>
- <p class="fa fa-expand"> fa-expand </p><br/>
- <p class="fa fa-compress"> fa-compress </p><br/>
- <p class="fa fa-plus"> fa-plus </p><br/>
- <p class="fa fa-minus"> fa-minus </p><br/>
- <p class="fa fa-asterisk"> fa-asterisk </p><br/>
- <p class="fa fa-exclamation-circle"> fa-exclamation-circle </p><br/>
- <p class="fa fa-gift"> fa-gift </p><br/>
- <p class="fa fa-leaf"> fa-leaf </p><br/>
- <p class="fa fa-fire"> fa-fire </p><br/>
- <p class="fa fa-eye"> fa-eye </p><br/>
- <p class="fa fa-eye-slash"> fa-eye-slash </p><br/>
- <p class="fa fa-warning"> fa-warning </p><br/>
- <p class="fa fa-exclamation-triangle"> fa-exclamation-triangle </p><br/>
- <p class="fa fa-plane"> fa-plane </p><br/>
- <p class="fa fa-calendar"> fa-calendar </p><br/>
- <p class="fa fa-random"> fa-random </p><br/>
- <p class="fa fa-comment"> fa-comment </p><br/>
- <p class="fa fa-magnet"> fa-magnet </p><br/>
- <p class="fa fa-chevron-up"> fa-chevron-up </p><br/>
- <p class="fa fa-chevron-down"> fa-chevron-down </p><br/>
- <p class="fa fa-retweet"> fa-retweet </p><br/>
- <p class="fa fa-shopping-cart"> fa-shopping-cart </p><br/>
- <p class="fa fa-folder"> fa-folder </p><br/>
- <p class="fa fa-folder-open"> fa-folder-open </p><br/>
- </div>
- <!-- /.col-lg-6 (nested) -->
- <div class="fa col-lg-3">
- <p class="fa fa-arrows-v"> fa-arrows-v </p><br/>
- <p class="fa fa-arrows-h"> fa-arrows-h </p><br/>
- <p class="fa fa-bar-chart-o"> fa-bar-chart-o </p><br/>
- <p class="fa fa-twitter-square"> fa-twitter-square </p><br/>
- <p class="fa fa-facebook-square"> fa-facebook-square </p><br/>
- <p class="fa fa-camera-retro"> fa-camera-retro </p><br/>
- <p class="fa fa-key"> fa-key </p><br/>
- <p class="fa fa-gears"> fa-gears </p><br/>
- <p class="fa fa-cogs"> fa-cogs </p><br/>
- <p class="fa fa-comments"> fa-comments </p><br/>
- <p class="fa fa-thumbs-o-up"> fa-thumbs-o-up </p><br/>
- <p class="fa fa-thumbs-o-down"> fa-thumbs-o-down </p><br/>
- <p class="fa fa-star-half"> fa-star-half </p><br/>
- <p class="fa fa-heart-o"> fa-heart-o </p><br/>
- <p class="fa fa-sign-out"> fa-sign-out </p><br/>
- <p class="fa fa-linkedin-square"> fa-linkedin-square </p><br/>
- <p class="fa fa-thumb-tack"> fa-thumb-tack </p><br/>
- <p class="fa fa-external-link"> fa-external-link </p><br/>
- <p class="fa fa-sign-in"> fa-sign-in </p><br/>
- <p class="fa fa-trophy"> fa-trophy </p><br/>
- <p class="fa fa-github-square"> fa-github-square </p><br/>
- <p class="fa fa-upload"> fa-upload </p><br/>
- <p class="fa fa-lemon-o"> fa-lemon-o </p><br/>
- <p class="fa fa-phone"> fa-phone </p><br/>
- <p class="fa fa-square-o"> fa-square-o </p><br/>
- <p class="fa fa-bookmark-o"> fa-bookmark-o </p><br/>
- <p class="fa fa-phone-square"> fa-phone-square </p><br/>
- <p class="fa fa-twitter"> fa-twitter </p><br/>
- <p class="fa fa-facebook"> fa-facebook </p><br/>
- <p class="fa fa-github"> fa-github </p><br/>
- <p class="fa fa-unlock"> fa-unlock </p><br/>
- <p class="fa fa-credit-card"> fa-credit-card </p><br/>
- <p class="fa fa-rss"> fa-rss </p><br/>
- <p class="fa fa-hdd-o"> fa-hdd-o </p><br/>
- <p class="fa fa-bullhorn"> fa-bullhorn </p><br/>
- <p class="fa fa-bell"> fa-bell </p><br/>
- <p class="fa fa-certificate"> fa-certificate </p><br/>
- <p class="fa fa-hand-o-right"> fa-hand-o-right </p><br/>
- <p class="fa fa-hand-o-left"> fa-hand-o-left </p><br/>
- <p class="fa fa-hand-o-up"> fa-hand-o-up </p><br/>
- <p class="fa fa-hand-o-down"> fa-hand-o-down </p><br/>
- <p class="fa fa-arrow-circle-left"> fa-arrow-circle-left </p><br/>
- <p class="fa fa-arrow-circle-right"> fa-arrow-circle-right </p><br/>
- <p class="fa fa-arrow-circle-up"> fa-arrow-circle-up </p><br/>
- <p class="fa fa-arrow-circle-down"> fa-arrow-circle-down </p><br/>
- <p class="fa fa-globe"> fa-globe </p><br/>
- <p class="fa fa-wrench"> fa-wrench </p><br/>
- <p class="fa fa-tasks"> fa-tasks </p><br/>
- <p class="fa fa-filter"> fa-filter </p><br/>
- <p class="fa fa-briefcase"> fa-briefcase </p><br/>
- <p class="fa fa-arrows-alt"> fa-arrows-alt </p><br/>
- <p class="fa fa-group"> fa-group </p><br/>
- <p class="fa fa-users"> fa-users </p><br/>
- <p class="fa fa-chain"> fa-chain </p><br/>
- <p class="fa fa-link"> fa-link </p><br/>
- <p class="fa fa-cloud"> fa-cloud </p><br/>
- <p class="fa fa-flask"> fa-flask </p><br/>
- <p class="fa fa-cut"> fa-cut </p><br/>
- <p class="fa fa-scissors"> fa-scissors </p><br/>
- <p class="fa fa-copy"> fa-copy </p><br/>
- <p class="fa fa-files-o"> fa-files-o </p><br/>
- <p class="fa fa-paperclip"> fa-paperclip </p><br/>
- <p class="fa fa-save"> fa-save </p><br/>
- <p class="fa fa-floppy-o"> fa-floppy-o </p><br/>
- <p class="fa fa-square"> fa-square </p><br/>
- <p class="fa fa-navicon"> fa-navicon </p><br/>
- <p class="fa fa-reorder"> fa-reorder </p><br/>
- <p class="fa fa-bars"> fa-bars </p><br/>
- <p class="fa fa-list-ul"> fa-list-ul </p><br/>
- <p class="fa fa-list-ol"> fa-list-ol </p><br/>
- <p class="fa fa-strikethrough"> fa-strikethrough </p><br/>
- <p class="fa fa-underline"> fa-underline </p><br/>
- <p class="fa fa-table"> fa-table </p><br/>
- <p class="fa fa-magic"> fa-magic </p><br/>
- <p class="fa fa-truck"> fa-truck </p><br/>
- <p class="fa fa-pinterest"> fa-pinterest </p><br/>
- <p class="fa fa-pinterest-square"> fa-pinterest-square </p><br/>
- <p class="fa fa-google-plus-square"> fa-google-plus-square </p><br/>
- <p class="fa fa-google-plus"> fa-google-plus </p><br/>
- <p class="fa fa-money"> fa-money </p><br/>
- <p class="fa fa-caret-down"> fa-caret-down </p><br/>
- <p class="fa fa-caret-up"> fa-caret-up </p><br/>
- <p class="fa fa-caret-left"> fa-caret-left </p><br/>
- <p class="fa fa-caret-right"> fa-caret-right </p><br/>
- <p class="fa fa-columns"> fa-columns </p><br/>
- <p class="fa fa-unsorted"> fa-unsorted </p><br/>
- <p class="fa fa-sort"> fa-sort </p><br/>
- <p class="fa fa-sort-down"> fa-sort-down </p><br/>
- <p class="fa fa-sort-desc"> fa-sort-desc </p><br/>
- <p class="fa fa-sort-up"> fa-sort-up </p><br/>
- <p class="fa fa-sort-asc"> fa-sort-asc </p><br/>
- <p class="fa fa-envelope"> fa-envelope </p><br/>
- <p class="fa fa-linkedin"> fa-linkedin </p><br/>
- <p class="fa fa-rotate-left"> fa-rotate-left </p><br/>
- <p class="fa fa-undo"> fa-undo </p><br/>
- <p class="fa fa-legal"> fa-legal </p><br/>
- <p class="fa fa-gavel"> fa-gavel </p><br/>
- <p class="fa fa-dashboard"> fa-dashboard </p><br/>
- <p class="fa fa-tachometer"> fa-tachometer </p><br/>
- <p class="fa fa-comment-o"> fa-comment-o </p><br/>
- <p class="fa fa-comments-o"> fa-comments-o </p><br/>
- <p class="fa fa-flash"> fa-flash </p><br/>
- <p class="fa fa-bolt"> fa-bolt </p><br/>
- <p class="fa fa-sitemap"> fa-sitemap </p><br/>
- <p class="fa fa-umbrella"> fa-umbrella </p><br/>
- <p class="fa fa-paste"> fa-paste </p><br/>
- <p class="fa fa-clipboard"> fa-clipboard </p><br/>
- <p class="fa fa-lightbulb-o"> fa-lightbulb-o </p><br/>
- <p class="fa fa-exchange"> fa-exchange </p><br/>
- <p class="fa fa-cloud-download"> fa-cloud-download </p><br/>
- <p class="fa fa-cloud-upload"> fa-cloud-upload </p><br/>
- <p class="fa fa-user-md"> fa-user-md </p><br/>
- <p class="fa fa-stethoscope"> fa-stethoscope </p><br/>
- <p class="fa fa-suitcase"> fa-suitcase </p><br/>
- <p class="fa fa-bell-o"> fa-bell-o </p><br/>
- <p class="fa fa-coffee"> fa-coffee </p><br/>
- <p class="fa fa-cutlery"> fa-cutlery </p><br/>
- <p class="fa fa-file-text-o"> fa-file-text-o </p><br/>
- <p class="fa fa-building-o"> fa-building-o </p><br/>
- <p class="fa fa-hospital-o"> fa-hospital-o </p><br/>
- <p class="fa fa-ambulance"> fa-ambulance </p><br/>
- <p class="fa fa-medkit"> fa-medkit </p><br/>
- <p class="fa fa-fighter-jet"> fa-fighter-jet </p><br/>
- <p class="fa fa-beer"> fa-beer </p><br/>
- <p class="fa fa-h-square"> fa-h-square </p><br/>
- <p class="fa fa-plus-square"> fa-plus-square </p><br/>
- </div>
- <div class="fa col-lg-3">
- <p class="fa fa-angle-double-left"> fa-angle-double-left </p><br/>
- <p class="fa fa-angle-double-right"> fa-angle-double-right </p><br/>
- <p class="fa fa-angle-double-up"> fa-angle-double-up </p><br/>
- <p class="fa fa-angle-double-down"> fa-angle-double-down </p><br/>
- <p class="fa fa-angle-left"> fa-angle-left </p><br/>
- <p class="fa fa-angle-right"> fa-angle-right </p><br/>
- <p class="fa fa-angle-up"> fa-angle-up </p><br/>
- <p class="fa fa-angle-down"> fa-angle-down </p><br/>
- <p class="fa fa-desktop"> fa-desktop </p><br/>
- <p class="fa fa-laptop"> fa-laptop </p><br/>
- <p class="fa fa-tablet"> fa-tablet </p><br/>
- <p class="fa fa-mobile-phone"> fa-mobile-phone </p><br/>
- <p class="fa fa-mobile"> fa-mobile </p><br/>
- <p class="fa fa-circle-o"> fa-circle-o </p><br/>
- <p class="fa fa-quote-left"> fa-quote-left </p><br/>
- <p class="fa fa-quote-right"> fa-quote-right </p><br/>
- <p class="fa fa-spinner"> fa-spinner </p><br/>
- <p class="fa fa-circle"> fa-circle </p><br/>
- <p class="fa fa-mail-reply"> fa-mail-reply </p><br/>
- <p class="fa fa-reply"> fa-reply </p><br/>
- <p class="fa fa-github-alt"> fa-github-alt </p><br/>
- <p class="fa fa-folder-o"> fa-folder-o </p><br/>
- <p class="fa fa-folder-open-o"> fa-folder-open-o </p><br/>
- <p class="fa fa-smile-o"> fa-smile-o </p><br/>
- <p class="fa fa-frown-o"> fa-frown-o </p><br/>
- <p class="fa fa-meh-o"> fa-meh-o </p><br/>
- <p class="fa fa-gamepad"> fa-gamepad </p><br/>
- <p class="fa fa-keyboard-o"> fa-keyboard-o </p><br/>
- <p class="fa fa-flag-o"> fa-flag-o </p><br/>
- <p class="fa fa-flag-checkered"> fa-flag-checkered </p><br/>
- <p class="fa fa-terminal"> fa-terminal </p><br/>
- <p class="fa fa-code"> fa-code </p><br/>
- <p class="fa fa-mail-reply-all"> fa-mail-reply-all </p><br/>
- <p class="fa fa-reply-all"> fa-reply-all </p><br/>
- <p class="fa fa-star-half-empty"> fa-star-half-empty </p><br/>
- <p class="fa fa-star-half-full"> fa-star-half-full </p><br/>
- <p class="fa fa-star-half-o"> fa-star-half-o </p><br/>
- <p class="fa fa-location-arrow"> fa-location-arrow </p><br/>
- <p class="fa fa-crop"> fa-crop </p><br/>
- <p class="fa fa-code-fork"> fa-code-fork </p><br/>
- <p class="fa fa-unlink"> fa-unlink </p><br/>
- <p class="fa fa-chain-broken"> fa-chain-broken </p><br/>
- <p class="fa fa-question"> fa-question </p><br/>
- <p class="fa fa-info"> fa-info </p><br/>
- <p class="fa fa-exclamation"> fa-exclamation </p><br/>
- <p class="fa fa-superscript"> fa-superscript </p><br/>
- <p class="fa fa-subscript"> fa-subscript </p><br/>
- <p class="fa fa-eraser"> fa-eraser </p><br/>
- <p class="fa fa-puzzle-piece"> fa-puzzle-piece </p><br/>
- <p class="fa fa-microphone"> fa-microphone </p><br/>
- <p class="fa fa-microphone-slash"> fa-microphone-slash </p><br/>
- <p class="fa fa-shield"> fa-shield </p><br/>
- <p class="fa fa-calendar-o"> fa-calendar-o </p><br/>
- <p class="fa fa-fire-extinguisher"> fa-fire-extinguisher </p><br/>
- <p class="fa fa-rocket"> fa-rocket </p><br/>
- <p class="fa fa-maxcdn"> fa-maxcdn </p><br/>
- <p class="fa fa-chevron-circle-left"> fa-chevron-circle-left </p><br/>
- <p class="fa fa-chevron-circle-right"> fa-chevron-circle-right </p><br/>
- <p class="fa fa-chevron-circle-up"> fa-chevron-circle-up </p><br/>
- <p class="fa fa-chevron-circle-down"> fa-chevron-circle-down </p><br/>
- <p class="fa fa-html5"> fa-html5 </p><br/>
- <p class="fa fa-css3"> fa-css3 </p><br/>
- <p class="fa fa-anchor"> fa-anchor </p><br/>
- <p class="fa fa-unlock-alt"> fa-unlock-alt </p><br/>
- <p class="fa fa-bullseye"> fa-bullseye </p><br/>
- <p class="fa fa-ellipsis-h"> fa-ellipsis-h </p><br/>
- <p class="fa fa-ellipsis-v"> fa-ellipsis-v </p><br/>
- <p class="fa fa-rss-square"> fa-rss-square </p><br/>
- <p class="fa fa-play-circle"> fa-play-circle </p><br/>
- <p class="fa fa-ticket"> fa-ticket </p><br/>
- <p class="fa fa-minus-square"> fa-minus-square </p><br/>
- <p class="fa fa-minus-square-o"> fa-minus-square-o </p><br/>
- <p class="fa fa-level-up"> fa-level-up </p><br/>
- <p class="fa fa-level-down"> fa-level-down </p><br/>
- <p class="fa fa-check-square"> fa-check-square </p><br/>
- <p class="fa fa-pencil-square"> fa-pencil-square </p><br/>
- <p class="fa fa-external-link-square"> fa-external-link-square </p><br/>
- <p class="fa fa-share-square"> fa-share-square </p><br/>
- <p class="fa fa-compass"> fa-compass </p><br/>
- <p class="fa fa-toggle-down"> fa-toggle-down </p><br/>
- <p class="fa fa-caret-square-o-down"> fa-caret-square-o-down </p><br/>
- <p class="fa fa-toggle-up"> fa-toggle-up </p><br/>
- <p class="fa fa-caret-square-o-up"> fa-caret-square-o-up </p><br/>
- <p class="fa fa-toggle-right"> fa-toggle-right </p><br/>
- <p class="fa fa-caret-square-o-right"> fa-caret-square-o-right </p><br/>
- <p class="fa fa-euro"> fa-euro </p><br/>
- <p class="fa fa-eur"> fa-eur </p><br/>
- <p class="fa fa-gbp"> fa-gbp </p><br/>
- <p class="fa fa-dollar"> fa-dollar </p><br/>
- <p class="fa fa-usd"> fa-usd </p><br/>
- <p class="fa fa-rupee"> fa-rupee </p><br/>
- <p class="fa fa-inr"> fa-inr </p><br/>
- <p class="fa fa-cny"> fa-cny </p><br/>
- <p class="fa fa-rmb"> fa-rmb </p><br/>
- <p class="fa fa-yen"> fa-yen </p><br/>
- <p class="fa fa-jpy"> fa-jpy </p><br/>
- <p class="fa fa-ruble"> fa-ruble </p><br/>
- <p class="fa fa-rouble"> fa-rouble </p><br/>
- <p class="fa fa-rub"> fa-rub </p><br/>
- <p class="fa fa-won"> fa-won </p><br/>
- <p class="fa fa-krw"> fa-krw </p><br/>
- <p class="fa fa-bitcoin"> fa-bitcoin </p><br/>
- <p class="fa fa-btc"> fa-btc </p><br/>
- <p class="fa fa-file"> fa-file </p><br/>
- <p class="fa fa-file-text"> fa-file-text </p><br/>
- <p class="fa fa-sort-alpha-asc"> fa-sort-alpha-asc </p><br/>
- <p class="fa fa-sort-alpha-desc"> fa-sort-alpha-desc </p><br/>
- <p class="fa fa-sort-amount-asc"> fa-sort-amount-asc </p><br/>
- <p class="fa fa-sort-amount-desc"> fa-sort-amount-desc </p><br/>
- <p class="fa fa-sort-numeric-asc"> fa-sort-numeric-asc </p><br/>
- <p class="fa fa-sort-numeric-desc"> fa-sort-numeric-desc </p><br/>
- <p class="fa fa-thumbs-up"> fa-thumbs-up </p><br/>
- <p class="fa fa-thumbs-down"> fa-thumbs-down </p><br/>
- <p class="fa fa-youtube-square"> fa-youtube-square </p><br/>
- <p class="fa fa-youtube"> fa-youtube </p><br/>
- <p class="fa fa-xing"> fa-xing </p><br/>
- <p class="fa fa-xing-square"> fa-xing-square </p><br/>
- <p class="fa fa-youtube-play"> fa-youtube-play </p><br/>
- <p class="fa fa-dropbox"> fa-dropbox </p><br/>
- <p class="fa fa-stack-overflow"> fa-stack-overflow </p><br/>
- <p class="fa fa-instagram"> fa-instagram </p><br/>
- <p class="fa fa-flickr"> fa-flickr </p><br/>
- <p class="fa fa-adn"> fa-adn </p><br/>
- <p class="fa fa-bitbucket"> fa-bitbucket </p><br/>
- <p class="fa fa-bitbucket-square"> fa-bitbucket-square </p><br/>
- <p class="fa fa-tumblr"> fa-tumblr </p><br/>
+ <!-- /.col-lg-12 -->
+ </div>
+ <!-- /.row -->
+ <div class="row">
+ <div class="col-lg-12">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ All available icons (font-awesome)
</div>
- <div class="fa col-lg-3">
- <p class="fa fa-tumblr-square"> fa-tumblr-square </p><br/>
- <p class="fa fa-long-arrow-down"> fa-long-arrow-down </p><br/>
- <p class="fa fa-long-arrow-up"> fa-long-arrow-up </p><br/>
- <p class="fa fa-long-arrow-left"> fa-long-arrow-left </p><br/>
- <p class="fa fa-long-arrow-right"> fa-long-arrow-right </p><br/>
- <p class="fa fa-apple"> fa-apple </p><br/>
- <p class="fa fa-windows"> fa-windows </p><br/>
- <p class="fa fa-android"> fa-android </p><br/>
- <p class="fa fa-linux"> fa-linux </p><br/>
- <p class="fa fa-dribbble"> fa-dribbble </p><br/>
- <p class="fa fa-skype"> fa-skype </p><br/>
- <p class="fa fa-foursquare"> fa-foursquare </p><br/>
- <p class="fa fa-trello"> fa-trello </p><br/>
- <p class="fa fa-female"> fa-female </p><br/>
- <p class="fa fa-male"> fa-male </p><br/>
- <p class="fa fa-gittip"> fa-gittip </p><br/>
- <p class="fa fa-sun-o"> fa-sun-o </p><br/>
- <p class="fa fa-moon-o"> fa-moon-o </p><br/>
- <p class="fa fa-archive"> fa-archive </p><br/>
- <p class="fa fa-bug"> fa-bug </p><br/>
- <p class="fa fa-vk"> fa-vk </p><br/>
- <p class="fa fa-weibo"> fa-weibo </p><br/>
- <p class="fa fa-renren"> fa-renren </p><br/>
- <p class="fa fa-pagelines"> fa-pagelines </p><br/>
- <p class="fa fa-stack-exchange"> fa-stack-exchange </p><br/>
- <p class="fa fa-arrow-circle-o-right"> fa-arrow-circle-o-right </p><br/>
- <p class="fa fa-arrow-circle-o-left"> fa-arrow-circle-o-left </p><br/>
- <p class="fa fa-toggle-left"> fa-toggle-left </p><br/>
- <p class="fa fa-caret-square-o-left"> fa-caret-square-o-left </p><br/>
- <p class="fa fa-dot-circle-o"> fa-dot-circle-o </p><br/>
- <p class="fa fa-wheelchair"> fa-wheelchair </p><br/>
- <p class="fa fa-vimeo-square"> fa-vimeo-square </p><br/>
- <p class="fa fa-turkish-lira"> fa-turkish-lira </p><br/>
- <p class="fa fa-try"> fa-try </p><br/>
- <p class="fa fa-plus-square-o"> fa-plus-square-o </p><br/>
- <p class="fa fa-space-shuttle"> fa-space-shuttle </p><br/>
- <p class="fa fa-slack"> fa-slack </p><br/>
- <p class="fa fa-envelope-square"> fa-envelope-square </p><br/>
- <p class="fa fa-wordpress"> fa-wordpress </p><br/>
- <p class="fa fa-openid"> fa-openid </p><br/>
- <p class="fa fa-institution"> fa-institution </p><br/>
- <p class="fa fa-bank"> fa-bank </p><br/>
- <p class="fa fa-university"> fa-university </p><br/>
- <p class="fa fa-mortar-board"> fa-mortar-board </p><br/>
- <p class="fa fa-graduation-cap"> fa-graduation-cap </p><br/>
- <p class="fa fa-yahoo"> fa-yahoo </p><br/>
- <p class="fa fa-google"> fa-google </p><br/>
- <p class="fa fa-reddit"> fa-reddit </p><br/>
- <p class="fa fa-reddit-square"> fa-reddit-square </p><br/>
- <p class="fa fa-stumbleupon-circle"> fa-stumbleupon-circle </p><br/>
- <p class="fa fa-stumbleupon"> fa-stumbleupon </p><br/>
- <p class="fa fa-delicious"> fa-delicious </p><br/>
- <p class="fa fa-digg"> fa-digg </p><br/>
- <p class="fa fa-pied-piper-square"> fa-pied-piper-square </p><br/>
- <p class="fa fa-pied-piper"> fa-pied-piper </p><br/>
- <p class="fa fa-pied-piper-alt"> fa-pied-piper-alt </p><br/>
- <p class="fa fa-drupal"> fa-drupal </p><br/>
- <p class="fa fa-joomla"> fa-joomla </p><br/>
- <p class="fa fa-language"> fa-language </p><br/>
- <p class="fa fa-fax"> fa-fax </p><br/>
- <p class="fa fa-building"> fa-building </p><br/>
- <p class="fa fa-child"> fa-child </p><br/>
- <p class="fa fa-paw"> fa-paw </p><br/>
- <p class="fa fa-spoon"> fa-spoon </p><br/>
- <p class="fa fa-cube"> fa-cube </p><br/>
- <p class="fa fa-cubes"> fa-cubes </p><br/>
- <p class="fa fa-behance"> fa-behance </p><br/>
- <p class="fa fa-behance-square"> fa-behance-square </p><br/>
- <p class="fa fa-steam"> fa-steam </p><br/>
- <p class="fa fa-steam-square"> fa-steam-square </p><br/>
- <p class="fa fa-recycle"> fa-recycle </p><br/>
- <p class="fa fa-automobile"> fa-automobile </p><br/>
- <p class="fa fa-car"> fa-car </p><br/>
- <p class="fa fa-cab"> fa-cab </p><br/>
- <p class="fa fa-taxi"> fa-taxi </p><br/>
- <p class="fa fa-tree"> fa-tree </p><br/>
- <p class="fa fa-spotify"> fa-spotify </p><br/>
- <p class="fa fa-deviantart"> fa-deviantart </p><br/>
- <p class="fa fa-soundcloud"> fa-soundcloud </p><br/>
- <p class="fa fa-database"> fa-database </p><br/>
- <p class="fa fa-file-pdf-o"> fa-file-pdf-o </p><br/>
- <p class="fa fa-file-word-o"> fa-file-word-o </p><br/>
- <p class="fa fa-file-excel-o"> fa-file-excel-o </p><br/>
- <p class="fa fa-file-powerpoint-o"> fa-file-powerpoint-o </p><br/>
- <p class="fa fa-file-photo-o"> fa-file-photo-o </p><br/>
- <p class="fa fa-file-picture-o"> fa-file-picture-o </p><br/>
- <p class="fa fa-file-image-o"> fa-file-image-o </p><br/>
- <p class="fa fa-file-zip-o"> fa-file-zip-o </p><br/>
- <p class="fa fa-file-archive-o"> fa-file-archive-o </p><br/>
- <p class="fa fa-file-sound-o"> fa-file-sound-o </p><br/>
- <p class="fa fa-file-audio-o"> fa-file-audio-o </p><br/>
- <p class="fa fa-file-movie-o"> fa-file-movie-o </p><br/>
- <p class="fa fa-file-video-o"> fa-file-video-o </p><br/>
- <p class="fa fa-file-code-o"> fa-file-code-o </p><br/>
- <p class="fa fa-vine"> fa-vine </p><br/>
- <p class="fa fa-codepen"> fa-codepen </p><br/>
- <p class="fa fa-jsfiddle"> fa-jsfiddle </p><br/>
- <p class="fa fa-life-bouy"> fa-life-bouy </p><br/>
- <p class="fa fa-life-saver"> fa-life-saver </p><br/>
- <p class="fa fa-support"> fa-support </p><br/>
- <p class="fa fa-life-ring"> fa-life-ring </p><br/>
- <p class="fa fa-circle-o-notch"> fa-circle-o-notch </p><br/>
- <p class="fa fa-ra"> fa-ra </p><br/>
- <p class="fa fa-rebel"> fa-rebel </p><br/>
- <p class="fa fa-ge"> fa-ge </p><br/>
- <p class="fa fa-empire"> fa-empire </p><br/>
- <p class="fa fa-git-square"> fa-git-square </p><br/>
- <p class="fa fa-git"> fa-git </p><br/>
- <p class="fa fa-hacker-news"> fa-hacker-news </p><br/>
- <p class="fa fa-tencent-weibo"> fa-tencent-weibo </p><br/>
- <p class="fa fa-qq"> fa-qq </p><br/>
- <p class="fa fa-wechat"> fa-wechat </p><br/>
- <p class="fa fa-weixin"> fa-weixin </p><br/>
- <p class="fa fa-send"> fa-send </p><br/>
- <p class="fa fa-paper-plane"> fa-paper-plane </p><br/>
- <p class="fa fa-send-o"> fa-send-o </p><br/>
- <p class="fa fa-paper-plane-o"> fa-paper-plane-o </p><br/>
- <p class="fa fa-history"> fa-history </p><br/>
- <p class="fa fa-circle-thin"> fa-circle-thin </p><br/>
- <p class="fa fa-header"> fa-header </p><br/>
- <p class="fa fa-paragraph"> fa-paragraph </p><br/>
- <p class="fa fa-sliders"> fa-sliders </p><br/>
- <p class="fa fa-share-alt"> fa-share-alt </p><br/>
- <p class="fa fa-share-alt-square"> fa-share-alt-square </p><br/>
- <p class="fa fa-bomb"> fa-bomb </p><br/>
+ <div class="panel-body">
+ <div class="row">
+ <div class="fa col-lg-3">
+ <p class="fa fa-glass"> fa-glass </p>
+ <br/>
+ <p class="fa fa-music"> fa-music </p>
+ <br/>
+ <p class="fa fa-search"> fa-search </p>
+ <br/>
+ <p class="fa fa-envelope-o"> fa-envelope-o </p>
+ <br/>
+ <p class="fa fa-heart"> fa-heart </p>
+ <br/>
+ <p class="fa fa-star"> fa-star </p>
+ <br/>
+ <p class="fa fa-star-o"> fa-star-o </p>
+ <br/>
+ <p class="fa fa-user"> fa-user </p>
+ <br/>
+ <p class="fa fa-film"> fa-film </p>
+ <br/>
+ <p class="fa fa-th-large"> fa-th-large </p>
+ <br/>
+ <p class="fa fa-th"> fa-th </p>
+ <br/>
+ <p class="fa fa-th-list"> fa-th-list </p>
+ <br/>
+ <p class="fa fa-check"> fa-check </p>
+ <br/>
+ <p class="fa fa-times"> fa-times </p>
+ <br/>
+ <p class="fa fa-search-plus"> fa-search-plus </p>
+ <br/>
+ <p class="fa fa-search-minus"> fa-search-minus </p>
+ <br/>
+ <p class="fa fa-power-off"> fa-power-off </p>
+ <br/>
+ <p class="fa fa-signal"> fa-signal </p>
+ <br/>
+ <p class="fa fa-gear"> fa-gear </p>
+ <br/>
+ <p class="fa fa-cog"> fa-cog </p>
+ <br/>
+ <p class="fa fa-trash-o"> fa-trash-o </p>
+ <br/>
+ <p class="fa fa-home"> fa-home </p>
+ <br/>
+ <p class="fa fa-file-o"> fa-file-o </p>
+ <br/>
+ <p class="fa fa-clock-o"> fa-clock-o </p>
+ <br/>
+ <p class="fa fa-road"> fa-road </p>
+ <br/>
+ <p class="fa fa-download"> fa-download </p>
+ <br/>
+ <p class="fa fa-arrow-circle-o-down"> fa-arrow-circle-o-down </p>
+ <br/>
+ <p class="fa fa-arrow-circle-o-up"> fa-arrow-circle-o-up </p>
+ <br/>
+ <p class="fa fa-inbox"> fa-inbox </p>
+ <br/>
+ <p class="fa fa-play-circle-o"> fa-play-circle-o </p>
+ <br/>
+ <p class="fa fa-rotate-right"> fa-rotate-right </p>
+ <br/>
+ <p class="fa fa-repeat"> fa-repeat </p>
+ <br/>
+ <p class="fa fa-refresh"> fa-refresh </p>
+ <br/>
+ <p class="fa fa-list-alt"> fa-list-alt </p>
+ <br/>
+ <p class="fa fa-lock"> fa-lock </p>
+ <br/>
+ <p class="fa fa-flag"> fa-flag </p>
+ <br/>
+ <p class="fa fa-headphones"> fa-headphones </p>
+ <br/>
+ <p class="fa fa-volume-off"> fa-volume-off </p>
+ <br/>
+ <p class="fa fa-volume-down"> fa-volume-down </p>
+ <br/>
+ <p class="fa fa-volume-up"> fa-volume-up </p>
+ <br/>
+ <p class="fa fa-qrcode"> fa-qrcode </p>
+ <br/>
+ <p class="fa fa-barcode"> fa-barcode </p>
+ <br/>
+ <p class="fa fa-tag"> fa-tag </p>
+ <br/>
+ <p class="fa fa-tags"> fa-tags </p>
+ <br/>
+ <p class="fa fa-book"> fa-book </p>
+ <br/>
+ <p class="fa fa-bookmark"> fa-bookmark </p>
+ <br/>
+ <p class="fa fa-print"> fa-print </p>
+ <br/>
+ <p class="fa fa-camera"> fa-camera </p>
+ <br/>
+ <p class="fa fa-font"> fa-font </p>
+ <br/>
+ <p class="fa fa-bold"> fa-bold </p>
+ <br/>
+ <p class="fa fa-italic"> fa-italic </p>
+ <br/>
+ <p class="fa fa-text-height"> fa-text-height </p>
+ <br/>
+ <p class="fa fa-text-width"> fa-text-width </p>
+ <br/>
+ <p class="fa fa-align-left"> fa-align-left </p>
+ <br/>
+ <p class="fa fa-align-center"> fa-align-center </p>
+ <br/>
+ <p class="fa fa-align-right"> fa-align-right </p>
+ <br/>
+ <p class="fa fa-align-justify"> fa-align-justify </p>
+ <br/>
+ <p class="fa fa-list"> fa-list </p>
+ <br/>
+ <p class="fa fa-dedent"> fa-dedent </p>
+ <br/>
+ <p class="fa fa-outdent"> fa-outdent </p>
+ <br/>
+ <p class="fa fa-indent"> fa-indent </p>
+ <br/>
+ <p class="fa fa-video-camera"> fa-video-camera </p>
+ <br/>
+ <p class="fa fa-photo"> fa-photo </p>
+ <br/>
+ <p class="fa fa-image"> fa-image </p>
+ <br/>
+ <p class="fa fa-picture-o"> fa-picture-o </p>
+ <br/>
+ <p class="fa fa-pencil"> fa-pencil </p>
+ <br/>
+ <p class="fa fa-map-marker"> fa-map-marker </p>
+ <br/>
+ <p class="fa fa-adjust"> fa-adjust </p>
+ <br/>
+ <p class="fa fa-tint"> fa-tint </p>
+ <br/>
+ <p class="fa fa-edit"> fa-edit </p>
+ <br/>
+ <p class="fa fa-pencil-square-o"> fa-pencil-square-o </p>
+ <br/>
+ <p class="fa fa-share-square-o"> fa-share-square-o </p>
+ <br/>
+ <p class="fa fa-check-square-o"> fa-check-square-o </p>
+ <br/>
+ <p class="fa fa-arrows"> fa-arrows </p>
+ <br/>
+ <p class="fa fa-step-backward"> fa-step-backward </p>
+ <br/>
+ <p class="fa fa-fast-backward"> fa-fast-backward </p>
+ <br/>
+ <p class="fa fa-backward"> fa-backward </p>
+ <br/>
+ <p class="fa fa-play"> fa-play </p>
+ <br/>
+ <p class="fa fa-pause"> fa-pause </p>
+ <br/>
+ <p class="fa fa-stop"> fa-stop </p>
+ <br/>
+ <p class="fa fa-forward"> fa-forward </p>
+ <br/>
+ <p class="fa fa-fast-forward"> fa-fast-forward </p>
+ <br/>
+ <p class="fa fa-step-forward"> fa-step-forward </p>
+ <br/>
+ <p class="fa fa-eject"> fa-eject </p>
+ <br/>
+ <p class="fa fa-chevron-left"> fa-chevron-left </p>
+ <br/>
+ <p class="fa fa-chevron-right"> fa-chevron-right </p>
+ <br/>
+ <p class="fa fa-plus-circle"> fa-plus-circle </p>
+ <br/>
+ <p class="fa fa-minus-circle"> fa-minus-circle </p>
+ <br/>
+ <p class="fa fa-times-circle"> fa-times-circle </p>
+ <br/>
+ <p class="fa fa-check-circle"> fa-check-circle </p>
+ <br/>
+ <p class="fa fa-question-circle"> fa-question-circle </p>
+ <br/>
+ <p class="fa fa-info-circle"> fa-info-circle </p>
+ <br/>
+ <p class="fa fa-crosshairs"> fa-crosshairs </p>
+ <br/>
+ <p class="fa fa-times-circle-o"> fa-times-circle-o </p>
+ <br/>
+ <p class="fa fa-check-circle-o"> fa-check-circle-o </p>
+ <br/>
+ <p class="fa fa-ban"> fa-ban </p>
+ <br/>
+ <p class="fa fa-arrow-left"> fa-arrow-left </p>
+ <br/>
+ <p class="fa fa-arrow-right"> fa-arrow-right </p>
+ <br/>
+ <p class="fa fa-arrow-up"> fa-arrow-up </p>
+ <br/>
+ <p class="fa fa-arrow-down"> fa-arrow-down </p>
+ <br/>
+ <p class="fa fa-mail-forward"> fa-mail-forward </p>
+ <br/>
+ <p class="fa fa-share"> fa-share </p>
+ <br/>
+ <p class="fa fa-expand"> fa-expand </p>
+ <br/>
+ <p class="fa fa-compress"> fa-compress </p>
+ <br/>
+ <p class="fa fa-plus"> fa-plus </p>
+ <br/>
+ <p class="fa fa-minus"> fa-minus </p>
+ <br/>
+ <p class="fa fa-asterisk"> fa-asterisk </p>
+ <br/>
+ <p class="fa fa-exclamation-circle"> fa-exclamation-circle </p>
+ <br/>
+ <p class="fa fa-gift"> fa-gift </p>
+ <br/>
+ <p class="fa fa-leaf"> fa-leaf </p>
+ <br/>
+ <p class="fa fa-fire"> fa-fire </p>
+ <br/>
+ <p class="fa fa-eye"> fa-eye </p>
+ <br/>
+ <p class="fa fa-eye-slash"> fa-eye-slash </p>
+ <br/>
+ <p class="fa fa-warning"> fa-warning </p>
+ <br/>
+ <p class="fa fa-exclamation-triangle"> fa-exclamation-triangle </p>
+ <br/>
+ <p class="fa fa-plane"> fa-plane </p>
+ <br/>
+ <p class="fa fa-calendar"> fa-calendar </p>
+ <br/>
+ <p class="fa fa-random"> fa-random </p>
+ <br/>
+ <p class="fa fa-comment"> fa-comment </p>
+ <br/>
+ <p class="fa fa-magnet"> fa-magnet </p>
+ <br/>
+ <p class="fa fa-chevron-up"> fa-chevron-up </p>
+ <br/>
+ <p class="fa fa-chevron-down"> fa-chevron-down </p>
+ <br/>
+ <p class="fa fa-retweet"> fa-retweet </p>
+ <br/>
+ <p class="fa fa-shopping-cart"> fa-shopping-cart </p>
+ <br/>
+ <p class="fa fa-folder"> fa-folder </p>
+ <br/>
+ <p class="fa fa-folder-open"> fa-folder-open </p>
+ <br/>
+ </div>
+ <!-- /.col-lg-6 (nested) -->
+ <div class="fa col-lg-3">
+ <p class="fa fa-arrows-v"> fa-arrows-v </p>
+ <br/>
+ <p class="fa fa-arrows-h"> fa-arrows-h </p>
+ <br/>
+ <p class="fa fa-bar-chart-o"> fa-bar-chart-o </p>
+ <br/>
+ <p class="fa fa-twitter-square"> fa-twitter-square </p>
+ <br/>
+ <p class="fa fa-facebook-square"> fa-facebook-square </p>
+ <br/>
+ <p class="fa fa-camera-retro"> fa-camera-retro </p>
+ <br/>
+ <p class="fa fa-key"> fa-key </p>
+ <br/>
+ <p class="fa fa-gears"> fa-gears </p>
+ <br/>
+ <p class="fa fa-cogs"> fa-cogs </p>
+ <br/>
+ <p class="fa fa-comments"> fa-comments </p>
+ <br/>
+ <p class="fa fa-thumbs-o-up"> fa-thumbs-o-up </p>
+ <br/>
+ <p class="fa fa-thumbs-o-down"> fa-thumbs-o-down </p>
+ <br/>
+ <p class="fa fa-star-half"> fa-star-half </p>
+ <br/>
+ <p class="fa fa-heart-o"> fa-heart-o </p>
+ <br/>
+ <p class="fa fa-sign-out"> fa-sign-out </p>
+ <br/>
+ <p class="fa fa-linkedin-square"> fa-linkedin-square </p>
+ <br/>
+ <p class="fa fa-thumb-tack"> fa-thumb-tack </p>
+ <br/>
+ <p class="fa fa-external-link"> fa-external-link </p>
+ <br/>
+ <p class="fa fa-sign-in"> fa-sign-in </p>
+ <br/>
+ <p class="fa fa-trophy"> fa-trophy </p>
+ <br/>
+ <p class="fa fa-github-square"> fa-github-square </p>
+ <br/>
+ <p class="fa fa-upload"> fa-upload </p>
+ <br/>
+ <p class="fa fa-lemon-o"> fa-lemon-o </p>
+ <br/>
+ <p class="fa fa-phone"> fa-phone </p>
+ <br/>
+ <p class="fa fa-square-o"> fa-square-o </p>
+ <br/>
+ <p class="fa fa-bookmark-o"> fa-bookmark-o </p>
+ <br/>
+ <p class="fa fa-phone-square"> fa-phone-square </p>
+ <br/>
+ <p class="fa fa-twitter"> fa-twitter </p>
+ <br/>
+ <p class="fa fa-facebook"> fa-facebook </p>
+ <br/>
+ <p class="fa fa-github"> fa-github </p>
+ <br/>
+ <p class="fa fa-unlock"> fa-unlock </p>
+ <br/>
+ <p class="fa fa-credit-card"> fa-credit-card </p>
+ <br/>
+ <p class="fa fa-rss"> fa-rss </p>
+ <br/>
+ <p class="fa fa-hdd-o"> fa-hdd-o </p>
+ <br/>
+ <p class="fa fa-bullhorn"> fa-bullhorn </p>
+ <br/>
+ <p class="fa fa-bell"> fa-bell </p>
+ <br/>
+ <p class="fa fa-certificate"> fa-certificate </p>
+ <br/>
+ <p class="fa fa-hand-o-right"> fa-hand-o-right </p>
+ <br/>
+ <p class="fa fa-hand-o-left"> fa-hand-o-left </p>
+ <br/>
+ <p class="fa fa-hand-o-up"> fa-hand-o-up </p>
+ <br/>
+ <p class="fa fa-hand-o-down"> fa-hand-o-down </p>
+ <br/>
+ <p class="fa fa-arrow-circle-left"> fa-arrow-circle-left </p>
+ <br/>
+ <p class="fa fa-arrow-circle-right"> fa-arrow-circle-right </p>
+ <br/>
+ <p class="fa fa-arrow-circle-up"> fa-arrow-circle-up </p>
+ <br/>
+ <p class="fa fa-arrow-circle-down"> fa-arrow-circle-down </p>
+ <br/>
+ <p class="fa fa-globe"> fa-globe </p>
+ <br/>
+ <p class="fa fa-wrench"> fa-wrench </p>
+ <br/>
+ <p class="fa fa-tasks"> fa-tasks </p>
+ <br/>
+ <p class="fa fa-filter"> fa-filter </p>
+ <br/>
+ <p class="fa fa-briefcase"> fa-briefcase </p>
+ <br/>
+ <p class="fa fa-arrows-alt"> fa-arrows-alt </p>
+ <br/>
+ <p class="fa fa-group"> fa-group </p>
+ <br/>
+ <p class="fa fa-users"> fa-users </p>
+ <br/>
+ <p class="fa fa-chain"> fa-chain </p>
+ <br/>
+ <p class="fa fa-link"> fa-link </p>
+ <br/>
+ <p class="fa fa-cloud"> fa-cloud </p>
+ <br/>
+ <p class="fa fa-flask"> fa-flask </p>
+ <br/>
+ <p class="fa fa-cut"> fa-cut </p>
+ <br/>
+ <p class="fa fa-scissors"> fa-scissors </p>
+ <br/>
+ <p class="fa fa-copy"> fa-copy </p>
+ <br/>
+ <p class="fa fa-files-o"> fa-files-o </p>
+ <br/>
+ <p class="fa fa-paperclip"> fa-paperclip </p>
+ <br/>
+ <p class="fa fa-save"> fa-save </p>
+ <br/>
+ <p class="fa fa-floppy-o"> fa-floppy-o </p>
+ <br/>
+ <p class="fa fa-square"> fa-square </p>
+ <br/>
+ <p class="fa fa-navicon"> fa-navicon </p>
+ <br/>
+ <p class="fa fa-reorder"> fa-reorder </p>
+ <br/>
+ <p class="fa fa-bars"> fa-bars </p>
+ <br/>
+ <p class="fa fa-list-ul"> fa-list-ul </p>
+ <br/>
+ <p class="fa fa-list-ol"> fa-list-ol </p>
+ <br/>
+ <p class="fa fa-strikethrough"> fa-strikethrough </p>
+ <br/>
+ <p class="fa fa-underline"> fa-underline </p>
+ <br/>
+ <p class="fa fa-table"> fa-table </p>
+ <br/>
+ <p class="fa fa-magic"> fa-magic </p>
+ <br/>
+ <p class="fa fa-truck"> fa-truck </p>
+ <br/>
+ <p class="fa fa-pinterest"> fa-pinterest </p>
+ <br/>
+ <p class="fa fa-pinterest-square"> fa-pinterest-square </p>
+ <br/>
+ <p class="fa fa-google-plus-square"> fa-google-plus-square </p>
+ <br/>
+ <p class="fa fa-google-plus"> fa-google-plus </p>
+ <br/>
+ <p class="fa fa-money"> fa-money </p>
+ <br/>
+ <p class="fa fa-caret-down"> fa-caret-down </p>
+ <br/>
+ <p class="fa fa-caret-up"> fa-caret-up </p>
+ <br/>
+ <p class="fa fa-caret-left"> fa-caret-left </p>
+ <br/>
+ <p class="fa fa-caret-right"> fa-caret-right </p>
+ <br/>
+ <p class="fa fa-columns"> fa-columns </p>
+ <br/>
+ <p class="fa fa-unsorted"> fa-unsorted </p>
+ <br/>
+ <p class="fa fa-sort"> fa-sort </p>
+ <br/>
+ <p class="fa fa-sort-down"> fa-sort-down </p>
+ <br/>
+ <p class="fa fa-sort-desc"> fa-sort-desc </p>
+ <br/>
+ <p class="fa fa-sort-up"> fa-sort-up </p>
+ <br/>
+ <p class="fa fa-sort-asc"> fa-sort-asc </p>
+ <br/>
+ <p class="fa fa-envelope"> fa-envelope </p>
+ <br/>
+ <p class="fa fa-linkedin"> fa-linkedin </p>
+ <br/>
+ <p class="fa fa-rotate-left"> fa-rotate-left </p>
+ <br/>
+ <p class="fa fa-undo"> fa-undo </p>
+ <br/>
+ <p class="fa fa-legal"> fa-legal </p>
+ <br/>
+ <p class="fa fa-gavel"> fa-gavel </p>
+ <br/>
+ <p class="fa fa-dashboard"> fa-dashboard </p>
+ <br/>
+ <p class="fa fa-tachometer"> fa-tachometer </p>
+ <br/>
+ <p class="fa fa-comment-o"> fa-comment-o </p>
+ <br/>
+ <p class="fa fa-comments-o"> fa-comments-o </p>
+ <br/>
+ <p class="fa fa-flash"> fa-flash </p>
+ <br/>
+ <p class="fa fa-bolt"> fa-bolt </p>
+ <br/>
+ <p class="fa fa-sitemap"> fa-sitemap </p>
+ <br/>
+ <p class="fa fa-umbrella"> fa-umbrella </p>
+ <br/>
+ <p class="fa fa-paste"> fa-paste </p>
+ <br/>
+ <p class="fa fa-clipboard"> fa-clipboard </p>
+ <br/>
+ <p class="fa fa-lightbulb-o"> fa-lightbulb-o </p>
+ <br/>
+ <p class="fa fa-exchange"> fa-exchange </p>
+ <br/>
+ <p class="fa fa-cloud-download"> fa-cloud-download </p>
+ <br/>
+ <p class="fa fa-cloud-upload"> fa-cloud-upload </p>
+ <br/>
+ <p class="fa fa-user-md"> fa-user-md </p>
+ <br/>
+ <p class="fa fa-stethoscope"> fa-stethoscope </p>
+ <br/>
+ <p class="fa fa-suitcase"> fa-suitcase </p>
+ <br/>
+ <p class="fa fa-bell-o"> fa-bell-o </p>
+ <br/>
+ <p class="fa fa-coffee"> fa-coffee </p>
+ <br/>
+ <p class="fa fa-cutlery"> fa-cutlery </p>
+ <br/>
+ <p class="fa fa-file-text-o"> fa-file-text-o </p>
+ <br/>
+ <p class="fa fa-building-o"> fa-building-o </p>
+ <br/>
+ <p class="fa fa-hospital-o"> fa-hospital-o </p>
+ <br/>
+ <p class="fa fa-ambulance"> fa-ambulance </p>
+ <br/>
+ <p class="fa fa-medkit"> fa-medkit </p>
+ <br/>
+ <p class="fa fa-fighter-jet"> fa-fighter-jet </p>
+ <br/>
+ <p class="fa fa-beer"> fa-beer </p>
+ <br/>
+ <p class="fa fa-h-square"> fa-h-square </p>
+ <br/>
+ <p class="fa fa-plus-square"> fa-plus-square </p>
+ <br/>
+ </div>
+ <div class="fa col-lg-3">
+ <p class="fa fa-angle-double-left"> fa-angle-double-left </p>
+ <br/>
+ <p class="fa fa-angle-double-right"> fa-angle-double-right </p>
+ <br/>
+ <p class="fa fa-angle-double-up"> fa-angle-double-up </p>
+ <br/>
+ <p class="fa fa-angle-double-down"> fa-angle-double-down </p>
+ <br/>
+ <p class="fa fa-angle-left"> fa-angle-left </p>
+ <br/>
+ <p class="fa fa-angle-right"> fa-angle-right </p>
+ <br/>
+ <p class="fa fa-angle-up"> fa-angle-up </p>
+ <br/>
+ <p class="fa fa-angle-down"> fa-angle-down </p>
+ <br/>
+ <p class="fa fa-desktop"> fa-desktop </p>
+ <br/>
+ <p class="fa fa-laptop"> fa-laptop </p>
+ <br/>
+ <p class="fa fa-tablet"> fa-tablet </p>
+ <br/>
+ <p class="fa fa-mobile-phone"> fa-mobile-phone </p>
+ <br/>
+ <p class="fa fa-mobile"> fa-mobile </p>
+ <br/>
+ <p class="fa fa-circle-o"> fa-circle-o </p>
+ <br/>
+ <p class="fa fa-quote-left"> fa-quote-left </p>
+ <br/>
+ <p class="fa fa-quote-right"> fa-quote-right </p>
+ <br/>
+ <p class="fa fa-spinner"> fa-spinner </p>
+ <br/>
+ <p class="fa fa-circle"> fa-circle </p>
+ <br/>
+ <p class="fa fa-mail-reply"> fa-mail-reply </p>
+ <br/>
+ <p class="fa fa-reply"> fa-reply </p>
+ <br/>
+ <p class="fa fa-github-alt"> fa-github-alt </p>
+ <br/>
+ <p class="fa fa-folder-o"> fa-folder-o </p>
+ <br/>
+ <p class="fa fa-folder-open-o"> fa-folder-open-o </p>
+ <br/>
+ <p class="fa fa-smile-o"> fa-smile-o </p>
+ <br/>
+ <p class="fa fa-frown-o"> fa-frown-o </p>
+ <br/>
+ <p class="fa fa-meh-o"> fa-meh-o </p>
+ <br/>
+ <p class="fa fa-gamepad"> fa-gamepad </p>
+ <br/>
+ <p class="fa fa-keyboard-o"> fa-keyboard-o </p>
+ <br/>
+ <p class="fa fa-flag-o"> fa-flag-o </p>
+ <br/>
+ <p class="fa fa-flag-checkered"> fa-flag-checkered </p>
+ <br/>
+ <p class="fa fa-terminal"> fa-terminal </p>
+ <br/>
+ <p class="fa fa-code"> fa-code </p>
+ <br/>
+ <p class="fa fa-mail-reply-all"> fa-mail-reply-all </p>
+ <br/>
+ <p class="fa fa-reply-all"> fa-reply-all </p>
+ <br/>
+ <p class="fa fa-star-half-empty"> fa-star-half-empty </p>
+ <br/>
+ <p class="fa fa-star-half-full"> fa-star-half-full </p>
+ <br/>
+ <p class="fa fa-star-half-o"> fa-star-half-o </p>
+ <br/>
+ <p class="fa fa-location-arrow"> fa-location-arrow </p>
+ <br/>
+ <p class="fa fa-crop"> fa-crop </p>
+ <br/>
+ <p class="fa fa-code-fork"> fa-code-fork </p>
+ <br/>
+ <p class="fa fa-unlink"> fa-unlink </p>
+ <br/>
+ <p class="fa fa-chain-broken"> fa-chain-broken </p>
+ <br/>
+ <p class="fa fa-question"> fa-question </p>
+ <br/>
+ <p class="fa fa-info"> fa-info </p>
+ <br/>
+ <p class="fa fa-exclamation"> fa-exclamation </p>
+ <br/>
+ <p class="fa fa-superscript"> fa-superscript </p>
+ <br/>
+ <p class="fa fa-subscript"> fa-subscript </p>
+ <br/>
+ <p class="fa fa-eraser"> fa-eraser </p>
+ <br/>
+ <p class="fa fa-puzzle-piece"> fa-puzzle-piece </p>
+ <br/>
+ <p class="fa fa-microphone"> fa-microphone </p>
+ <br/>
+ <p class="fa fa-microphone-slash"> fa-microphone-slash </p>
+ <br/>
+ <p class="fa fa-shield"> fa-shield </p>
+ <br/>
+ <p class="fa fa-calendar-o"> fa-calendar-o </p>
+ <br/>
+ <p class="fa fa-fire-extinguisher"> fa-fire-extinguisher </p>
+ <br/>
+ <p class="fa fa-rocket"> fa-rocket </p>
+ <br/>
+ <p class="fa fa-maxcdn"> fa-maxcdn </p>
+ <br/>
+ <p class="fa fa-chevron-circle-left"> fa-chevron-circle-left </p>
+ <br/>
+ <p class="fa fa-chevron-circle-right"> fa-chevron-circle-right </p>
+ <br/>
+ <p class="fa fa-chevron-circle-up"> fa-chevron-circle-up </p>
+ <br/>
+ <p class="fa fa-chevron-circle-down"> fa-chevron-circle-down </p>
+ <br/>
+ <p class="fa fa-html5"> fa-html5 </p>
+ <br/>
+ <p class="fa fa-css3"> fa-css3 </p>
+ <br/>
+ <p class="fa fa-anchor"> fa-anchor </p>
+ <br/>
+ <p class="fa fa-unlock-alt"> fa-unlock-alt </p>
+ <br/>
+ <p class="fa fa-bullseye"> fa-bullseye </p>
+ <br/>
+ <p class="fa fa-ellipsis-h"> fa-ellipsis-h </p>
+ <br/>
+ <p class="fa fa-ellipsis-v"> fa-ellipsis-v </p>
+ <br/>
+ <p class="fa fa-rss-square"> fa-rss-square </p>
+ <br/>
+ <p class="fa fa-play-circle"> fa-play-circle </p>
+ <br/>
+ <p class="fa fa-ticket"> fa-ticket </p>
+ <br/>
+ <p class="fa fa-minus-square"> fa-minus-square </p>
+ <br/>
+ <p class="fa fa-minus-square-o"> fa-minus-square-o </p>
+ <br/>
+ <p class="fa fa-level-up"> fa-level-up </p>
+ <br/>
+ <p class="fa fa-level-down"> fa-level-down </p>
+ <br/>
+ <p class="fa fa-check-square"> fa-check-square </p>
+ <br/>
+ <p class="fa fa-pencil-square"> fa-pencil-square </p>
+ <br/>
+ <p class="fa fa-external-link-square"> fa-external-link-square </p>
+ <br/>
+ <p class="fa fa-share-square"> fa-share-square </p>
+ <br/>
+ <p class="fa fa-compass"> fa-compass </p>
+ <br/>
+ <p class="fa fa-toggle-down"> fa-toggle-down </p>
+ <br/>
+ <p class="fa fa-caret-square-o-down"> fa-caret-square-o-down </p>
+ <br/>
+ <p class="fa fa-toggle-up"> fa-toggle-up </p>
+ <br/>
+ <p class="fa fa-caret-square-o-up"> fa-caret-square-o-up </p>
+ <br/>
+ <p class="fa fa-toggle-right"> fa-toggle-right </p>
+ <br/>
+ <p class="fa fa-caret-square-o-right"> fa-caret-square-o-right </p>
+ <br/>
+ <p class="fa fa-euro"> fa-euro </p>
+ <br/>
+ <p class="fa fa-eur"> fa-eur </p>
+ <br/>
+ <p class="fa fa-gbp"> fa-gbp </p>
+ <br/>
+ <p class="fa fa-dollar"> fa-dollar </p>
+ <br/>
+ <p class="fa fa-usd"> fa-usd </p>
+ <br/>
+ <p class="fa fa-rupee"> fa-rupee </p>
+ <br/>
+ <p class="fa fa-inr"> fa-inr </p>
+ <br/>
+ <p class="fa fa-cny"> fa-cny </p>
+ <br/>
+ <p class="fa fa-rmb"> fa-rmb </p>
+ <br/>
+ <p class="fa fa-yen"> fa-yen </p>
+ <br/>
+ <p class="fa fa-jpy"> fa-jpy </p>
+ <br/>
+ <p class="fa fa-ruble"> fa-ruble </p>
+ <br/>
+ <p class="fa fa-rouble"> fa-rouble </p>
+ <br/>
+ <p class="fa fa-rub"> fa-rub </p>
+ <br/>
+ <p class="fa fa-won"> fa-won </p>
+ <br/>
+ <p class="fa fa-krw"> fa-krw </p>
+ <br/>
+ <p class="fa fa-bitcoin"> fa-bitcoin </p>
+ <br/>
+ <p class="fa fa-btc"> fa-btc </p>
+ <br/>
+ <p class="fa fa-file"> fa-file </p>
+ <br/>
+ <p class="fa fa-file-text"> fa-file-text </p>
+ <br/>
+ <p class="fa fa-sort-alpha-asc"> fa-sort-alpha-asc </p>
+ <br/>
+ <p class="fa fa-sort-alpha-desc"> fa-sort-alpha-desc </p>
+ <br/>
+ <p class="fa fa-sort-amount-asc"> fa-sort-amount-asc </p>
+ <br/>
+ <p class="fa fa-sort-amount-desc"> fa-sort-amount-desc </p>
+ <br/>
+ <p class="fa fa-sort-numeric-asc"> fa-sort-numeric-asc </p>
+ <br/>
+ <p class="fa fa-sort-numeric-desc"> fa-sort-numeric-desc </p>
+ <br/>
+ <p class="fa fa-thumbs-up"> fa-thumbs-up </p>
+ <br/>
+ <p class="fa fa-thumbs-down"> fa-thumbs-down </p>
+ <br/>
+ <p class="fa fa-youtube-square"> fa-youtube-square </p>
+ <br/>
+ <p class="fa fa-youtube"> fa-youtube </p>
+ <br/>
+ <p class="fa fa-xing"> fa-xing </p>
+ <br/>
+ <p class="fa fa-xing-square"> fa-xing-square </p>
+ <br/>
+ <p class="fa fa-youtube-play"> fa-youtube-play </p>
+ <br/>
+ <p class="fa fa-dropbox"> fa-dropbox </p>
+ <br/>
+ <p class="fa fa-stack-overflow"> fa-stack-overflow </p>
+ <br/>
+ <p class="fa fa-instagram"> fa-instagram </p>
+ <br/>
+ <p class="fa fa-flickr"> fa-flickr </p>
+ <br/>
+ <p class="fa fa-adn"> fa-adn </p>
+ <br/>
+ <p class="fa fa-bitbucket"> fa-bitbucket </p>
+ <br/>
+ <p class="fa fa-bitbucket-square"> fa-bitbucket-square </p>
+ <br/>
+ <p class="fa fa-tumblr"> fa-tumblr </p>
+ <br/>
+ </div>
+ <div class="fa col-lg-3">
+ <p class="fa fa-tumblr-square"> fa-tumblr-square </p>
+ <br/>
+ <p class="fa fa-long-arrow-down"> fa-long-arrow-down </p>
+ <br/>
+ <p class="fa fa-long-arrow-up"> fa-long-arrow-up </p>
+ <br/>
+ <p class="fa fa-long-arrow-left"> fa-long-arrow-left </p>
+ <br/>
+ <p class="fa fa-long-arrow-right"> fa-long-arrow-right </p>
+ <br/>
+ <p class="fa fa-apple"> fa-apple </p>
+ <br/>
+ <p class="fa fa-windows"> fa-windows </p>
+ <br/>
+ <p class="fa fa-android"> fa-android </p>
+ <br/>
+ <p class="fa fa-linux"> fa-linux </p>
+ <br/>
+ <p class="fa fa-dribbble"> fa-dribbble </p>
+ <br/>
+ <p class="fa fa-skype"> fa-skype </p>
+ <br/>
+ <p class="fa fa-foursquare"> fa-foursquare </p>
+ <br/>
+ <p class="fa fa-trello"> fa-trello </p>
+ <br/>
+ <p class="fa fa-female"> fa-female </p>
+ <br/>
+ <p class="fa fa-male"> fa-male </p>
+ <br/>
+ <p class="fa fa-gittip"> fa-gittip </p>
+ <br/>
+ <p class="fa fa-sun-o"> fa-sun-o </p>
+ <br/>
+ <p class="fa fa-moon-o"> fa-moon-o </p>
+ <br/>
+ <p class="fa fa-archive"> fa-archive </p>
+ <br/>
+ <p class="fa fa-bug"> fa-bug </p>
+ <br/>
+ <p class="fa fa-vk"> fa-vk </p>
+ <br/>
+ <p class="fa fa-weibo"> fa-weibo </p>
+ <br/>
+ <p class="fa fa-renren"> fa-renren </p>
+ <br/>
+ <p class="fa fa-pagelines"> fa-pagelines </p>
+ <br/>
+ <p class="fa fa-stack-exchange"> fa-stack-exchange </p>
+ <br/>
+ <p class="fa fa-arrow-circle-o-right"> fa-arrow-circle-o-right </p>
+ <br/>
+ <p class="fa fa-arrow-circle-o-left"> fa-arrow-circle-o-left </p>
+ <br/>
+ <p class="fa fa-toggle-left"> fa-toggle-left </p>
+ <br/>
+ <p class="fa fa-caret-square-o-left"> fa-caret-square-o-left </p>
+ <br/>
+ <p class="fa fa-dot-circle-o"> fa-dot-circle-o </p>
+ <br/>
+ <p class="fa fa-wheelchair"> fa-wheelchair </p>
+ <br/>
+ <p class="fa fa-vimeo-square"> fa-vimeo-square </p>
+ <br/>
+ <p class="fa fa-turkish-lira"> fa-turkish-lira </p>
+ <br/>
+ <p class="fa fa-try"> fa-try </p>
+ <br/>
+ <p class="fa fa-plus-square-o"> fa-plus-square-o </p>
+ <br/>
+ <p class="fa fa-space-shuttle"> fa-space-shuttle </p>
+ <br/>
+ <p class="fa fa-slack"> fa-slack </p>
+ <br/>
+ <p class="fa fa-envelope-square"> fa-envelope-square </p>
+ <br/>
+ <p class="fa fa-wordpress"> fa-wordpress </p>
+ <br/>
+ <p class="fa fa-openid"> fa-openid </p>
+ <br/>
+ <p class="fa fa-institution"> fa-institution </p>
+ <br/>
+ <p class="fa fa-bank"> fa-bank </p>
+ <br/>
+ <p class="fa fa-university"> fa-university </p>
+ <br/>
+ <p class="fa fa-mortar-board"> fa-mortar-board </p>
+ <br/>
+ <p class="fa fa-graduation-cap"> fa-graduation-cap </p>
+ <br/>
+ <p class="fa fa-yahoo"> fa-yahoo </p>
+ <br/>
+ <p class="fa fa-google"> fa-google </p>
+ <br/>
+ <p class="fa fa-reddit"> fa-reddit </p>
+ <br/>
+ <p class="fa fa-reddit-square"> fa-reddit-square </p>
+ <br/>
+ <p class="fa fa-stumbleupon-circle"> fa-stumbleupon-circle </p>
+ <br/>
+ <p class="fa fa-stumbleupon"> fa-stumbleupon </p>
+ <br/>
+ <p class="fa fa-delicious"> fa-delicious </p>
+ <br/>
+ <p class="fa fa-digg"> fa-digg </p>
+ <br/>
+ <p class="fa fa-pied-piper-square"> fa-pied-piper-square </p>
+ <br/>
+ <p class="fa fa-pied-piper"> fa-pied-piper </p>
+ <br/>
+ <p class="fa fa-pied-piper-alt"> fa-pied-piper-alt </p>
+ <br/>
+ <p class="fa fa-drupal"> fa-drupal </p>
+ <br/>
+ <p class="fa fa-joomla"> fa-joomla </p>
+ <br/>
+ <p class="fa fa-language"> fa-language </p>
+ <br/>
+ <p class="fa fa-fax"> fa-fax </p>
+ <br/>
+ <p class="fa fa-building"> fa-building </p>
+ <br/>
+ <p class="fa fa-child"> fa-child </p>
+ <br/>
+ <p class="fa fa-paw"> fa-paw </p>
+ <br/>
+ <p class="fa fa-spoon"> fa-spoon </p>
+ <br/>
+ <p class="fa fa-cube"> fa-cube </p>
+ <br/>
+ <p class="fa fa-cubes"> fa-cubes </p>
+ <br/>
+ <p class="fa fa-behance"> fa-behance </p>
+ <br/>
+ <p class="fa fa-behance-square"> fa-behance-square </p>
+ <br/>
+ <p class="fa fa-steam"> fa-steam </p>
+ <br/>
+ <p class="fa fa-steam-square"> fa-steam-square </p>
+ <br/>
+ <p class="fa fa-recycle"> fa-recycle </p>
+ <br/>
+ <p class="fa fa-automobile"> fa-automobile </p>
+ <br/>
+ <p class="fa fa-car"> fa-car </p>
+ <br/>
+ <p class="fa fa-cab"> fa-cab </p>
+ <br/>
+ <p class="fa fa-taxi"> fa-taxi </p>
+ <br/>
+ <p class="fa fa-tree"> fa-tree </p>
+ <br/>
+ <p class="fa fa-spotify"> fa-spotify </p>
+ <br/>
+ <p class="fa fa-deviantart"> fa-deviantart </p>
+ <br/>
+ <p class="fa fa-soundcloud"> fa-soundcloud </p>
+ <br/>
+ <p class="fa fa-database"> fa-database </p>
+ <br/>
+ <p class="fa fa-file-pdf-o"> fa-file-pdf-o </p>
+ <br/>
+ <p class="fa fa-file-word-o"> fa-file-word-o </p>
+ <br/>
+ <p class="fa fa-file-excel-o"> fa-file-excel-o </p>
+ <br/>
+ <p class="fa fa-file-powerpoint-o"> fa-file-powerpoint-o </p>
+ <br/>
+ <p class="fa fa-file-photo-o"> fa-file-photo-o </p>
+ <br/>
+ <p class="fa fa-file-picture-o"> fa-file-picture-o </p>
+ <br/>
+ <p class="fa fa-file-image-o"> fa-file-image-o </p>
+ <br/>
+ <p class="fa fa-file-zip-o"> fa-file-zip-o </p>
+ <br/>
+ <p class="fa fa-file-archive-o"> fa-file-archive-o </p>
+ <br/>
+ <p class="fa fa-file-sound-o"> fa-file-sound-o </p>
+ <br/>
+ <p class="fa fa-file-audio-o"> fa-file-audio-o </p>
+ <br/>
+ <p class="fa fa-file-movie-o"> fa-file-movie-o </p>
+ <br/>
+ <p class="fa fa-file-video-o"> fa-file-video-o </p>
+ <br/>
+ <p class="fa fa-file-code-o"> fa-file-code-o </p>
+ <br/>
+ <p class="fa fa-vine"> fa-vine </p>
+ <br/>
+ <p class="fa fa-codepen"> fa-codepen </p>
+ <br/>
+ <p class="fa fa-jsfiddle"> fa-jsfiddle </p>
+ <br/>
+ <p class="fa fa-life-bouy"> fa-life-bouy </p>
+ <br/>
+ <p class="fa fa-life-saver"> fa-life-saver </p>
+ <br/>
+ <p class="fa fa-support"> fa-support </p>
+ <br/>
+ <p class="fa fa-life-ring"> fa-life-ring </p>
+ <br/>
+ <p class="fa fa-circle-o-notch"> fa-circle-o-notch </p>
+ <br/>
+ <p class="fa fa-ra"> fa-ra </p>
+ <br/>
+ <p class="fa fa-rebel"> fa-rebel </p>
+ <br/>
+ <p class="fa fa-ge"> fa-ge </p>
+ <br/>
+ <p class="fa fa-empire"> fa-empire </p>
+ <br/>
+ <p class="fa fa-git-square"> fa-git-square </p>
+ <br/>
+ <p class="fa fa-git"> fa-git </p>
+ <br/>
+ <p class="fa fa-hacker-news"> fa-hacker-news </p>
+ <br/>
+ <p class="fa fa-tencent-weibo"> fa-tencent-weibo </p>
+ <br/>
+ <p class="fa fa-qq"> fa-qq </p>
+ <br/>
+ <p class="fa fa-wechat"> fa-wechat </p>
+ <br/>
+ <p class="fa fa-weixin"> fa-weixin </p>
+ <br/>
+ <p class="fa fa-send"> fa-send </p>
+ <br/>
+ <p class="fa fa-paper-plane"> fa-paper-plane </p>
+ <br/>
+ <p class="fa fa-send-o"> fa-send-o </p>
+ <br/>
+ <p class="fa fa-paper-plane-o"> fa-paper-plane-o </p>
+ <br/>
+ <p class="fa fa-history"> fa-history </p>
+ <br/>
+ <p class="fa fa-circle-thin"> fa-circle-thin </p>
+ <br/>
+ <p class="fa fa-header"> fa-header </p>
+ <br/>
+ <p class="fa fa-paragraph"> fa-paragraph </p>
+ <br/>
+ <p class="fa fa-sliders"> fa-sliders </p>
+ <br/>
+ <p class="fa fa-share-alt"> fa-share-alt </p>
+ <br/>
+ <p class="fa fa-share-alt-square"> fa-share-alt-square </p>
+ <br/>
+ <p class="fa fa-bomb"> fa-bomb </p>
+ <br/>
+ </div>
+ <!-- /.col-lg-6 (nested) -->
+ </div>
+ <!-- /.row (nested) -->
</div>
- <!-- /.col-lg-6 (nested) -->
+ <!-- /.panel-body -->
</div>
- <!-- /.row (nested) -->
+ <!-- /.panel -->
</div>
- <!-- /.panel-body -->
+ <!-- /.col-lg-12 -->
</div>
- <!-- /.panel -->
- </div>
- <!-- /.col-lg-12 -->
- </div>
- <!-- /.row -->
- <div class="row">
- <div class="col-lg-12">
- <div class="panel panel-default">
- <div class="panel-heading">
- All available icons (bootstrap)
- </div>
- <div class="panel-body">
- <div class="row">
- <div class="bs-glyphicons col-lg-4">
- <span class="glyphicon glyphicon-asterisk"> glyphicon-asterisk </span><br/>
- <span class="glyphicon glyphicon-plus"> glyphicon-plus </span><br/>
- <span class="glyphicon glyphicon-euro"> glyphicon-euro </span><br/>
- <span class="glyphicon glyphicon-eur"> glyphicon-eur </span><br/>
- <span class="glyphicon glyphicon-minus"> glyphicon-minus </span><br/>
- <span class="glyphicon glyphicon-cloud"> glyphicon-cloud </span><br/>
- <span class="glyphicon glyphicon-envelope"> glyphicon-envelope </span><br/>
- <span class="glyphicon glyphicon-pencil"> glyphicon-pencil </span><br/>
- <span class="glyphicon glyphicon-glass"> glyphicon-glass </span><br/>
- <span class="glyphicon glyphicon-music"> glyphicon-music </span><br/>
- <span class="glyphicon glyphicon-search"> glyphicon-search </span><br/>
- <span class="glyphicon glyphicon-heart"> glyphicon-heart </span><br/>
- <span class="glyphicon glyphicon-star"> glyphicon-star </span><br/>
- <span class="glyphicon glyphicon-star-empty"> glyphicon-star-empty </span><br/>
- <span class="glyphicon glyphicon-user"> glyphicon-user </span><br/>
- <span class="glyphicon glyphicon-film"> glyphicon-film </span><br/>
- <span class="glyphicon glyphicon-th-large"> glyphicon-th-large </span><br/>
- <span class="glyphicon glyphicon-th"> glyphicon-th </span><br/>
- <span class="glyphicon glyphicon-th-list"> glyphicon-th-list </span><br/>
- <span class="glyphicon glyphicon-ok"> glyphicon-ok </span><br/>
- <span class="glyphicon glyphicon-remove"> glyphicon-remove </span><br/>
- <span class="glyphicon glyphicon-zoom-in"> glyphicon-zoom-in </span><br/>
- <span class="glyphicon glyphicon-zoom-out"> glyphicon-zoom-out </span><br/>
- <span class="glyphicon glyphicon-off"> glyphicon-off </span><br/>
- <span class="glyphicon glyphicon-signal"> glyphicon-signal </span><br/>
- <span class="glyphicon glyphicon-cog"> glyphicon-cog </span><br/>
- <span class="glyphicon glyphicon-trash"> glyphicon-trash </span><br/>
- <span class="glyphicon glyphicon-home"> glyphicon-home </span><br/>
- <span class="glyphicon glyphicon-file"> glyphicon-file </span><br/>
- <span class="glyphicon glyphicon-time"> glyphicon-time </span><br/>
- <span class="glyphicon glyphicon-road"> glyphicon-road </span><br/>
- <span class="glyphicon glyphicon-download-alt"> glyphicon-download-alt </span><br/>
- <span class="glyphicon glyphicon-download"> glyphicon-download </span><br/>
- <span class="glyphicon glyphicon-upload"> glyphicon-upload </span><br/>
- <span class="glyphicon glyphicon-inbox"> glyphicon-inbox </span><br/>
- <span class="glyphicon glyphicon-play-circle"> glyphicon-play-circle </span><br/>
- <span class="glyphicon glyphicon-repeat"> glyphicon-repeat </span><br/>
- <span class="glyphicon glyphicon-refresh"> glyphicon-refresh </span><br/>
- <span class="glyphicon glyphicon-list-alt"> glyphicon-list-alt </span><br/>
- <span class="glyphicon glyphicon-lock"> glyphicon-lock </span><br/>
- <span class="glyphicon glyphicon-flag"> glyphicon-flag </span><br/>
- <span class="glyphicon glyphicon-headphones"> glyphicon-headphones </span><br/>
- <span class="glyphicon glyphicon-volume-off"> glyphicon-volume-off </span><br/>
- <span class="glyphicon glyphicon-volume-down"> glyphicon-volume-down </span><br/>
- <span class="glyphicon glyphicon-volume-up"> glyphicon-volume-up </span><br/>
- <span class="glyphicon glyphicon-qrcode"> glyphicon-qrcode </span><br/>
- <span class="glyphicon glyphicon-barcode"> glyphicon-barcode </span><br/>
- <span class="glyphicon glyphicon-tag"> glyphicon-tag </span><br/>
- <span class="glyphicon glyphicon-tags"> glyphicon-tags </span><br/>
- <span class="glyphicon glyphicon-book"> glyphicon-book </span><br/>
- <span class="glyphicon glyphicon-bookmark"> glyphicon-bookmark </span><br/>
- <span class="glyphicon glyphicon-print"> glyphicon-print </span><br/>
- <span class="glyphicon glyphicon-camera"> glyphicon-camera </span><br/>
- <span class="glyphicon glyphicon-font"> glyphicon-font </span><br/>
- <span class="glyphicon glyphicon-bold"> glyphicon-bold </span><br/>
- <span class="glyphicon glyphicon-italic"> glyphicon-italic </span><br/>
- <span class="glyphicon glyphicon-text-height"> glyphicon-text-height </span><br/>
- <span class="glyphicon glyphicon-text-width"> glyphicon-text-width </span><br/>
- <span class="glyphicon glyphicon-align-left"> glyphicon-align-left </span><br/>
- <span class="glyphicon glyphicon-align-center"> glyphicon-align-center </span><br/>
- <span class="glyphicon glyphicon-align-right"> glyphicon-align-right </span><br/>
- <span class="glyphicon glyphicon-align-justify"> glyphicon-align-justify </span><br/>
- <span class="glyphicon glyphicon-list"> glyphicon-list </span><br/>
- <span class="glyphicon glyphicon-indent-left"> glyphicon-indent-left </span><br/>
- <span class="glyphicon glyphicon-indent-right"> glyphicon-indent-right </span><br/>
- <span class="glyphicon glyphicon-facetime-video"> glyphicon-facetime-video </span><br/>
- <span class="glyphicon glyphicon-picture"> glyphicon-picture </span><br/>
- <span class="glyphicon glyphicon-map-marker"> glyphicon-map-marker </span><br/>
- <span class="glyphicon glyphicon-adjust"> glyphicon-adjust </span><br/>
- <span class="glyphicon glyphicon-tint"> glyphicon-tint </span><br/>
- <span class="glyphicon glyphicon-edit"> glyphicon-edit </span><br/>
- <span class="glyphicon glyphicon-share"> glyphicon-share </span><br/>
- <span class="glyphicon glyphicon-check"> glyphicon-check </span><br/>
- <span class="glyphicon glyphicon-move"> glyphicon-move </span><br/>
- <span class="glyphicon glyphicon-step-backward"> glyphicon-step-backward </span><br/>
- <span class="glyphicon glyphicon-fast-backward"> glyphicon-fast-backward </span><br/>
- <span class="glyphicon glyphicon-backward"> glyphicon-backward </span><br/>
- <span class="glyphicon glyphicon-play"> glyphicon-play </span><br/>
- <span class="glyphicon glyphicon-pause"> glyphicon-pause </span><br/>
- <span class="glyphicon glyphicon-stop"> glyphicon-stop </span><br/>
- <span class="glyphicon glyphicon-forward"> glyphicon-forward </span><br/>
- <span class="glyphicon glyphicon-fast-forward"> glyphicon-fast-forward </span><br/>
- <span class="glyphicon glyphicon-step-forward"> glyphicon-step-forward </span><br/>
- <span class="glyphicon glyphicon-eject"> glyphicon-eject </span><br/>
- <span class="glyphicon glyphicon-chevron-left"> glyphicon-chevron-left </span><br/>
- <span class="glyphicon glyphicon-chevron-right"> glyphicon-chevron-right </span><br/>
- <span class="glyphicon glyphicon-plus-sign"> glyphicon-plus-sign </span><br/>
- </div>
- <div class="bs-glyphicons col-lg-4">
- <span class="glyphicon glyphicon-minus-sign"> glyphicon-minus-sign </span><br/>
- <span class="glyphicon glyphicon-remove-sign"> glyphicon-remove-sign </span><br/>
- <span class="glyphicon glyphicon-ok-sign"> glyphicon-ok-sign </span><br/>
- <span class="glyphicon glyphicon-question-sign"> glyphicon-question-sign </span><br/>
- <span class="glyphicon glyphicon-info-sign"> glyphicon-info-sign </span><br/>
- <span class="glyphicon glyphicon-screenshot"> glyphicon-screenshot </span><br/>
- <span class="glyphicon glyphicon-remove-circle"> glyphicon-remove-circle </span><br/>
- <span class="glyphicon glyphicon-ok-circle"> glyphicon-ok-circle </span><br/>
- <span class="glyphicon glyphicon-ban-circle"> glyphicon-ban-circle </span><br/>
- <span class="glyphicon glyphicon-arrow-left"> glyphicon-arrow-left </span><br/>
- <span class="glyphicon glyphicon-arrow-right"> glyphicon-arrow-right </span><br/>
- <span class="glyphicon glyphicon-arrow-up"> glyphicon-arrow-up </span><br/>
- <span class="glyphicon glyphicon-arrow-down"> glyphicon-arrow-down </span><br/>
- <span class="glyphicon glyphicon-share-alt"> glyphicon-share-alt </span><br/>
- <span class="glyphicon glyphicon-resize-full"> glyphicon-resize-full </span><br/>
- <span class="glyphicon glyphicon-resize-small"> glyphicon-resize-small </span><br/>
- <span class="glyphicon glyphicon-exclamation-sign"> glyphicon-exclamation-sign </span><br/>
- <span class="glyphicon glyphicon-gift"> glyphicon-gift </span><br/>
- <span class="glyphicon glyphicon-leaf"> glyphicon-leaf </span><br/>
- <span class="glyphicon glyphicon-fire"> glyphicon-fire </span><br/>
- <span class="glyphicon glyphicon-eye-open"> glyphicon-eye-open </span><br/>
- <span class="glyphicon glyphicon-eye-close"> glyphicon-eye-close </span><br/>
- <span class="glyphicon glyphicon-warning-sign"> glyphicon-warning-sign </span><br/>
- <span class="glyphicon glyphicon-plane"> glyphicon-plane </span><br/>
- <span class="glyphicon glyphicon-calendar"> glyphicon-calendar </span><br/>
- <span class="glyphicon glyphicon-random"> glyphicon-random </span><br/>
- <span class="glyphicon glyphicon-comment"> glyphicon-comment </span><br/>
- <span class="glyphicon glyphicon-magnet"> glyphicon-magnet </span><br/>
- <span class="glyphicon glyphicon-chevron-up"> glyphicon-chevron-up </span><br/>
- <span class="glyphicon glyphicon-chevron-down"> glyphicon-chevron-down </span><br/>
- <span class="glyphicon glyphicon-retweet"> glyphicon-retweet </span><br/>
- <span class="glyphicon glyphicon-shopping-cart"> glyphicon-shopping-cart </span><br/>
- <span class="glyphicon glyphicon-folder-close"> glyphicon-folder-close </span><br/>
- <span class="glyphicon glyphicon-folder-open"> glyphicon-folder-open </span><br/>
- <span class="glyphicon glyphicon-resize-vertical"> glyphicon-resize-vertical </span><br/>
- <span class="glyphicon glyphicon-resize-horizontal"> glyphicon-resize-horizontal </span><br/>
- <span class="glyphicon glyphicon-hdd"> glyphicon-hdd </span><br/>
- <span class="glyphicon glyphicon-bullhorn"> glyphicon-bullhorn </span><br/>
- <span class="glyphicon glyphicon-bell"> glyphicon-bell </span><br/>
- <span class="glyphicon glyphicon-certificate"> glyphicon-certificate </span><br/>
- <span class="glyphicon glyphicon-thumbs-up"> glyphicon-thumbs-up </span><br/>
- <span class="glyphicon glyphicon-thumbs-down"> glyphicon-thumbs-down </span><br/>
- <span class="glyphicon glyphicon-hand-right"> glyphicon-hand-right </span><br/>
- <span class="glyphicon glyphicon-hand-left"> glyphicon-hand-left </span><br/>
- <span class="glyphicon glyphicon-hand-up"> glyphicon-hand-up </span><br/>
- <span class="glyphicon glyphicon-hand-down"> glyphicon-hand-down </span><br/>
- <span class="glyphicon glyphicon-circle-arrow-right"> glyphicon-circle-arrow-right </span><br/>
- <span class="glyphicon glyphicon-circle-arrow-left"> glyphicon-circle-arrow-left </span><br/>
- <span class="glyphicon glyphicon-circle-arrow-up"> glyphicon-circle-arrow-up </span><br/>
- <span class="glyphicon glyphicon-circle-arrow-down"> glyphicon-circle-arrow-down </span><br/>
- <span class="glyphicon glyphicon-globe"> glyphicon-globe </span><br/>
- <span class="glyphicon glyphicon-wrench"> glyphicon-wrench </span><br/>
- <span class="glyphicon glyphicon-tasks"> glyphicon-tasks </span><br/>
- <span class="glyphicon glyphicon-filter"> glyphicon-filter </span><br/>
- <span class="glyphicon glyphicon-briefcase"> glyphicon-briefcase </span><br/>
- <span class="glyphicon glyphicon-fullscreen"> glyphicon-fullscreen </span><br/>
- <span class="glyphicon glyphicon-dashboard"> glyphicon-dashboard </span><br/>
- <span class="glyphicon glyphicon-paperclip"> glyphicon-paperclip </span><br/>
- <span class="glyphicon glyphicon-heart-empty"> glyphicon-heart-empty </span><br/>
- <span class="glyphicon glyphicon-link"> glyphicon-link </span><br/>
- <span class="glyphicon glyphicon-phone"> glyphicon-phone </span><br/>
- <span class="glyphicon glyphicon-pushpin"> glyphicon-pushpin </span><br/>
- <span class="glyphicon glyphicon-usd"> glyphicon-usd </span><br/>
- <span class="glyphicon glyphicon-gbp"> glyphicon-gbp </span><br/>
- <span class="glyphicon glyphicon-sort"> glyphicon-sort </span><br/>
- <span class="glyphicon glyphicon-sort-by-alphabet"> glyphicon-sort-by-alphabet </span><br/>
- <span class="glyphicon glyphicon-sort-by-alphabet-alt"> glyphicon-sort-by-alphabet-alt </span><br/>
- <span class="glyphicon glyphicon-sort-by-order"> glyphicon-sort-by-order </span><br/>
- <span class="glyphicon glyphicon-sort-by-order-alt"> glyphicon-sort-by-order-alt </span><br/>
- <span class="glyphicon glyphicon-sort-by-attributes"> glyphicon-sort-by-attributes </span><br/>
- <span class="glyphicon glyphicon-sort-by-attributes-alt"> glyphicon-sort-by-attributes-alt </span><br/>
- <span class="glyphicon glyphicon-unchecked"> glyphicon-unchecked </span><br/>
- <span class="glyphicon glyphicon-expand"> glyphicon-expand </span><br/>
- <span class="glyphicon glyphicon-collapse-down"> glyphicon-collapse-down </span><br/>
- <span class="glyphicon glyphicon-collapse-up"> glyphicon-collapse-up </span><br/>
- <span class="glyphicon glyphicon-log-in"> glyphicon-log-in </span><br/>
- <span class="glyphicon glyphicon-flash"> glyphicon-flash </span><br/>
- <span class="glyphicon glyphicon-log-out"> glyphicon-log-out </span><br/>
- <span class="glyphicon glyphicon-new-window"> glyphicon-new-window </span><br/>
- <span class="glyphicon glyphicon-record"> glyphicon-record </span><br/>
- <span class="glyphicon glyphicon-save"> glyphicon-save </span><br/>
- <span class="glyphicon glyphicon-open"> glyphicon-open </span><br/>
- <span class="glyphicon glyphicon-saved"> glyphicon-saved </span><br/>
- <span class="glyphicon glyphicon-import"> glyphicon-import </span><br/>
- <span class="glyphicon glyphicon-export"> glyphicon-export </span><br/>
- <span class="glyphicon glyphicon-send"> glyphicon-send </span><br/>
- </div>
- <div class="bs-glyphicons col-lg-4">
- <span class="glyphicon glyphicon-floppy-disk"> glyphicon-floppy-disk </span><br/>
- <span class="glyphicon glyphicon-floppy-saved"> glyphicon-floppy-saved </span><br/>
- <span class="glyphicon glyphicon-floppy-remove"> glyphicon-floppy-remove </span><br/>
- <span class="glyphicon glyphicon-floppy-save"> glyphicon-floppy-save </span><br/>
- <span class="glyphicon glyphicon-floppy-open"> glyphicon-floppy-open </span><br/>
- <span class="glyphicon glyphicon-credit-card"> glyphicon-credit-card </span><br/>
- <span class="glyphicon glyphicon-transfer"> glyphicon-transfer </span><br/>
- <span class="glyphicon glyphicon-cutlery"> glyphicon-cutlery </span><br/>
- <span class="glyphicon glyphicon-header"> glyphicon-header </span><br/>
- <span class="glyphicon glyphicon-compressed"> glyphicon-compressed </span><br/>
- <span class="glyphicon glyphicon-earphone"> glyphicon-earphone </span><br/>
- <span class="glyphicon glyphicon-phone-alt"> glyphicon-phone-alt </span><br/>
- <span class="glyphicon glyphicon-tower"> glyphicon-tower </span><br/>
- <span class="glyphicon glyphicon-stats"> glyphicon-stats </span><br/>
- <span class="glyphicon glyphicon-sd-video"> glyphicon-sd-video </span><br/>
- <span class="glyphicon glyphicon-hd-video"> glyphicon-hd-video </span><br/>
- <span class="glyphicon glyphicon-subtitles"> glyphicon-subtitles </span><br/>
- <span class="glyphicon glyphicon-sound-stereo"> glyphicon-sound-stereo </span><br/>
- <span class="glyphicon glyphicon-sound-dolby"> glyphicon-sound-dolby </span><br/>
- <span class="glyphicon glyphicon-sound-5-1"> glyphicon-sound-5-1 </span><br/>
- <span class="glyphicon glyphicon-sound-6-1"> glyphicon-sound-6-1 </span><br/>
- <span class="glyphicon glyphicon-sound-7-1"> glyphicon-sound-7-1 </span><br/>
- <span class="glyphicon glyphicon-copyright-mark"> glyphicon-copyright-mark </span><br/>
- <span class="glyphicon glyphicon-registration-mark"> glyphicon-registration-mark </span><br/>
- <span class="glyphicon glyphicon-cloud-download"> glyphicon-cloud-download </span><br/>
- <span class="glyphicon glyphicon-cloud-upload"> glyphicon-cloud-upload </span><br/>
- <span class="glyphicon glyphicon-tree-conifer"> glyphicon-tree-conifer </span><br/>
- <span class="glyphicon glyphicon-tree-deciduous"> glyphicon-tree-deciduous </span><br/>
- <span class="glyphicon glyphicon-cd"> glyphicon-cd </span><br/>
- <span class="glyphicon glyphicon-save-file"> glyphicon-save-file </span><br/>
- <span class="glyphicon glyphicon-open-file"> glyphicon-open-file </span><br/>
- <span class="glyphicon glyphicon-level-up"> glyphicon-level-up </span><br/>
- <span class="glyphicon glyphicon-copy"> glyphicon-copy </span><br/>
- <span class="glyphicon glyphicon-paste"> glyphicon-paste </span><br/>
- <span class="glyphicon glyphicon-alert"> glyphicon-alert </span><br/>
- <span class="glyphicon glyphicon-equalizer"> glyphicon-equalizer </span><br/>
- <span class="glyphicon glyphicon-king"> glyphicon-king </span><br/>
- <span class="glyphicon glyphicon-queen"> glyphicon-queen </span><br/>
- <span class="glyphicon glyphicon-pawn"> glyphicon-pawn </span><br/>
- <span class="glyphicon glyphicon-bishop"> glyphicon-bishop </span><br/>
- <span class="glyphicon glyphicon-knight"> glyphicon-knight </span><br/>
- <span class="glyphicon glyphicon-baby-formula"> glyphicon-baby-formula </span><br/>
- <span class="glyphicon glyphicon-tent"> glyphicon-tent </span><br/>
- <span class="glyphicon glyphicon-blackboard"> glyphicon-blackboard </span><br/>
- <span class="glyphicon glyphicon-bed"> glyphicon-bed </span><br/>
- <span class="glyphicon glyphicon-apple"> glyphicon-apple </span><br/>
- <span class="glyphicon glyphicon-erase"> glyphicon-erase </span><br/>
- <span class="glyphicon glyphicon-hourglass"> glyphicon-hourglass </span><br/>
- <span class="glyphicon glyphicon-lamp"> glyphicon-lamp </span><br/>
- <span class="glyphicon glyphicon-duplicate"> glyphicon-duplicate </span><br/>
- <span class="glyphicon glyphicon-piggy-bank"> glyphicon-piggy-bank </span><br/>
- <span class="glyphicon glyphicon-scissors"> glyphicon-scissors </span><br/>
- <span class="glyphicon glyphicon-bitcoin"> glyphicon-bitcoin </span><br/>
- <span class="glyphicon glyphicon-yen"> glyphicon-yen </span><br/>
- <span class="glyphicon glyphicon-ruble"> glyphicon-ruble </span><br/>
- <span class="glyphicon glyphicon-scale"> glyphicon-scale </span><br/>
- <span class="glyphicon glyphicon-ice-lolly"> glyphicon-ice-lolly </span><br/>
- <span class="glyphicon glyphicon-ice-lolly-tasted"> glyphicon-ice-lolly-tasted </span><br/>
- <span class="glyphicon glyphicon-education"> glyphicon-education </span><br/>
- <span class="glyphicon glyphicon-option-horizontal"> glyphicon-option-horizontal </span><br/>
- <span class="glyphicon glyphicon-option-vertical"> glyphicon-option-vertical </span><br/>
- <span class="glyphicon glyphicon-menu-hamburger"> glyphicon-menu-hamburger </span><br/>
- <span class="glyphicon glyphicon-modal-window"> glyphicon-modal-window </span><br/>
- <span class="glyphicon glyphicon-oil"> glyphicon-oil </span><br/>
- <span class="glyphicon glyphicon-grain"> glyphicon-grain </span><br/>
- <span class="glyphicon glyphicon-sunglasses"> glyphicon-sunglasses </span><br/>
- <span class="glyphicon glyphicon-text-size"> glyphicon-text-size </span><br/>
- <span class="glyphicon glyphicon-text-color"> glyphicon-text-color </span><br/>
- <span class="glyphicon glyphicon-text-background"> glyphicon-text-background </span><br/>
- <span class="glyphicon glyphicon-object-align-top"> glyphicon-object-align-top </span><br/>
- <span class="glyphicon glyphicon-object-align-bottom"> glyphicon-object-align-bottom </span><br/>
- <span class="glyphicon glyphicon-object-align-horizontal"> glyphicon-object-align-horizontal </span><br/>
- <span class="glyphicon glyphicon-object-align-left"> glyphicon-object-align-left </span><br/>
- <span class="glyphicon glyphicon-object-align-vertical"> glyphicon-object-align-vertical </span><br/>
- <span class="glyphicon glyphicon-object-align-right"> glyphicon-object-align-right </span><br/>
- <span class="glyphicon glyphicon-triangle-right"> glyphicon-triangle-right </span><br/>
- <span class="glyphicon glyphicon-triangle-left"> glyphicon-triangle-left </span><br/>
- <span class="glyphicon glyphicon-triangle-bottom"> glyphicon-triangle-bottom </span><br/>
- <span class="glyphicon glyphicon-triangle-top"> glyphicon-triangle-top </span><br/>
- <span class="glyphicon glyphicon-console"> glyphicon-console </span><br/>
- <span class="glyphicon glyphicon-superscript"> glyphicon-superscript </span><br/>
- <span class="glyphicon glyphicon-subscript"> glyphicon-subscript </span><br/>
- <span class="glyphicon glyphicon-menu-left"> glyphicon-menu-left </span><br/>
- <span class="glyphicon glyphicon-menu-right"> glyphicon-menu-right </span><br/>
- <span class="glyphicon glyphicon-menu-down"> glyphicon-menu-down </span><br/>
- <span class="glyphicon glyphicon-menu-up"> glyphicon-menu-up </span><br/>
+ <!-- /.row -->
+ <div class="row">
+ <div class="col-lg-12">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ All available icons (bootstrap)
</div>
+ <div class="panel-body">
+ <div class="row">
+ <div class="bs-glyphicons col-lg-4">
+ <span class="glyphicon glyphicon-asterisk"> glyphicon-asterisk </span>
+ <br/>
+ <span class="glyphicon glyphicon-plus"> glyphicon-plus </span>
+ <br/>
+ <span class="glyphicon glyphicon-euro"> glyphicon-euro </span>
+ <br/>
+ <span class="glyphicon glyphicon-eur"> glyphicon-eur </span>
+ <br/>
+ <span class="glyphicon glyphicon-minus"> glyphicon-minus </span>
+ <br/>
+ <span class="glyphicon glyphicon-cloud"> glyphicon-cloud </span>
+ <br/>
+ <span class="glyphicon glyphicon-envelope"> glyphicon-envelope </span>
+ <br/>
+ <span class="glyphicon glyphicon-pencil"> glyphicon-pencil </span>
+ <br/>
+ <span class="glyphicon glyphicon-glass"> glyphicon-glass </span>
+ <br/>
+ <span class="glyphicon glyphicon-music"> glyphicon-music </span>
+ <br/>
+ <span class="glyphicon glyphicon-search"> glyphicon-search </span>
+ <br/>
+ <span class="glyphicon glyphicon-heart"> glyphicon-heart </span>
+ <br/>
+ <span class="glyphicon glyphicon-star"> glyphicon-star </span>
+ <br/>
+ <span class="glyphicon glyphicon-star-empty"> glyphicon-star-empty </span>
+ <br/>
+ <span class="glyphicon glyphicon-user"> glyphicon-user </span>
+ <br/>
+ <span class="glyphicon glyphicon-film"> glyphicon-film </span>
+ <br/>
+ <span class="glyphicon glyphicon-th-large"> glyphicon-th-large </span>
+ <br/>
+ <span class="glyphicon glyphicon-th"> glyphicon-th </span>
+ <br/>
+ <span class="glyphicon glyphicon-th-list"> glyphicon-th-list </span>
+ <br/>
+ <span class="glyphicon glyphicon-ok"> glyphicon-ok </span>
+ <br/>
+ <span class="glyphicon glyphicon-remove"> glyphicon-remove </span>
+ <br/>
+ <span class="glyphicon glyphicon-zoom-in"> glyphicon-zoom-in </span>
+ <br/>
+ <span class="glyphicon glyphicon-zoom-out"> glyphicon-zoom-out </span>
+ <br/>
+ <span class="glyphicon glyphicon-off"> glyphicon-off </span>
+ <br/>
+ <span class="glyphicon glyphicon-signal"> glyphicon-signal </span>
+ <br/>
+ <span class="glyphicon glyphicon-cog"> glyphicon-cog </span>
+ <br/>
+ <span class="glyphicon glyphicon-trash"> glyphicon-trash </span>
+ <br/>
+ <span class="glyphicon glyphicon-home"> glyphicon-home </span>
+ <br/>
+ <span class="glyphicon glyphicon-file"> glyphicon-file </span>
+ <br/>
+ <span class="glyphicon glyphicon-time"> glyphicon-time </span>
+ <br/>
+ <span class="glyphicon glyphicon-road"> glyphicon-road </span>
+ <br/>
+ <span class="glyphicon glyphicon-download-alt"> glyphicon-download-alt </span>
+ <br/>
+ <span class="glyphicon glyphicon-download"> glyphicon-download </span>
+ <br/>
+ <span class="glyphicon glyphicon-upload"> glyphicon-upload </span>
+ <br/>
+ <span class="glyphicon glyphicon-inbox"> glyphicon-inbox </span>
+ <br/>
+ <span class="glyphicon glyphicon-play-circle"> glyphicon-play-circle </span>
+ <br/>
+ <span class="glyphicon glyphicon-repeat"> glyphicon-repeat </span>
+ <br/>
+ <span class="glyphicon glyphicon-refresh"> glyphicon-refresh </span>
+ <br/>
+ <span class="glyphicon glyphicon-list-alt"> glyphicon-list-alt </span>
+ <br/>
+ <span class="glyphicon glyphicon-lock"> glyphicon-lock </span>
+ <br/>
+ <span class="glyphicon glyphicon-flag"> glyphicon-flag </span>
+ <br/>
+ <span class="glyphicon glyphicon-headphones"> glyphicon-headphones </span>
+ <br/>
+ <span class="glyphicon glyphicon-volume-off"> glyphicon-volume-off </span>
+ <br/>
+ <span class="glyphicon glyphicon-volume-down"> glyphicon-volume-down </span>
+ <br/>
+ <span class="glyphicon glyphicon-volume-up"> glyphicon-volume-up </span>
+ <br/>
+ <span class="glyphicon glyphicon-qrcode"> glyphicon-qrcode </span>
+ <br/>
+ <span class="glyphicon glyphicon-barcode"> glyphicon-barcode </span>
+ <br/>
+ <span class="glyphicon glyphicon-tag"> glyphicon-tag </span>
+ <br/>
+ <span class="glyphicon glyphicon-tags"> glyphicon-tags </span>
+ <br/>
+ <span class="glyphicon glyphicon-book"> glyphicon-book </span>
+ <br/>
+ <span class="glyphicon glyphicon-bookmark"> glyphicon-bookmark </span>
+ <br/>
+ <span class="glyphicon glyphicon-print"> glyphicon-print </span>
+ <br/>
+ <span class="glyphicon glyphicon-camera"> glyphicon-camera </span>
+ <br/>
+ <span class="glyphicon glyphicon-font"> glyphicon-font </span>
+ <br/>
+ <span class="glyphicon glyphicon-bold"> glyphicon-bold </span>
+ <br/>
+ <span class="glyphicon glyphicon-italic"> glyphicon-italic </span>
+ <br/>
+ <span class="glyphicon glyphicon-text-height"> glyphicon-text-height </span>
+ <br/>
+ <span class="glyphicon glyphicon-text-width"> glyphicon-text-width </span>
+ <br/>
+ <span class="glyphicon glyphicon-align-left"> glyphicon-align-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-align-center"> glyphicon-align-center </span>
+ <br/>
+ <span class="glyphicon glyphicon-align-right"> glyphicon-align-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-align-justify"> glyphicon-align-justify </span>
+ <br/>
+ <span class="glyphicon glyphicon-list"> glyphicon-list </span>
+ <br/>
+ <span class="glyphicon glyphicon-indent-left"> glyphicon-indent-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-indent-right"> glyphicon-indent-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-facetime-video"> glyphicon-facetime-video </span>
+ <br/>
+ <span class="glyphicon glyphicon-picture"> glyphicon-picture </span>
+ <br/>
+ <span class="glyphicon glyphicon-map-marker"> glyphicon-map-marker </span>
+ <br/>
+ <span class="glyphicon glyphicon-adjust"> glyphicon-adjust </span>
+ <br/>
+ <span class="glyphicon glyphicon-tint"> glyphicon-tint </span>
+ <br/>
+ <span class="glyphicon glyphicon-edit"> glyphicon-edit </span>
+ <br/>
+ <span class="glyphicon glyphicon-share"> glyphicon-share </span>
+ <br/>
+ <span class="glyphicon glyphicon-check"> glyphicon-check </span>
+ <br/>
+ <span class="glyphicon glyphicon-move"> glyphicon-move </span>
+ <br/>
+ <span class="glyphicon glyphicon-step-backward"> glyphicon-step-backward </span>
+ <br/>
+ <span class="glyphicon glyphicon-fast-backward"> glyphicon-fast-backward </span>
+ <br/>
+ <span class="glyphicon glyphicon-backward"> glyphicon-backward </span>
+ <br/>
+ <span class="glyphicon glyphicon-play"> glyphicon-play </span>
+ <br/>
+ <span class="glyphicon glyphicon-pause"> glyphicon-pause </span>
+ <br/>
+ <span class="glyphicon glyphicon-stop"> glyphicon-stop </span>
+ <br/>
+ <span class="glyphicon glyphicon-forward"> glyphicon-forward </span>
+ <br/>
+ <span class="glyphicon glyphicon-fast-forward"> glyphicon-fast-forward </span>
+ <br/>
+ <span class="glyphicon glyphicon-step-forward"> glyphicon-step-forward </span>
+ <br/>
+ <span class="glyphicon glyphicon-eject"> glyphicon-eject </span>
+ <br/>
+ <span class="glyphicon glyphicon-chevron-left"> glyphicon-chevron-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-chevron-right"> glyphicon-chevron-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-plus-sign"> glyphicon-plus-sign </span>
+ <br/>
+ </div>
+ <div class="bs-glyphicons col-lg-4">
+ <span class="glyphicon glyphicon-minus-sign"> glyphicon-minus-sign </span>
+ <br/>
+ <span class="glyphicon glyphicon-remove-sign"> glyphicon-remove-sign </span>
+ <br/>
+ <span class="glyphicon glyphicon-ok-sign"> glyphicon-ok-sign </span>
+ <br/>
+ <span class="glyphicon glyphicon-question-sign"> glyphicon-question-sign </span>
+ <br/>
+ <span class="glyphicon glyphicon-info-sign"> glyphicon-info-sign </span>
+ <br/>
+ <span class="glyphicon glyphicon-screenshot"> glyphicon-screenshot </span>
+ <br/>
+ <span class="glyphicon glyphicon-remove-circle"> glyphicon-remove-circle </span>
+ <br/>
+ <span class="glyphicon glyphicon-ok-circle"> glyphicon-ok-circle </span>
+ <br/>
+ <span class="glyphicon glyphicon-ban-circle"> glyphicon-ban-circle </span>
+ <br/>
+ <span class="glyphicon glyphicon-arrow-left"> glyphicon-arrow-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-arrow-right"> glyphicon-arrow-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-arrow-up"> glyphicon-arrow-up </span>
+ <br/>
+ <span class="glyphicon glyphicon-arrow-down"> glyphicon-arrow-down </span>
+ <br/>
+ <span class="glyphicon glyphicon-share-alt"> glyphicon-share-alt </span>
+ <br/>
+ <span class="glyphicon glyphicon-resize-full"> glyphicon-resize-full </span>
+ <br/>
+ <span class="glyphicon glyphicon-resize-small"> glyphicon-resize-small </span>
+ <br/>
+ <span class="glyphicon glyphicon-exclamation-sign"> glyphicon-exclamation-sign </span>
+ <br/>
+ <span class="glyphicon glyphicon-gift"> glyphicon-gift </span>
+ <br/>
+ <span class="glyphicon glyphicon-leaf"> glyphicon-leaf </span>
+ <br/>
+ <span class="glyphicon glyphicon-fire"> glyphicon-fire </span>
+ <br/>
+ <span class="glyphicon glyphicon-eye-open"> glyphicon-eye-open </span>
+ <br/>
+ <span class="glyphicon glyphicon-eye-close"> glyphicon-eye-close </span>
+ <br/>
+ <span class="glyphicon glyphicon-warning-sign"> glyphicon-warning-sign </span>
+ <br/>
+ <span class="glyphicon glyphicon-plane"> glyphicon-plane </span>
+ <br/>
+ <span class="glyphicon glyphicon-calendar"> glyphicon-calendar </span>
+ <br/>
+ <span class="glyphicon glyphicon-random"> glyphicon-random </span>
+ <br/>
+ <span class="glyphicon glyphicon-comment"> glyphicon-comment </span>
+ <br/>
+ <span class="glyphicon glyphicon-magnet"> glyphicon-magnet </span>
+ <br/>
+ <span class="glyphicon glyphicon-chevron-up"> glyphicon-chevron-up </span>
+ <br/>
+ <span class="glyphicon glyphicon-chevron-down"> glyphicon-chevron-down </span>
+ <br/>
+ <span class="glyphicon glyphicon-retweet"> glyphicon-retweet </span>
+ <br/>
+ <span class="glyphicon glyphicon-shopping-cart"> glyphicon-shopping-cart </span>
+ <br/>
+ <span class="glyphicon glyphicon-folder-close"> glyphicon-folder-close </span>
+ <br/>
+ <span class="glyphicon glyphicon-folder-open"> glyphicon-folder-open </span>
+ <br/>
+ <span class="glyphicon glyphicon-resize-vertical"> glyphicon-resize-vertical </span>
+ <br/>
+ <span class="glyphicon glyphicon-resize-horizontal"> glyphicon-resize-horizontal </span>
+ <br/>
+ <span class="glyphicon glyphicon-hdd"> glyphicon-hdd </span>
+ <br/>
+ <span class="glyphicon glyphicon-bullhorn"> glyphicon-bullhorn </span>
+ <br/>
+ <span class="glyphicon glyphicon-bell"> glyphicon-bell </span>
+ <br/>
+ <span class="glyphicon glyphicon-certificate"> glyphicon-certificate </span>
+ <br/>
+ <span class="glyphicon glyphicon-thumbs-up"> glyphicon-thumbs-up </span>
+ <br/>
+ <span class="glyphicon glyphicon-thumbs-down"> glyphicon-thumbs-down </span>
+ <br/>
+ <span class="glyphicon glyphicon-hand-right"> glyphicon-hand-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-hand-left"> glyphicon-hand-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-hand-up"> glyphicon-hand-up </span>
+ <br/>
+ <span class="glyphicon glyphicon-hand-down"> glyphicon-hand-down </span>
+ <br/>
+ <span class="glyphicon glyphicon-circle-arrow-right"> glyphicon-circle-arrow-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-circle-arrow-left"> glyphicon-circle-arrow-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-circle-arrow-up"> glyphicon-circle-arrow-up </span>
+ <br/>
+ <span class="glyphicon glyphicon-circle-arrow-down"> glyphicon-circle-arrow-down </span>
+ <br/>
+ <span class="glyphicon glyphicon-globe"> glyphicon-globe </span>
+ <br/>
+ <span class="glyphicon glyphicon-wrench"> glyphicon-wrench </span>
+ <br/>
+ <span class="glyphicon glyphicon-tasks"> glyphicon-tasks </span>
+ <br/>
+ <span class="glyphicon glyphicon-filter"> glyphicon-filter </span>
+ <br/>
+ <span class="glyphicon glyphicon-briefcase"> glyphicon-briefcase </span>
+ <br/>
+ <span class="glyphicon glyphicon-fullscreen"> glyphicon-fullscreen </span>
+ <br/>
+ <span class="glyphicon glyphicon-dashboard"> glyphicon-dashboard </span>
+ <br/>
+ <span class="glyphicon glyphicon-paperclip"> glyphicon-paperclip </span>
+ <br/>
+ <span class="glyphicon glyphicon-heart-empty"> glyphicon-heart-empty </span>
+ <br/>
+ <span class="glyphicon glyphicon-link"> glyphicon-link </span>
+ <br/>
+ <span class="glyphicon glyphicon-phone"> glyphicon-phone </span>
+ <br/>
+ <span class="glyphicon glyphicon-pushpin"> glyphicon-pushpin </span>
+ <br/>
+ <span class="glyphicon glyphicon-usd"> glyphicon-usd </span>
+ <br/>
+ <span class="glyphicon glyphicon-gbp"> glyphicon-gbp </span>
+ <br/>
+ <span class="glyphicon glyphicon-sort"> glyphicon-sort </span>
+ <br/>
+ <span class="glyphicon glyphicon-sort-by-alphabet"> glyphicon-sort-by-alphabet </span>
+ <br/>
+ <span class="glyphicon glyphicon-sort-by-alphabet-alt"> glyphicon-sort-by-alphabet-alt </span>
+ <br/>
+ <span class="glyphicon glyphicon-sort-by-order"> glyphicon-sort-by-order </span>
+ <br/>
+ <span class="glyphicon glyphicon-sort-by-order-alt"> glyphicon-sort-by-order-alt </span>
+ <br/>
+ <span class="glyphicon glyphicon-sort-by-attributes"> glyphicon-sort-by-attributes </span>
+ <br/>
+ <span class="glyphicon glyphicon-sort-by-attributes-alt"> glyphicon-sort-by-attributes-alt </span>
+ <br/>
+ <span class="glyphicon glyphicon-unchecked"> glyphicon-unchecked </span>
+ <br/>
+ <span class="glyphicon glyphicon-expand"> glyphicon-expand </span>
+ <br/>
+ <span class="glyphicon glyphicon-collapse-down"> glyphicon-collapse-down </span>
+ <br/>
+ <span class="glyphicon glyphicon-collapse-up"> glyphicon-collapse-up </span>
+ <br/>
+ <span class="glyphicon glyphicon-log-in"> glyphicon-log-in </span>
+ <br/>
+ <span class="glyphicon glyphicon-flash"> glyphicon-flash </span>
+ <br/>
+ <span class="glyphicon glyphicon-log-out"> glyphicon-log-out </span>
+ <br/>
+ <span class="glyphicon glyphicon-new-window"> glyphicon-new-window </span>
+ <br/>
+ <span class="glyphicon glyphicon-record"> glyphicon-record </span>
+ <br/>
+ <span class="glyphicon glyphicon-save"> glyphicon-save </span>
+ <br/>
+ <span class="glyphicon glyphicon-open"> glyphicon-open </span>
+ <br/>
+ <span class="glyphicon glyphicon-saved"> glyphicon-saved </span>
+ <br/>
+ <span class="glyphicon glyphicon-import"> glyphicon-import </span>
+ <br/>
+ <span class="glyphicon glyphicon-export"> glyphicon-export </span>
+ <br/>
+ <span class="glyphicon glyphicon-send"> glyphicon-send </span>
+ <br/>
+ </div>
+ <div class="bs-glyphicons col-lg-4">
+ <span class="glyphicon glyphicon-floppy-disk"> glyphicon-floppy-disk </span>
+ <br/>
+ <span class="glyphicon glyphicon-floppy-saved"> glyphicon-floppy-saved </span>
+ <br/>
+ <span class="glyphicon glyphicon-floppy-remove"> glyphicon-floppy-remove </span>
+ <br/>
+ <span class="glyphicon glyphicon-floppy-save"> glyphicon-floppy-save </span>
+ <br/>
+ <span class="glyphicon glyphicon-floppy-open"> glyphicon-floppy-open </span>
+ <br/>
+ <span class="glyphicon glyphicon-credit-card"> glyphicon-credit-card </span>
+ <br/>
+ <span class="glyphicon glyphicon-transfer"> glyphicon-transfer </span>
+ <br/>
+ <span class="glyphicon glyphicon-cutlery"> glyphicon-cutlery </span>
+ <br/>
+ <span class="glyphicon glyphicon-header"> glyphicon-header </span>
+ <br/>
+ <span class="glyphicon glyphicon-compressed"> glyphicon-compressed </span>
+ <br/>
+ <span class="glyphicon glyphicon-earphone"> glyphicon-earphone </span>
+ <br/>
+ <span class="glyphicon glyphicon-phone-alt"> glyphicon-phone-alt </span>
+ <br/>
+ <span class="glyphicon glyphicon-tower"> glyphicon-tower </span>
+ <br/>
+ <span class="glyphicon glyphicon-stats"> glyphicon-stats </span>
+ <br/>
+ <span class="glyphicon glyphicon-sd-video"> glyphicon-sd-video </span>
+ <br/>
+ <span class="glyphicon glyphicon-hd-video"> glyphicon-hd-video </span>
+ <br/>
+ <span class="glyphicon glyphicon-subtitles"> glyphicon-subtitles </span>
+ <br/>
+ <span class="glyphicon glyphicon-sound-stereo"> glyphicon-sound-stereo </span>
+ <br/>
+ <span class="glyphicon glyphicon-sound-dolby"> glyphicon-sound-dolby </span>
+ <br/>
+ <span class="glyphicon glyphicon-sound-5-1"> glyphicon-sound-5-1 </span>
+ <br/>
+ <span class="glyphicon glyphicon-sound-6-1"> glyphicon-sound-6-1 </span>
+ <br/>
+ <span class="glyphicon glyphicon-sound-7-1"> glyphicon-sound-7-1 </span>
+ <br/>
+ <span class="glyphicon glyphicon-copyright-mark"> glyphicon-copyright-mark </span>
+ <br/>
+ <span class="glyphicon glyphicon-registration-mark"> glyphicon-registration-mark </span>
+ <br/>
+ <span class="glyphicon glyphicon-cloud-download"> glyphicon-cloud-download </span>
+ <br/>
+ <span class="glyphicon glyphicon-cloud-upload"> glyphicon-cloud-upload </span>
+ <br/>
+ <span class="glyphicon glyphicon-tree-conifer"> glyphicon-tree-conifer </span>
+ <br/>
+ <span class="glyphicon glyphicon-tree-deciduous"> glyphicon-tree-deciduous </span>
+ <br/>
+ <span class="glyphicon glyphicon-cd"> glyphicon-cd </span>
+ <br/>
+ <span class="glyphicon glyphicon-save-file"> glyphicon-save-file </span>
+ <br/>
+ <span class="glyphicon glyphicon-open-file"> glyphicon-open-file </span>
+ <br/>
+ <span class="glyphicon glyphicon-level-up"> glyphicon-level-up </span>
+ <br/>
+ <span class="glyphicon glyphicon-copy"> glyphicon-copy </span>
+ <br/>
+ <span class="glyphicon glyphicon-paste"> glyphicon-paste </span>
+ <br/>
+ <span class="glyphicon glyphicon-alert"> glyphicon-alert </span>
+ <br/>
+ <span class="glyphicon glyphicon-equalizer"> glyphicon-equalizer </span>
+ <br/>
+ <span class="glyphicon glyphicon-king"> glyphicon-king </span>
+ <br/>
+ <span class="glyphicon glyphicon-queen"> glyphicon-queen </span>
+ <br/>
+ <span class="glyphicon glyphicon-pawn"> glyphicon-pawn </span>
+ <br/>
+ <span class="glyphicon glyphicon-bishop"> glyphicon-bishop </span>
+ <br/>
+ <span class="glyphicon glyphicon-knight"> glyphicon-knight </span>
+ <br/>
+ <span class="glyphicon glyphicon-baby-formula"> glyphicon-baby-formula </span>
+ <br/>
+ <span class="glyphicon glyphicon-tent"> glyphicon-tent </span>
+ <br/>
+ <span class="glyphicon glyphicon-blackboard"> glyphicon-blackboard </span>
+ <br/>
+ <span class="glyphicon glyphicon-bed"> glyphicon-bed </span>
+ <br/>
+ <span class="glyphicon glyphicon-apple"> glyphicon-apple </span>
+ <br/>
+ <span class="glyphicon glyphicon-erase"> glyphicon-erase </span>
+ <br/>
+ <span class="glyphicon glyphicon-hourglass"> glyphicon-hourglass </span>
+ <br/>
+ <span class="glyphicon glyphicon-lamp"> glyphicon-lamp </span>
+ <br/>
+ <span class="glyphicon glyphicon-duplicate"> glyphicon-duplicate </span>
+ <br/>
+ <span class="glyphicon glyphicon-piggy-bank"> glyphicon-piggy-bank </span>
+ <br/>
+ <span class="glyphicon glyphicon-scissors"> glyphicon-scissors </span>
+ <br/>
+ <span class="glyphicon glyphicon-bitcoin"> glyphicon-bitcoin </span>
+ <br/>
+ <span class="glyphicon glyphicon-yen"> glyphicon-yen </span>
+ <br/>
+ <span class="glyphicon glyphicon-ruble"> glyphicon-ruble </span>
+ <br/>
+ <span class="glyphicon glyphicon-scale"> glyphicon-scale </span>
+ <br/>
+ <span class="glyphicon glyphicon-ice-lolly"> glyphicon-ice-lolly </span>
+ <br/>
+ <span class="glyphicon glyphicon-ice-lolly-tasted"> glyphicon-ice-lolly-tasted </span>
+ <br/>
+ <span class="glyphicon glyphicon-education"> glyphicon-education </span>
+ <br/>
+ <span class="glyphicon glyphicon-option-horizontal"> glyphicon-option-horizontal </span>
+ <br/>
+ <span class="glyphicon glyphicon-option-vertical"> glyphicon-option-vertical </span>
+ <br/>
+ <span class="glyphicon glyphicon-menu-hamburger"> glyphicon-menu-hamburger </span>
+ <br/>
+ <span class="glyphicon glyphicon-modal-window"> glyphicon-modal-window </span>
+ <br/>
+ <span class="glyphicon glyphicon-oil"> glyphicon-oil </span>
+ <br/>
+ <span class="glyphicon glyphicon-grain"> glyphicon-grain </span>
+ <br/>
+ <span class="glyphicon glyphicon-sunglasses"> glyphicon-sunglasses </span>
+ <br/>
+ <span class="glyphicon glyphicon-text-size"> glyphicon-text-size </span>
+ <br/>
+ <span class="glyphicon glyphicon-text-color"> glyphicon-text-color </span>
+ <br/>
+ <span class="glyphicon glyphicon-text-background"> glyphicon-text-background </span>
+ <br/>
+ <span class="glyphicon glyphicon-object-align-top"> glyphicon-object-align-top </span>
+ <br/>
+ <span class="glyphicon glyphicon-object-align-bottom"> glyphicon-object-align-bottom </span>
+ <br/>
+ <span class="glyphicon glyphicon-object-align-horizontal"> glyphicon-object-align-horizontal </span>
+ <br/>
+ <span class="glyphicon glyphicon-object-align-left"> glyphicon-object-align-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-object-align-vertical"> glyphicon-object-align-vertical </span>
+ <br/>
+ <span class="glyphicon glyphicon-object-align-right"> glyphicon-object-align-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-triangle-right"> glyphicon-triangle-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-triangle-left"> glyphicon-triangle-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-triangle-bottom"> glyphicon-triangle-bottom </span>
+ <br/>
+ <span class="glyphicon glyphicon-triangle-top"> glyphicon-triangle-top </span>
+ <br/>
+ <span class="glyphicon glyphicon-console"> glyphicon-console </span>
+ <br/>
+ <span class="glyphicon glyphicon-superscript"> glyphicon-superscript </span>
+ <br/>
+ <span class="glyphicon glyphicon-subscript"> glyphicon-subscript </span>
+ <br/>
+ <span class="glyphicon glyphicon-menu-left"> glyphicon-menu-left </span>
+ <br/>
+ <span class="glyphicon glyphicon-menu-right"> glyphicon-menu-right </span>
+ <br/>
+ <span class="glyphicon glyphicon-menu-down"> glyphicon-menu-down </span>
+ <br/>
+ <span class="glyphicon glyphicon-menu-up"> glyphicon-menu-up </span>
+ <br/>
+ </div>
- <!-- /.col-lg-6 (nested) -->
+ <!-- /.col-lg-6 (nested) -->
+ </div>
+ <!-- /.row (nested) -->
+ </div>
+ <!-- /.panel-body -->
</div>
- <!-- /.row (nested) -->
+ <!-- /.panel -->
</div>
- <!-- /.panel-body -->
+ <!-- /.col-lg-12 -->
</div>
- <!-- /.panel -->
+ <!-- /.row -->
</div>
- <!-- /.col-lg-12 -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /#page-wrapper -->
+ <!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
@@ -1212,4 +1974,3 @@
</body>
</html>
-
diff --git a/pages/index.html b/pages/index.html
index ada76845f316f867e6ee65a54cc4cb9468148cd1..686f6f2c9dd3e656f66cdc4d90544443b1caa7ae 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -55,7 +55,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -106,7 +106,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -185,7 +185,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -245,7 +245,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
@@ -671,7 +671,7 @@
<hr>
<div class="btn-group">
<button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown">
- <i class="fa fa-gear"></i> <span class="caret"></span>
+ <i class="fa fa-gear"></i> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a>
@@ -790,8 +790,7 @@
<!-- /.panel -->
<div class="chat-panel panel panel-default">
<div class="panel-heading">
- <i class="fa fa-comments fa-fw"></i>
- Chat
+ <i class="fa fa-comments fa-fw"></i> Chat
<div class="btn-group pull-right">
<button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-chevron-down"></i>
diff --git a/pages/morris.html b/pages/morris.html
index 3b67aa10f3446e3748f553015abcc3d534b4746a..a6323c53a44a9a128cfd5cd03735aee42d11c998 100644
--- a/pages/morris.html
+++ b/pages/morris.html
@@ -55,7 +55,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -106,7 +106,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -185,7 +185,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -245,7 +245,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
diff --git a/pages/notifications.html b/pages/notifications.html
index 0135eed982e0712532ca4a09ca85fad19d70244d..a118669c79945b05b6a4d6d91706d17ade9d9cbc 100644
--- a/pages/notifications.html
+++ b/pages/notifications.html
@@ -52,7 +52,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -103,7 +103,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -182,7 +182,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -242,7 +242,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
@@ -534,7 +534,6 @@
selector: "[data-toggle=tooltip]",
container: "body"
})
-
// popover demo
$("[data-toggle=popover]")
.popover()
diff --git a/pages/panels-wells.html b/pages/panels-wells.html
index 17c88fec11e2ddf1a8eda4e0a7abff1fcae62d32..ead1863725a52bb853bde642142f3781c0552ebb 100644
--- a/pages/panels-wells.html
+++ b/pages/panels-wells.html
@@ -52,7 +52,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -103,7 +103,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -182,7 +182,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -242,7 +242,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
diff --git a/pages/tables.html b/pages/tables.html
index 7826f1b80f63d5524088ba739c4bd222357768b5..74e4393ef075643c17f01e6e0c156af577e92b84 100644
--- a/pages/tables.html
+++ b/pages/tables.html
@@ -58,7 +58,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -109,7 +109,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -188,7 +188,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -248,7 +248,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
@@ -389,421 +389,419 @@
</div>
<!-- /.panel-heading -->
<div class="panel-body">
- <div class="dataTable_wrapper">
- <table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">
- <thead>
- <tr>
- <th>Rendering engine</th>
- <th>Browser</th>
- <th>Platform(s)</th>
- <th>Engine version</th>
- <th>CSS grade</th>
- </tr>
- </thead>
- <tbody>
- <tr class="odd gradeX">
- <td>Trident</td>
- <td>Internet Explorer 4.0</td>
- <td>Win 95+</td>
- <td class="center">4</td>
- <td class="center">X</td>
- </tr>
- <tr class="even gradeC">
- <td>Trident</td>
- <td>Internet Explorer 5.0</td>
- <td>Win 95+</td>
- <td class="center">5</td>
- <td class="center">C</td>
- </tr>
- <tr class="odd gradeA">
- <td>Trident</td>
- <td>Internet Explorer 5.5</td>
- <td>Win 95+</td>
- <td class="center">5.5</td>
- <td class="center">A</td>
- </tr>
- <tr class="even gradeA">
- <td>Trident</td>
- <td>Internet Explorer 6</td>
- <td>Win 98+</td>
- <td class="center">6</td>
- <td class="center">A</td>
- </tr>
- <tr class="odd gradeA">
- <td>Trident</td>
- <td>Internet Explorer 7</td>
- <td>Win XP SP2+</td>
- <td class="center">7</td>
- <td class="center">A</td>
- </tr>
- <tr class="even gradeA">
- <td>Trident</td>
- <td>AOL browser (AOL desktop)</td>
- <td>Win XP</td>
- <td class="center">6</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Firefox 1.0</td>
- <td>Win 98+ / OSX.2+</td>
- <td class="center">1.7</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Firefox 1.5</td>
- <td>Win 98+ / OSX.2+</td>
- <td class="center">1.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Firefox 2.0</td>
- <td>Win 98+ / OSX.2+</td>
- <td class="center">1.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Firefox 3.0</td>
- <td>Win 2k+ / OSX.3+</td>
- <td class="center">1.9</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Camino 1.0</td>
- <td>OSX.2+</td>
- <td class="center">1.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Camino 1.5</td>
- <td>OSX.3+</td>
- <td class="center">1.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Netscape 7.2</td>
- <td>Win 95+ / Mac OS 8.6-9.2</td>
- <td class="center">1.7</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Netscape Browser 8</td>
- <td>Win 98SE+</td>
- <td class="center">1.7</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Netscape Navigator 9</td>
- <td>Win 98+ / OSX.2+</td>
- <td class="center">1.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.0</td>
- <td>Win 95+ / OSX.1+</td>
- <td class="center">1</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.1</td>
- <td>Win 95+ / OSX.1+</td>
- <td class="center">1.1</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.2</td>
- <td>Win 95+ / OSX.1+</td>
- <td class="center">1.2</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.3</td>
- <td>Win 95+ / OSX.1+</td>
- <td class="center">1.3</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.4</td>
- <td>Win 95+ / OSX.1+</td>
- <td class="center">1.4</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.5</td>
- <td>Win 95+ / OSX.1+</td>
- <td class="center">1.5</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.6</td>
- <td>Win 95+ / OSX.1+</td>
- <td class="center">1.6</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.7</td>
- <td>Win 98+ / OSX.1+</td>
- <td class="center">1.7</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Mozilla 1.8</td>
- <td>Win 98+ / OSX.1+</td>
- <td class="center">1.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Seamonkey 1.1</td>
- <td>Win 98+ / OSX.2+</td>
- <td class="center">1.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Gecko</td>
- <td>Epiphany 2.20</td>
- <td>Gnome</td>
- <td class="center">1.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Webkit</td>
- <td>Safari 1.2</td>
- <td>OSX.3</td>
- <td class="center">125.5</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Webkit</td>
- <td>Safari 1.3</td>
- <td>OSX.3</td>
- <td class="center">312.8</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Webkit</td>
- <td>Safari 2.0</td>
- <td>OSX.4+</td>
- <td class="center">419.3</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Webkit</td>
- <td>Safari 3.0</td>
- <td>OSX.4+</td>
- <td class="center">522.1</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Webkit</td>
- <td>OmniWeb 5.5</td>
- <td>OSX.4+</td>
- <td class="center">420</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Webkit</td>
- <td>iPod Touch / iPhone</td>
- <td>iPod</td>
- <td class="center">420.1</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Webkit</td>
- <td>S60</td>
- <td>S60</td>
- <td class="center">413</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Opera 7.0</td>
- <td>Win 95+ / OSX.1+</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Opera 7.5</td>
- <td>Win 95+ / OSX.2+</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Opera 8.0</td>
- <td>Win 95+ / OSX.2+</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Opera 8.5</td>
- <td>Win 95+ / OSX.2+</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Opera 9.0</td>
- <td>Win 95+ / OSX.3+</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Opera 9.2</td>
- <td>Win 88+ / OSX.3+</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Opera 9.5</td>
- <td>Win 88+ / OSX.3+</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Opera for Wii</td>
- <td>Wii</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Nokia N800</td>
- <td>N800</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>Presto</td>
- <td>Nintendo DS browser</td>
- <td>Nintendo DS</td>
- <td class="center">8.5</td>
- <td class="center">C/A<sup>1</sup>
- </td>
- </tr>
- <tr class="gradeC">
- <td>KHTML</td>
- <td>Konqureror 3.1</td>
- <td>KDE 3.1</td>
- <td class="center">3.1</td>
- <td class="center">C</td>
- </tr>
- <tr class="gradeA">
- <td>KHTML</td>
- <td>Konqureror 3.3</td>
- <td>KDE 3.3</td>
- <td class="center">3.3</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeA">
- <td>KHTML</td>
- <td>Konqureror 3.5</td>
- <td>KDE 3.5</td>
- <td class="center">3.5</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeX">
- <td>Tasman</td>
- <td>Internet Explorer 4.5</td>
- <td>Mac OS 8-9</td>
- <td class="center">-</td>
- <td class="center">X</td>
- </tr>
- <tr class="gradeC">
- <td>Tasman</td>
- <td>Internet Explorer 5.1</td>
- <td>Mac OS 7.6-9</td>
- <td class="center">1</td>
- <td class="center">C</td>
- </tr>
- <tr class="gradeC">
- <td>Tasman</td>
- <td>Internet Explorer 5.2</td>
- <td>Mac OS 8-X</td>
- <td class="center">1</td>
- <td class="center">C</td>
- </tr>
- <tr class="gradeA">
- <td>Misc</td>
- <td>NetFront 3.1</td>
- <td>Embedded devices</td>
- <td class="center">-</td>
- <td class="center">C</td>
- </tr>
- <tr class="gradeA">
- <td>Misc</td>
- <td>NetFront 3.4</td>
- <td>Embedded devices</td>
- <td class="center">-</td>
- <td class="center">A</td>
- </tr>
- <tr class="gradeX">
- <td>Misc</td>
- <td>Dillo 0.8</td>
- <td>Embedded devices</td>
- <td class="center">-</td>
- <td class="center">X</td>
- </tr>
- <tr class="gradeX">
- <td>Misc</td>
- <td>Links</td>
- <td>Text only</td>
- <td class="center">-</td>
- <td class="center">X</td>
- </tr>
- <tr class="gradeX">
- <td>Misc</td>
- <td>Lynx</td>
- <td>Text only</td>
- <td class="center">-</td>
- <td class="center">X</td>
- </tr>
- <tr class="gradeC">
- <td>Misc</td>
- <td>IE Mobile</td>
- <td>Windows Mobile 6</td>
- <td class="center">-</td>
- <td class="center">C</td>
- </tr>
- <tr class="gradeC">
- <td>Misc</td>
- <td>PSP browser</td>
- <td>PSP</td>
- <td class="center">-</td>
- <td class="center">C</td>
- </tr>
- <tr class="gradeU">
- <td>Other browsers</td>
- <td>All others</td>
- <td>-</td>
- <td class="center">-</td>
- <td class="center">U</td>
- </tr>
- </tbody>
- </table>
- </div>
+ <table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">
+ <thead>
+ <tr>
+ <th>Rendering engine</th>
+ <th>Browser</th>
+ <th>Platform(s)</th>
+ <th>Engine version</th>
+ <th>CSS grade</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class="odd gradeX">
+ <td>Trident</td>
+ <td>Internet Explorer 4.0</td>
+ <td>Win 95+</td>
+ <td class="center">4</td>
+ <td class="center">X</td>
+ </tr>
+ <tr class="even gradeC">
+ <td>Trident</td>
+ <td>Internet Explorer 5.0</td>
+ <td>Win 95+</td>
+ <td class="center">5</td>
+ <td class="center">C</td>
+ </tr>
+ <tr class="odd gradeA">
+ <td>Trident</td>
+ <td>Internet Explorer 5.5</td>
+ <td>Win 95+</td>
+ <td class="center">5.5</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="even gradeA">
+ <td>Trident</td>
+ <td>Internet Explorer 6</td>
+ <td>Win 98+</td>
+ <td class="center">6</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="odd gradeA">
+ <td>Trident</td>
+ <td>Internet Explorer 7</td>
+ <td>Win XP SP2+</td>
+ <td class="center">7</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="even gradeA">
+ <td>Trident</td>
+ <td>AOL browser (AOL desktop)</td>
+ <td>Win XP</td>
+ <td class="center">6</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Firefox 1.0</td>
+ <td>Win 98+ / OSX.2+</td>
+ <td class="center">1.7</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Firefox 1.5</td>
+ <td>Win 98+ / OSX.2+</td>
+ <td class="center">1.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Firefox 2.0</td>
+ <td>Win 98+ / OSX.2+</td>
+ <td class="center">1.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Firefox 3.0</td>
+ <td>Win 2k+ / OSX.3+</td>
+ <td class="center">1.9</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Camino 1.0</td>
+ <td>OSX.2+</td>
+ <td class="center">1.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Camino 1.5</td>
+ <td>OSX.3+</td>
+ <td class="center">1.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Netscape 7.2</td>
+ <td>Win 95+ / Mac OS 8.6-9.2</td>
+ <td class="center">1.7</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Netscape Browser 8</td>
+ <td>Win 98SE+</td>
+ <td class="center">1.7</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Netscape Navigator 9</td>
+ <td>Win 98+ / OSX.2+</td>
+ <td class="center">1.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.0</td>
+ <td>Win 95+ / OSX.1+</td>
+ <td class="center">1</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.1</td>
+ <td>Win 95+ / OSX.1+</td>
+ <td class="center">1.1</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.2</td>
+ <td>Win 95+ / OSX.1+</td>
+ <td class="center">1.2</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.3</td>
+ <td>Win 95+ / OSX.1+</td>
+ <td class="center">1.3</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.4</td>
+ <td>Win 95+ / OSX.1+</td>
+ <td class="center">1.4</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.5</td>
+ <td>Win 95+ / OSX.1+</td>
+ <td class="center">1.5</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.6</td>
+ <td>Win 95+ / OSX.1+</td>
+ <td class="center">1.6</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.7</td>
+ <td>Win 98+ / OSX.1+</td>
+ <td class="center">1.7</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Mozilla 1.8</td>
+ <td>Win 98+ / OSX.1+</td>
+ <td class="center">1.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Seamonkey 1.1</td>
+ <td>Win 98+ / OSX.2+</td>
+ <td class="center">1.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Gecko</td>
+ <td>Epiphany 2.20</td>
+ <td>Gnome</td>
+ <td class="center">1.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Webkit</td>
+ <td>Safari 1.2</td>
+ <td>OSX.3</td>
+ <td class="center">125.5</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Webkit</td>
+ <td>Safari 1.3</td>
+ <td>OSX.3</td>
+ <td class="center">312.8</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Webkit</td>
+ <td>Safari 2.0</td>
+ <td>OSX.4+</td>
+ <td class="center">419.3</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Webkit</td>
+ <td>Safari 3.0</td>
+ <td>OSX.4+</td>
+ <td class="center">522.1</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Webkit</td>
+ <td>OmniWeb 5.5</td>
+ <td>OSX.4+</td>
+ <td class="center">420</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Webkit</td>
+ <td>iPod Touch / iPhone</td>
+ <td>iPod</td>
+ <td class="center">420.1</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Webkit</td>
+ <td>S60</td>
+ <td>S60</td>
+ <td class="center">413</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Opera 7.0</td>
+ <td>Win 95+ / OSX.1+</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Opera 7.5</td>
+ <td>Win 95+ / OSX.2+</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Opera 8.0</td>
+ <td>Win 95+ / OSX.2+</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Opera 8.5</td>
+ <td>Win 95+ / OSX.2+</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Opera 9.0</td>
+ <td>Win 95+ / OSX.3+</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Opera 9.2</td>
+ <td>Win 88+ / OSX.3+</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Opera 9.5</td>
+ <td>Win 88+ / OSX.3+</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Opera for Wii</td>
+ <td>Wii</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Nokia N800</td>
+ <td>N800</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Presto</td>
+ <td>Nintendo DS browser</td>
+ <td>Nintendo DS</td>
+ <td class="center">8.5</td>
+ <td class="center">C/A<sup>1</sup>
+ </td>
+ </tr>
+ <tr class="gradeC">
+ <td>KHTML</td>
+ <td>Konqureror 3.1</td>
+ <td>KDE 3.1</td>
+ <td class="center">3.1</td>
+ <td class="center">C</td>
+ </tr>
+ <tr class="gradeA">
+ <td>KHTML</td>
+ <td>Konqureror 3.3</td>
+ <td>KDE 3.3</td>
+ <td class="center">3.3</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeA">
+ <td>KHTML</td>
+ <td>Konqureror 3.5</td>
+ <td>KDE 3.5</td>
+ <td class="center">3.5</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeX">
+ <td>Tasman</td>
+ <td>Internet Explorer 4.5</td>
+ <td>Mac OS 8-9</td>
+ <td class="center">-</td>
+ <td class="center">X</td>
+ </tr>
+ <tr class="gradeC">
+ <td>Tasman</td>
+ <td>Internet Explorer 5.1</td>
+ <td>Mac OS 7.6-9</td>
+ <td class="center">1</td>
+ <td class="center">C</td>
+ </tr>
+ <tr class="gradeC">
+ <td>Tasman</td>
+ <td>Internet Explorer 5.2</td>
+ <td>Mac OS 8-X</td>
+ <td class="center">1</td>
+ <td class="center">C</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Misc</td>
+ <td>NetFront 3.1</td>
+ <td>Embedded devices</td>
+ <td class="center">-</td>
+ <td class="center">C</td>
+ </tr>
+ <tr class="gradeA">
+ <td>Misc</td>
+ <td>NetFront 3.4</td>
+ <td>Embedded devices</td>
+ <td class="center">-</td>
+ <td class="center">A</td>
+ </tr>
+ <tr class="gradeX">
+ <td>Misc</td>
+ <td>Dillo 0.8</td>
+ <td>Embedded devices</td>
+ <td class="center">-</td>
+ <td class="center">X</td>
+ </tr>
+ <tr class="gradeX">
+ <td>Misc</td>
+ <td>Links</td>
+ <td>Text only</td>
+ <td class="center">-</td>
+ <td class="center">X</td>
+ </tr>
+ <tr class="gradeX">
+ <td>Misc</td>
+ <td>Lynx</td>
+ <td>Text only</td>
+ <td class="center">-</td>
+ <td class="center">X</td>
+ </tr>
+ <tr class="gradeC">
+ <td>Misc</td>
+ <td>IE Mobile</td>
+ <td>Windows Mobile 6</td>
+ <td class="center">-</td>
+ <td class="center">C</td>
+ </tr>
+ <tr class="gradeC">
+ <td>Misc</td>
+ <td>PSP browser</td>
+ <td>PSP</td>
+ <td class="center">-</td>
+ <td class="center">C</td>
+ </tr>
+ <tr class="gradeU">
+ <td>Other browsers</td>
+ <td>All others</td>
+ <td>-</td>
+ <td class="center">-</td>
+ <td class="center">U</td>
+ </tr>
+ </tbody>
+ </table>
<!-- /.table-responsive -->
<div class="well">
<h4>DataTables Usage Information</h4>
@@ -1128,7 +1126,7 @@
<script src="../vendor/datatables/js/jquery.dataTables.min.js"></script>
<script src="../vendor/datatables-plugins/dataTables.bootstrap.min.js"></script>
<script src="../vendor/datatables-responsive/dataTables.responsive.js"></script>
-
+
<!-- Custom Theme JavaScript -->
<script src="../dist/js/sb-admin-2.js"></script>
@@ -1136,7 +1134,7 @@
<script>
$(document).ready(function() {
$('#dataTables-example').DataTable({
- responsive: true
+ responsive: true
});
});
</script>
diff --git a/pages/typography.html b/pages/typography.html
index a9a05bfe00afe6ce4b9e4d4efcb408d864f307d2..398ae485856408a5eb388db73392a8a7529eb092 100644
--- a/pages/typography.html
+++ b/pages/typography.html
@@ -52,7 +52,7 @@
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
@@ -103,7 +103,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
@@ -182,7 +182,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
@@ -242,7 +242,7 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
+ <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>