ok
Direktori : /home/keydecors/www/admin/pages/ |
Current File : /home/keydecors/www/admin/pages/icons.html |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>SB Admin 2 - Bootstrap Admin Theme</title> <!-- Bootstrap Core CSS --> <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- MetisMenu CSS --> <link href="../bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet"> <!-- Custom CSS --> <link href="../dist/css/sb-admin-2.css" rel="stylesheet"> <!-- Custom Fonts --> <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <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 --> <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"> <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"> <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> </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="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a> </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"> <li> <a href="panels-wells.html">Panels and Wells</a> </li> <li> <a href="buttons.html">Buttons</a> </li> <li> <a href="notifications.html">Notifications</a> </li> <li> <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-second-level --> </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"> <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="#"><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> </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> <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> <!-- /.panel-body --> </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/> </div> <!-- /.col-lg-6 (nested) --> </div> <!-- /.row (nested) --> </div> <!-- /.panel-body --> </div> <!-- /.panel --> </div> <!-- /.col-lg-12 --> </div> <!-- /.row --> </div> <!-- /#page-wrapper --> </div> <!-- /#wrapper --> <!-- jQuery --> <script src="../bower_components/jquery/dist/jquery.min.js"></script> <!-- Bootstrap Core JavaScript --> <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <!-- Metis Menu Plugin JavaScript --> <script src="../bower_components/metisMenu/dist/metisMenu.min.js"></script> <!-- Custom Theme JavaScript --> <script src="../dist/js/sb-admin-2.js"></script> </body> </html>