{% load i18n static %}<!DOCTYPE html>
{% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %}
<html lang="{{ LANGUAGE_CODE|default:'en-us' }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <title>{% block title %}{% endblock %}</title>
  <link href="{% static 'slibootstrap/css/bootstrap.min.css' %}" rel="stylesheet">


  <link href="{% static 'inspinia/css/bootstrap.min.css' %}" rel="stylesheet">
  <link href="{% static 'inspinia/font-awesome/css/font-awesome.css' %}" rel="stylesheet">

  <link href="{% static 'inspinia/css/animate.css' %}" rel="stylesheet">
  <link href="{% static 'inspinia/css/style.css' %}" rel="stylesheet">

    <!--{#  <link rel="stylesheet" type="text/css" href="{% block stylesheet %}{% static 'admin/css/base.css' %}{% endblock %}"/>#}-->
    <!--{#  <link rel="stylesheet" type="text/css" href="{% static 'admin/css/responsive.css' %}">#}-->
    <!--{#  <link rel="stylesheet" type="text/css" href="{% static 'admin/css/hxt.css' %}">#}-->
  <!-- Mainly scripts -->
  <script src="{% static "inspinia/js/jquery-3.1.1.min.js" %}"></script>
  <script>
    var django = django || {};
    django.jQuery = jQuery;
  </script>
  

  {% block extrastyle %}{% endblock %}

  {% block extrahead %}{% endblock %}
  {% if not is_popup %}
  <style>
    #evt {
      font-size: 90%;
      position: fixed;
      border: 1px solid #888;
      border-radius: 4px;
      bottom: 5px;
      right: 25px;
      text-align: center;
      z-index: 99;
    }

    #evt_text {
      color: #888;
      line-height: 28px;
      margin: 0 18px;
    }

    @media screen and (max-width: 480px) {
      #evt {
        font-size: 82%;
        position: fixed;
        border: 1px solid #888;
        border-radius: 4px;
        bottom: 5px;
        right: 10px;
        text-align: center;
        z-index: 99;
      }
      #evt_text {
        color: #888;
        line-height: 23px;
        margin: 0 12px;
      }
    }
  </style>
  {% endif %}

  {% block blockbots %}
    <meta name="robots" content="NONE,NOARCHIVE"/>{% endblock %}
</head>
{% load i18n %}

    <body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %} md-skin fixed-sidebar"
      data-admin-utc-offset="{% now "Z" %}">
      {% if not is_popup %}
      <!-- 环境变量 -->
        <div id="evt">
<!--{#          <p id="evt_text">{% db_name %}</p>#}-->
        </div>
        <script>
          (function ($) {
            $(document).ready(function () {
              var html = $('#evt_text').html();
              switch (html) {
                case 'TST':
                  $('#evt_text').css({ 'color': '#3c763d' });
                  $('#evt').css({ 'border-color': '#d0e9c6', 'background': 'rgba(223, 240, 216, 0.5)' });
                  break;
                case 'PRD':
                  $('#evt_text').css({ 'color': '#a94442' });
                  $('#evt').css({ 'border-color': '#ebcccc', 'background': 'rgba(243, 201, 201, 0.5)' });
                  break;
                case 'QA':
                  $('#evt_text').css({ 'color': '#8a6d3b' });
                  $('#evt').css({ 'border-color': '#f1e5ad', 'background': 'rgba(241, 231, 184, 0.5)' });
                  break;
                default:
                  break;
              }
            })
          })(django.jQuery)
        </script>
      {% endif %}

        <div class="slibootstrap">
            <div class=bs-docs-section><h1 class=page-header id=glyphicons>Glyphicons</h1>
            <h2 id=glyphicons-glyphs>Available glyphs</h2>
            <p>Includes over 250 glyphs in font format from the Glyphicon Halflings set. <a
                    href=http://glyphicons.com/ >Glyphicons</a> Halflings are normally not available for free, but their
                creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include
                a link back to <a href=http://glyphicons.com/ >Glyphicons</a> whenever possible.</p>
            <div class=bs-glyphicons>
                <ul class=bs-glyphicons-list>
                    <li><span class="glyphicon glyphicon-asterisk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-asterisk</span>
                    </li>
                    <li><span class="glyphicon glyphicon-plus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus</span>
                    </li>
                    <li><span class="glyphicon glyphicon-euro" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-euro</span>
                    </li>
                    <li><span class="glyphicon glyphicon-eur" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eur</span>
                    </li>
                    <li><span class="glyphicon glyphicon-minus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus</span>
                    </li>
                    <li><span class="glyphicon glyphicon-cloud" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud</span>
                    </li>
                    <li><span class="glyphicon glyphicon-envelope" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-envelope</span>
                    </li>
                    <li><span class="glyphicon glyphicon-pencil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pencil</span>
                    </li>
                    <li><span class="glyphicon glyphicon-glass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-glass</span>
                    </li>
                    <li><span class="glyphicon glyphicon-music" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-music</span>
                    </li>
                    <li><span class="glyphicon glyphicon-search" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-search</span>
                    </li>
                    <li><span class="glyphicon glyphicon-heart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart</span>
                    </li>
                    <li><span class="glyphicon glyphicon-star" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star</span>
                    </li>
                    <li><span class="glyphicon glyphicon-star-empty" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-star-empty</span></li>
                    <li><span class="glyphicon glyphicon-user" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-user</span>
                    </li>
                    <li><span class="glyphicon glyphicon-film" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-film</span>
                    </li>
                    <li><span class="glyphicon glyphicon-th-large" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-large</span>
                    </li>
                    <li><span class="glyphicon glyphicon-th" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th</span>
                    </li>
                    <li><span class="glyphicon glyphicon-th-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-list</span>
                    </li>
                    <li><span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok</span>
                    </li>
                    <li><span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove</span>
                    </li>
                    <li><span class="glyphicon glyphicon-zoom-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-in</span>
                    </li>
                    <li><span class="glyphicon glyphicon-zoom-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-out</span>
                    </li>
                    <li><span class="glyphicon glyphicon-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-off</span>
                    </li>
                    <li><span class="glyphicon glyphicon-signal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-signal</span>
                    </li>
                    <li><span class="glyphicon glyphicon-cog" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cog</span>
                    </li>
                    <li><span class="glyphicon glyphicon-trash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-trash</span>
                    </li>
                    <li><span class="glyphicon glyphicon-home" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-home</span>
                    </li>
                    <li><span class="glyphicon glyphicon-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-file</span>
                    </li>
                    <li><span class="glyphicon glyphicon-time" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-time</span>
                    </li>
                    <li><span class="glyphicon glyphicon-road" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-road</span>
                    </li>
                    <li><span class="glyphicon glyphicon-download-alt" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-download-alt</span></li>
                    <li><span class="glyphicon glyphicon-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download</span>
                    </li>
                    <li><span class="glyphicon glyphicon-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-upload</span>
                    </li>
                    <li><span class="glyphicon glyphicon-inbox" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-inbox</span>
                    </li>
                    <li><span class="glyphicon glyphicon-play-circle" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-play-circle</span></li>
                    <li><span class="glyphicon glyphicon-repeat" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-repeat</span>
                    </li>
                    <li><span class="glyphicon glyphicon-refresh" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-refresh</span>
                    </li>
                    <li><span class="glyphicon glyphicon-list-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list-alt</span>
                    </li>
                    <li><span class="glyphicon glyphicon-lock" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lock</span>
                    </li>
                    <li><span class="glyphicon glyphicon-flag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flag</span>
                    </li>
                    <li><span class="glyphicon glyphicon-headphones" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-headphones</span></li>
                    <li><span class="glyphicon glyphicon-volume-off" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-volume-off</span></li>
                    <li><span class="glyphicon glyphicon-volume-down" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-volume-down</span></li>
                    <li><span class="glyphicon glyphicon-volume-up" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-volume-up</span></li>
                    <li><span class="glyphicon glyphicon-qrcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-qrcode</span>
                    </li>
                    <li><span class="glyphicon glyphicon-barcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-barcode</span>
                    </li>
                    <li><span class="glyphicon glyphicon-tag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tag</span>
                    </li>
                    <li><span class="glyphicon glyphicon-tags" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tags</span>
                    </li>
                    <li><span class="glyphicon glyphicon-book" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-book</span>
                    </li>
                    <li><span class="glyphicon glyphicon-bookmark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bookmark</span>
                    </li>
                    <li><span class="glyphicon glyphicon-print" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-print</span>
                    </li>
                    <li><span class="glyphicon glyphicon-camera" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-camera</span>
                    </li>
                    <li><span class="glyphicon glyphicon-font" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-font</span>
                    </li>
                    <li><span class="glyphicon glyphicon-bold" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bold</span>
                    </li>
                    <li><span class="glyphicon glyphicon-italic" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-italic</span>
                    </li>
                    <li><span class="glyphicon glyphicon-text-height" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-text-height</span></li>
                    <li><span class="glyphicon glyphicon-text-width" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-text-width</span></li>
                    <li><span class="glyphicon glyphicon-align-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-align-left</span></li>
                    <li><span class="glyphicon glyphicon-align-center" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-align-center</span></li>
                    <li><span class="glyphicon glyphicon-align-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-align-right</span></li>
                    <li><span class="glyphicon glyphicon-align-justify" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-align-justify</span></li>
                    <li><span class="glyphicon glyphicon-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list</span>
                    </li>
                    <li><span class="glyphicon glyphicon-indent-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-indent-left</span></li>
                    <li><span class="glyphicon glyphicon-indent-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-indent-right</span></li>
                    <li><span class="glyphicon glyphicon-facetime-video" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-facetime-video</span></li>
                    <li><span class="glyphicon glyphicon-picture" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-picture</span>
                    </li>
                    <li><span class="glyphicon glyphicon-map-marker" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-map-marker</span></li>
                    <li><span class="glyphicon glyphicon-adjust" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-adjust</span>
                    </li>
                    <li><span class="glyphicon glyphicon-tint" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tint</span>
                    </li>
                    <li><span class="glyphicon glyphicon-edit" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-edit</span>
                    </li>
                    <li><span class="glyphicon glyphicon-share" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share</span>
                    </li>
                    <li><span class="glyphicon glyphicon-check" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-check</span>
                    </li>
                    <li><span class="glyphicon glyphicon-move" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-move</span>
                    </li>
                    <li><span class="glyphicon glyphicon-step-backward" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-step-backward</span></li>
                    <li><span class="glyphicon glyphicon-fast-backward" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-fast-backward</span></li>
                    <li><span class="glyphicon glyphicon-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-backward</span>
                    </li>
                    <li><span class="glyphicon glyphicon-play" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play</span>
                    </li>
                    <li><span class="glyphicon glyphicon-pause" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pause</span>
                    </li>
                    <li><span class="glyphicon glyphicon-stop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stop</span>
                    </li>
                    <li><span class="glyphicon glyphicon-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-forward</span>
                    </li>
                    <li><span class="glyphicon glyphicon-fast-forward" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-fast-forward</span></li>
                    <li><span class="glyphicon glyphicon-step-forward" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-step-forward</span></li>
                    <li><span class="glyphicon glyphicon-eject" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eject</span>
                    </li>
                    <li><span class="glyphicon glyphicon-chevron-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-chevron-left</span></li>
                    <li><span class="glyphicon glyphicon-chevron-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-chevron-right</span></li>
                    <li><span class="glyphicon glyphicon-plus-sign" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-plus-sign</span></li>
                    <li><span class="glyphicon glyphicon-minus-sign" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-minus-sign</span></li>
                    <li><span class="glyphicon glyphicon-remove-sign" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-remove-sign</span></li>
                    <li><span class="glyphicon glyphicon-ok-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-sign</span>
                    </li>
                    <li><span class="glyphicon glyphicon-question-sign" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-question-sign</span></li>
                    <li><span class="glyphicon glyphicon-info-sign" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-info-sign</span></li>
                    <li><span class="glyphicon glyphicon-screenshot" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-screenshot</span></li>
                    <li><span class="glyphicon glyphicon-remove-circle" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-remove-circle</span></li>
                    <li><span class="glyphicon glyphicon-ok-circle" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-ok-circle</span></li>
                    <li><span class="glyphicon glyphicon-ban-circle" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-ban-circle</span></li>
                    <li><span class="glyphicon glyphicon-arrow-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-arrow-left</span></li>
                    <li><span class="glyphicon glyphicon-arrow-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-arrow-right</span></li>
                    <li><span class="glyphicon glyphicon-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-up</span>
                    </li>
                    <li><span class="glyphicon glyphicon-arrow-down" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-arrow-down</span></li>
                    <li><span class="glyphicon glyphicon-share-alt" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-share-alt</span></li>
                    <li><span class="glyphicon glyphicon-resize-full" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-resize-full</span></li>
                    <li><span class="glyphicon glyphicon-resize-small" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-resize-small</span></li>
                    <li><span class="glyphicon glyphicon-exclamation-sign" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-exclamation-sign</span></li>
                    <li><span class="glyphicon glyphicon-gift" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gift</span>
                    </li>
                    <li><span class="glyphicon glyphicon-leaf" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-leaf</span>
                    </li>
                    <li><span class="glyphicon glyphicon-fire" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fire</span>
                    </li>
                    <li><span class="glyphicon glyphicon-eye-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-open</span>
                    </li>
                    <li><span class="glyphicon glyphicon-eye-close" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-eye-close</span></li>
                    <li><span class="glyphicon glyphicon-warning-sign" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-warning-sign</span></li>
                    <li><span class="glyphicon glyphicon-plane" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plane</span>
                    </li>
                    <li><span class="glyphicon glyphicon-calendar" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-calendar</span>
                    </li>
                    <li><span class="glyphicon glyphicon-random" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-random</span>
                    </li>
                    <li><span class="glyphicon glyphicon-comment" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-comment</span>
                    </li>
                    <li><span class="glyphicon glyphicon-magnet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-magnet</span>
                    </li>
                    <li><span class="glyphicon glyphicon-chevron-up" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-chevron-up</span></li>
                    <li><span class="glyphicon glyphicon-chevron-down" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-chevron-down</span></li>
                    <li><span class="glyphicon glyphicon-retweet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-retweet</span>
                    </li>
                    <li><span class="glyphicon glyphicon-shopping-cart" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-shopping-cart</span></li>
                    <li><span class="glyphicon glyphicon-folder-close" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-folder-close</span></li>
                    <li><span class="glyphicon glyphicon-folder-open" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-folder-open</span></li>
                    <li><span class="glyphicon glyphicon-resize-vertical" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-resize-vertical</span></li>
                    <li><span class="glyphicon glyphicon-resize-horizontal" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-resize-horizontal</span></li>
                    <li><span class="glyphicon glyphicon-hdd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hdd</span>
                    </li>
                    <li><span class="glyphicon glyphicon-bullhorn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bullhorn</span>
                    </li>
                    <li><span class="glyphicon glyphicon-bell" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bell</span>
                    </li>
                    <li><span class="glyphicon glyphicon-certificate" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-certificate</span></li>
                    <li><span class="glyphicon glyphicon-thumbs-up" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-thumbs-up</span></li>
                    <li><span class="glyphicon glyphicon-thumbs-down" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-thumbs-down</span></li>
                    <li><span class="glyphicon glyphicon-hand-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-hand-right</span></li>
                    <li><span class="glyphicon glyphicon-hand-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-hand-left</span></li>
                    <li><span class="glyphicon glyphicon-hand-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-up</span>
                    </li>
                    <li><span class="glyphicon glyphicon-hand-down" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-hand-down</span></li>
                    <li><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-circle-arrow-right</span></li>
                    <li><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-circle-arrow-left</span></li>
                    <li><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-circle-arrow-up</span></li>
                    <li><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-circle-arrow-down</span></li>
                    <li><span class="glyphicon glyphicon-globe" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-globe</span>
                    </li>
                    <li><span class="glyphicon glyphicon-wrench" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-wrench</span>
                    </li>
                    <li><span class="glyphicon glyphicon-tasks" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tasks</span>
                    </li>
                    <li><span class="glyphicon glyphicon-filter" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-filter</span>
                    </li>
                    <li><span class="glyphicon glyphicon-briefcase" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-briefcase</span></li>
                    <li><span class="glyphicon glyphicon-fullscreen" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-fullscreen</span></li>
                    <li><span class="glyphicon glyphicon-dashboard" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-dashboard</span></li>
                    <li><span class="glyphicon glyphicon-paperclip" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-paperclip</span></li>
                    <li><span class="glyphicon glyphicon-heart-empty" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-heart-empty</span></li>
                    <li><span class="glyphicon glyphicon-link" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-link</span>
                    </li>
                    <li><span class="glyphicon glyphicon-phone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone</span>
                    </li>
                    <li><span class="glyphicon glyphicon-pushpin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pushpin</span>
                    </li>
                    <li><span class="glyphicon glyphicon-usd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-usd</span>
                    </li>
                    <li><span class="glyphicon glyphicon-gbp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gbp</span>
                    </li>
                    <li><span class="glyphicon glyphicon-sort" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort</span>
                    </li>
                    <li><span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet</span></li>
                    <li><span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet-alt</span></li>
                    <li><span class="glyphicon glyphicon-sort-by-order" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sort-by-order</span></li>
                    <li><span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sort-by-order-alt</span></li>
                    <li><span class="glyphicon glyphicon-sort-by-attributes" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sort-by-attributes</span></li>
                    <li><span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sort-by-attributes-alt</span></li>
                    <li><span class="glyphicon glyphicon-unchecked" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-unchecked</span></li>
                    <li><span class="glyphicon glyphicon-expand" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-expand</span>
                    </li>
                    <li><span class="glyphicon glyphicon-collapse-down" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-collapse-down</span></li>
                    <li><span class="glyphicon glyphicon-collapse-up" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-collapse-up</span></li>
                    <li><span class="glyphicon glyphicon-log-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-in</span>
                    </li>
                    <li><span class="glyphicon glyphicon-flash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flash</span>
                    </li>
                    <li><span class="glyphicon glyphicon-log-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-out</span>
                    </li>
                    <li><span class="glyphicon glyphicon-new-window" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-new-window</span></li>
                    <li><span class="glyphicon glyphicon-record" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-record</span>
                    </li>
                    <li><span class="glyphicon glyphicon-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save</span>
                    </li>
                    <li><span class="glyphicon glyphicon-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open</span>
                    </li>
                    <li><span class="glyphicon glyphicon-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-saved</span>
                    </li>
                    <li><span class="glyphicon glyphicon-import" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-import</span>
                    </li>
                    <li><span class="glyphicon glyphicon-export" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-export</span>
                    </li>
                    <li><span class="glyphicon glyphicon-send" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-send</span>
                    </li>
                    <li><span class="glyphicon glyphicon-floppy-disk" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-floppy-disk</span></li>
                    <li><span class="glyphicon glyphicon-floppy-saved" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-floppy-saved</span></li>
                    <li><span class="glyphicon glyphicon-floppy-remove" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-floppy-remove</span></li>
                    <li><span class="glyphicon glyphicon-floppy-save" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-floppy-save</span></li>
                    <li><span class="glyphicon glyphicon-floppy-open" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-floppy-open</span></li>
                    <li><span class="glyphicon glyphicon-credit-card" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-credit-card</span></li>
                    <li><span class="glyphicon glyphicon-transfer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-transfer</span>
                    </li>
                    <li><span class="glyphicon glyphicon-cutlery" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cutlery</span>
                    </li>
                    <li><span class="glyphicon glyphicon-header" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-header</span>
                    </li>
                    <li><span class="glyphicon glyphicon-compressed" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-compressed</span></li>
                    <li><span class="glyphicon glyphicon-earphone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-earphone</span>
                    </li>
                    <li><span class="glyphicon glyphicon-phone-alt" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-phone-alt</span></li>
                    <li><span class="glyphicon glyphicon-tower" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tower</span>
                    </li>
                    <li><span class="glyphicon glyphicon-stats" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stats</span>
                    </li>
                    <li><span class="glyphicon glyphicon-sd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sd-video</span>
                    </li>
                    <li><span class="glyphicon glyphicon-hd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hd-video</span>
                    </li>
                    <li><span class="glyphicon glyphicon-subtitles" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-subtitles</span></li>
                    <li><span class="glyphicon glyphicon-sound-stereo" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sound-stereo</span></li>
                    <li><span class="glyphicon glyphicon-sound-dolby" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sound-dolby</span></li>
                    <li><span class="glyphicon glyphicon-sound-5-1" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sound-5-1</span></li>
                    <li><span class="glyphicon glyphicon-sound-6-1" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sound-6-1</span></li>
                    <li><span class="glyphicon glyphicon-sound-7-1" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sound-7-1</span></li>
                    <li><span class="glyphicon glyphicon-copyright-mark" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-copyright-mark</span></li>
                    <li><span class="glyphicon glyphicon-registration-mark" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-registration-mark</span></li>
                    <li><span class="glyphicon glyphicon-cloud-download" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-cloud-download</span></li>
                    <li><span class="glyphicon glyphicon-cloud-upload" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-cloud-upload</span></li>
                    <li><span class="glyphicon glyphicon-tree-conifer" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-tree-conifer</span></li>
                    <li><span class="glyphicon glyphicon-tree-deciduous" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-tree-deciduous</span></li>
                    <li><span class="glyphicon glyphicon-cd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cd</span>
                    </li>
                    <li><span class="glyphicon glyphicon-save-file" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-save-file</span></li>
                    <li><span class="glyphicon glyphicon-open-file" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-open-file</span></li>
                    <li><span class="glyphicon glyphicon-level-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-level-up</span>
                    </li>
                    <li><span class="glyphicon glyphicon-copy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copy</span>
                    </li>
                    <li><span class="glyphicon glyphicon-paste" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paste</span>
                    </li>
                    <li><span class="glyphicon glyphicon-alert" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-alert</span>
                    </li>
                    <li><span class="glyphicon glyphicon-equalizer" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-equalizer</span></li>
                    <li><span class="glyphicon glyphicon-king" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-king</span>
                    </li>
                    <li><span class="glyphicon glyphicon-queen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-queen</span>
                    </li>
                    <li><span class="glyphicon glyphicon-pawn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pawn</span>
                    </li>
                    <li><span class="glyphicon glyphicon-bishop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bishop</span>
                    </li>
                    <li><span class="glyphicon glyphicon-knight" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-knight</span>
                    </li>
                    <li><span class="glyphicon glyphicon-baby-formula" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-baby-formula</span></li>
                    <li><span class="glyphicon glyphicon-tent" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tent</span>
                    </li>
                    <li><span class="glyphicon glyphicon-blackboard" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-blackboard</span></li>
                    <li><span class="glyphicon glyphicon-bed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bed</span>
                    </li>
                    <li><span class="glyphicon glyphicon-apple" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-apple</span>
                    </li>
                    <li><span class="glyphicon glyphicon-erase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-erase</span>
                    </li>
                    <li><span class="glyphicon glyphicon-hourglass" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-hourglass</span></li>
                    <li><span class="glyphicon glyphicon-lamp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lamp</span>
                    </li>
                    <li><span class="glyphicon glyphicon-duplicate" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-duplicate</span></li>
                    <li><span class="glyphicon glyphicon-piggy-bank" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-piggy-bank</span></li>
                    <li><span class="glyphicon glyphicon-scissors" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scissors</span>
                    </li>
                    <li><span class="glyphicon glyphicon-bitcoin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bitcoin</span>
                    </li>
                    <li><span class="glyphicon glyphicon-btc" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-btc</span>
                    </li>
                    <li><span class="glyphicon glyphicon-xbt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-xbt</span>
                    </li>
                    <li><span class="glyphicon glyphicon-yen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-yen</span>
                    </li>
                    <li><span class="glyphicon glyphicon-jpy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-jpy</span>
                    </li>
                    <li><span class="glyphicon glyphicon-ruble" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ruble</span>
                    </li>
                    <li><span class="glyphicon glyphicon-rub" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-rub</span>
                    </li>
                    <li><span class="glyphicon glyphicon-scale" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scale</span>
                    </li>
                    <li><span class="glyphicon glyphicon-ice-lolly" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-ice-lolly</span></li>
                    <li><span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-ice-lolly-tasted</span></li>
                    <li><span class="glyphicon glyphicon-education" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-education</span></li>
                    <li><span class="glyphicon glyphicon-option-horizontal" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-option-horizontal</span></li>
                    <li><span class="glyphicon glyphicon-option-vertical" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-option-vertical</span></li>
                    <li><span class="glyphicon glyphicon-menu-hamburger" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-menu-hamburger</span></li>
                    <li><span class="glyphicon glyphicon-modal-window" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-modal-window</span></li>
                    <li><span class="glyphicon glyphicon-oil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-oil</span>
                    </li>
                    <li><span class="glyphicon glyphicon-grain" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-grain</span>
                    </li>
                    <li><span class="glyphicon glyphicon-sunglasses" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-sunglasses</span></li>
                    <li><span class="glyphicon glyphicon-text-size" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-text-size</span></li>
                    <li><span class="glyphicon glyphicon-text-color" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-text-color</span></li>
                    <li><span class="glyphicon glyphicon-text-background" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-text-background</span></li>
                    <li><span class="glyphicon glyphicon-object-align-top" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-object-align-top</span></li>
                    <li><span class="glyphicon glyphicon-object-align-bottom" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-object-align-bottom</span></li>
                    <li><span class="glyphicon glyphicon-object-align-horizontal" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-object-align-horizontal</span></li>
                    <li><span class="glyphicon glyphicon-object-align-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-object-align-left</span></li>
                    <li><span class="glyphicon glyphicon-object-align-vertical" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-object-align-vertical</span></li>
                    <li><span class="glyphicon glyphicon-object-align-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-object-align-right</span></li>
                    <li><span class="glyphicon glyphicon-triangle-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-triangle-right</span></li>
                    <li><span class="glyphicon glyphicon-triangle-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-triangle-left</span></li>
                    <li><span class="glyphicon glyphicon-triangle-bottom" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-triangle-bottom</span></li>
                    <li><span class="glyphicon glyphicon-triangle-top" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-triangle-top</span></li>
                    <li><span class="glyphicon glyphicon-console" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-console</span>
                    </li>
                    <li><span class="glyphicon glyphicon-superscript" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-superscript</span></li>
                    <li><span class="glyphicon glyphicon-subscript" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-subscript</span></li>
                    <li><span class="glyphicon glyphicon-menu-left" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-menu-left</span></li>
                    <li><span class="glyphicon glyphicon-menu-right" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-menu-right</span></li>
                    <li><span class="glyphicon glyphicon-menu-down" aria-hidden=true></span> <span
                            class=glyphicon-class>glyphicon glyphicon-menu-down</span></li>
                    <li><span class="glyphicon glyphicon-menu-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-up</span>
                    </li>
                </ul>
            </div>
            <h2 id=glyphicons-how-to-use>How to use</h2>
            <p>For performance reasons, all icons require a base class and individual icon class. To use, place the
                following code just about anywhere. Be sure to leave a space between the icon and text for proper
                padding.</p>
            <div class="bs-callout bs-callout-danger" id=callout-glyphicons-dont-mix><h4>Don't mix with other
                components</h4>
                <p>Icon classes cannot be directly combined with other components. They should not be used along with
                    other classes on the same element. Instead, add a nested <code>&lt;span&gt;</code> and apply the
                    icon classes to the <code>&lt;span&gt;</code>.</p></div>
            <div class="bs-callout bs-callout-danger" id=callout-glyphicons-empty-only><h4>Only for use on empty
                elements</h4>
                <p>Icon classes should only be used on elements that contain no text content and have no child
                    elements.</p></div>
            <div class="bs-callout bs-callout-info" id=callout-glyphicons-location><h4>Changing the icon font
                location</h4>
                <p>Bootstrap assumes icon font files will be located in the <code>../fonts/</code> directory, relative
                    to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of
                    three ways:</p>
                <ul>
                    <li>Change the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> variables in the
                        source Less files.
                    </li>
                    <li>Utilize the <a href=http://lesscss.org/usage/#command-line-usage-relative-urls>relative URLs
                        option</a> provided by the Less compiler.
                    </li>
                    <li>Change the <code>url()</code> paths in the compiled CSS.</li>
                </ul>
                <p>Use whatever option best suits your specific development setup.</p></div>
            <div class="bs-callout bs-callout-warning" id=callout-glyphicons-accessibility><h4>Accessible icons</h4>
                <p>Modern versions of assistive technologies will announce CSS generated content, as well as specific
                    Unicode characters. To avoid unintended and confusing output in screen readers (particularly when
                    icons are used purely for decoration), we hide them with the <code>aria-hidden="true"</code>
                    attribute.</p>
                <p>If you're using an icon to convey meaning (rather than only as a decorative element), ensure that
                    this meaning is also conveyed to assistive technologies – for instance, include additional content,
                    visually hidden with the <code>.sr-only</code> class.</p>
                <p>If you're creating controls with no other text (such as a <code>&lt;button&gt;</code> that only
                    contains an icon), you should always provide alternative content to identify the purpose of the
                    control, so that it will make sense to users of assistive technologies. In this case, you could add
                    an <code>aria-label</code> attribute on the control itself.</p></div>

            <h2 id=glyphicons-examples>Examples</h2>
            <p>Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.</p>
            <div class=bs-example data-example-id=glyphicons-general>
                <div class=btn-toolbar role=toolbar>
                    <div class=btn-group>
                        <button type=button class="btn btn-default" aria-label="Left Align"><span
                                class="glyphicon glyphicon-align-left" aria-hidden=true></span></button>
                        <button type=button class="btn btn-default" aria-label="Center Align"><span
                                class="glyphicon glyphicon-align-center" aria-hidden=true></span></button>
                        <button type=button class="btn btn-default" aria-label="Right Align"><span
                                class="glyphicon glyphicon-align-right" aria-hidden=true></span></button>
                        <button type=button class="btn btn-default" aria-label=Justify><span
                                class="glyphicon glyphicon-align-justify" aria-hidden=true></span></button>
                    </div>
                </div>
                <div class=btn-toolbar role=toolbar>
                    <button type=button class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star"
                                                                             aria-hidden=true></span> Star
                    </button>
                    <button type=button class="btn btn-default"><span class="glyphicon glyphicon-star"
                                                                      aria-hidden=true></span> Star
                    </button>
                    <button type=button class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star"
                                                                             aria-hidden=true></span> Star
                    </button>
                    <button type=button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star"
                                                                             aria-hidden=true></span> Star
                    </button>
                </div>
            </div>

        </div>


</div>

    <!-- Container -->
        <div id="wrapper">
          {% if not is_popup %}
            <!--{#    左侧菜单#}-->
            <nav class="navbar-default navbar-static-side" role="navigation">
              <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                  <li class="nav-header">
                    <div class="dropdown profile-element">
                      <span>
        <!--{#                 <img alt="image" class="img-circle" src="{% static "inspinia/img/p103.ico" %}">#}-->
                      </span>
                      <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                    <span class="clear"> <span class="block m-t-xs"> <strong
                                      class="font-bold">{{ user.get_full_name }} </strong>
                                     </span> <span class="text-muted text-xs block">{{ user.get_username }} <b
                                      class="caret"></b></span> </span> </a>
                      <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a href="{% url 'admin:logout' %}">{% trans 'Log out' %}</a></li>
                        {% if user.has_usable_password %}
                          <li><a href="{% url 'admin:password_change' %}">{% trans 'Change password' %}</a></li>
                        {% endif %}
                      </ul>
                    </div>
                    <div class="logo-element">
                      {% block branding %}{% endblock %}
                    </div>
                  </li>
        <!--{#          {% side_nav_bar user %}#}-->
                </ul>

              </div>
            </nav>
          {% endif %}


          <div id="page-wrapper" class="gray-bg" {% if is_popup %} style="margin: 0 0 0 0"{% endif %}>
            {% if not is_popup %}
              <div class="row border-bottom">
                <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
                  <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
                  </div>
                  {% block usertools %}
                    {% if has_permission %}
                      <ul class="nav navbar-top-links navbar-right">
                        <li> {% block welcome-msg %}
                          <span class="light-golden">{% trans 'Welcome,' %}
                          <strong>{% firstof user.get_short_name user.get_username %}</strong></span>
                        {% endblock %}</li>
                        {% block userlinks %}

                          {% if site_url %}
                            <li>
                              <a href="{{ site_url }}">{% trans 'View site' %}</a>
                            </li>
                          {% endif %}

                          {% if user.is_active and user.is_staff %}
                            {% url 'django-admindocs-docroot' as docsroot %}
                            {% if docsroot %}
                              <li><a href="{{ docsroot }}">{% trans 'Documentation' %}</a> /</li>
                            {% endif %}
                          {% endif %}
                          {% if user.has_usable_password %}
                            <li><a href="{% url 'admin:password_change' %}">{% trans 'Change password' %}</a></li>
                          {% endif %}

                          <li><a href="{% url 'admin:logout' %}">{% trans 'Log out' %}</a></li>
                        {% endblock %}
                      </ul>
                    {% endif %}
                  {% endblock %}
                  {% block nav-global %}{% endblock %}
                </nav>
              </div>
            {% endif %}

            <div class="row wrapper border-bottom white-bg page-heading">
              <div class="col-sm-6">
                <h2>
                  {% block content_title %}{% if title %}{{ title }}{% endif %}{% endblock %}
                  <small>{% block pretitle %}{% endblock %}</small>
                </h2>
                {% if not is_popup %}
                  {% block breadcrumbs %}
                    <ol class="breadcrumb">
                      <li><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a></li>
                      <li class="active">{% if title %} &rsaquo; {{ title }}{% endif %}</li>
                    </ol>
                  {% endblock %}
                {% endif %}
              </div>
              <div class="{% block object-size %}col-sm-6{% endblock %}">
                {% block object-tools %}
                {% endblock %}
              </div>
            </div>

            <div class="wrapper wrapper-content animated fadeInRight">
              {% block extrarow %}
              <div class="row">
                  {% block messages %}
                    {% if messages %}
                      <ul class="messagelist">{% for message in messages %}
                        <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message|capfirst }}</li>
                      {% endfor %}</ul>
                    {% endif %}
                  {% endblock messages %}

                  <!-- Content -->
                  <div id="content" class=" {% block coltype %}colM{% endblock %}">

                    {% block content %}
                      {{ content }}
                    {% endblock %}
                    {% block sidebar %}{% endblock %}

                  </div>
                  <!-- END Content -->
                <!-- END Container -->

              </div>
              {% endblock %}
            </div>
            {% if not is_popup %}
              {% block footer %}
                <div id="footer" class="footer">
                  <div>
                    <strong>Copyright</strong> 慧信通（北京）网络技术有限公司 &copy; 2016-2017
                  </div>
                </div>
              {% endblock %}
            {% endif %}

            </div>
            <div class="col-md-6">
                <div class="ibox-content">
                    <div>
                        <div>
                            <span>Memory</span>
                            <small class="pull-right">10/200 GB</small>
                        </div>
                        <div class="progress progress-small">
                            <div style="width: 60%;" class="progress-bar"></div>
                        </div>

                        <div>
                            <span>Bandwidth</span>
                            <small class="pull-right">20 GB</small>
                        </div>
                        <div class="progress progress-small">
                            <div style="width: 50%;" class="progress-bar"></div>
                        </div>

                        <div>
                            <span>Activity</span>
                            <small class="pull-right">73%</small>
                        </div>
                        <div class="progress progress-small">
                            <div style="width: 40%;" class="progress-bar"></div>
                        </div>

                        <div>
                            <span>FTP</span>
                            <small class="pull-right">400 GB</small>
                        </div>
                        <div class="progress progress-small">
                            <div style="width: 20%;" class="progress-bar progress-bar-danger"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <script src="{% static 'slibootstrap/js/bootstrap.min.js' %}"></script>

        <script src="{% static 'inspinia/js/bootstrap.min.js' %}"></script>
        {% if not is_popup %}
        <script src="{% static 'inspinia/js/plugins/metisMenu/jquery.metisMenu.js' %}"></script>
        {% endif %}
        <script src="{% static 'inspinia/js/plugins/slimscroll/jquery.slimscroll.min.js' %}"></script>

        <!-- Custom and plugin javascript -->
        <script src="{% static 'inspinia/js/inspinia.js' %}"></script>
        <script src="{% static 'inspinia/js/plugins/pace/pace.min.js' %}"></script>

    </body>
</html>
