icons.html 121.7 KB
Newer Older
A
Abdullah Almsaeed 已提交
1 2
<!DOCTYPE html>
<html>
A
almasaeed2010 已提交
3 4 5 6 7 8 9 10 11 12
  <head>
    <meta charset="UTF-8">
    <title>AdminLTE 2 | Dashboard</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
13 14 15
    <!-- AdminLTE Skins. Choose a skin from the css/skins 
         folder instead of downloading all of them to reduce the load. -->
    <link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
A
almasaeed2010 已提交
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
    <!-- demo style -->
    <style type="text/css">
      /* FROM HTTP://WWW.GETBOOTSTRAP.COM
        * Glyphicons
        *
        * Special styles for displaying the icons and their classes in the docs.
        */

      .bs-glyphicons {
        padding-left: 0;
        padding-bottom: 1px;
        margin-bottom: 20px;
        list-style: none;
        overflow: hidden;
      }
      .bs-glyphicons li {
        float: left;
        width: 25%;
        height: 115px;
        padding: 10px;
        margin: 0 -1px -1px 0;
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
        border: 1px solid #ddd;
      }
      .bs-glyphicons .glyphicon {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 24px;
      }
      .bs-glyphicons .glyphicon-class {
        display: block;
        text-align: center;
        word-wrap: break-word; /* Help out IE10+ with class names */
      }
      .bs-glyphicons li:hover {
        background-color: rgba(86,61,124,.1);
      }

      @media (min-width: 768px) {
        .bs-glyphicons li {
          width: 12.5%;
        }
      }
    </style>

    <!-- 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.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="skin-blue">
    <div class="wrapper">
      <!-- header logo: style can be found in header.less -->
      <header class="main-header">
74
        <a href="../../index2.html" class="logo"><b>Admin</b>LTE</a>
A
almasaeed2010 已提交
75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- Messages: style can be found in dropdown.less-->
              <li class="dropdown messages-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-envelope-o"></i>
                  <span class="label label-success">4</span>
A
Abdullah Almsaeed 已提交
91
                </a>
A
almasaeed2010 已提交
92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156
                <ul class="dropdown-menu">
                  <li class="header">You have 4 messages</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu">
                      <li><!-- start message -->
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
                          </div>
                          <h4>
                            Support Team
                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li><!-- end message -->
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
                          </div>
                          <h4>
                            AdminLTE Design Team
                            <small><i class="fa fa-clock-o"></i> 2 hours</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
                          </div>
                          <h4>
                            Developers
                            <small><i class="fa fa-clock-o"></i> Today</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
                          </div>
                          <h4>
                            Sales Department
                            <small><i class="fa fa-clock-o"></i> Yesterday</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
                          </div>
                          <h4>
                            Reviewers
                            <small><i class="fa fa-clock-o"></i> 2 days</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li>
A
Abdullah Almsaeed 已提交
157
                    </ul>
A
almasaeed2010 已提交
158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174
                  </li>
                  <li class="footer"><a href="#">See All Messages</a></li>
                </ul>
              </li>
              <!-- Notifications: style can be found in dropdown.less -->
              <li class="dropdown notifications-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-bell-o"></i>
                  <span class="label label-warning">10</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">You have 10 notifications</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu">
                      <li>
                        <a href="#">
175
                          <i class="fa fa-users text-aqua"></i> 5 new members joined today
A
almasaeed2010 已提交
176 177 178 179
                        </a>
                      </li>
                      <li>
                        <a href="#">
180
                          <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems
A
almasaeed2010 已提交
181 182 183 184
                        </a>
                      </li>
                      <li>
                        <a href="#">
185
                          <i class="fa fa-users text-red"></i> 5 new members joined
A
almasaeed2010 已提交
186 187 188 189 190
                        </a>
                      </li>

                      <li>
                        <a href="#">
191
                          <i class="fa fa-shopping-cart text-green"></i> 25 sales made
A
almasaeed2010 已提交
192 193 194 195
                        </a>
                      </li>
                      <li>
                        <a href="#">
196
                          <i class="fa fa-user text-red"></i> You changed your username
A
almasaeed2010 已提交
197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer"><a href="#">View all</a></li>
                </ul>
              </li>
              <!-- Tasks: style can be found in dropdown.less -->
              <li class="dropdown tasks-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-flag-o"></i>
                  <span class="label label-danger">9</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">You have 9 tasks</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu">
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Design some buttons
                            <small class="pull-right">20%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">20% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Create a nice theme
                            <small class="pull-right">40%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">40% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Some task I need to do
                            <small class="pull-right">60%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">60% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Make beautiful transitions
                            <small class="pull-right">80%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">80% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
A
Abdullah Almsaeed 已提交
267
                    </ul>
A
almasaeed2010 已提交
268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316
                  </li>
                  <li class="footer">
                    <a href="#">View all tasks</a>
                  </li>
                </ul>
              </li>
              <!-- User Account: style can be found in dropdown.less -->
              <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
                  <span class="hidden-xs">Alexander Pierce</span>
                </a>
                <ul class="dropdown-menu">
                  <!-- User image -->
                  <li class="user-header">
                    <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
                    <p>
                      Alexander Pierce - Web Developer
                      <small>Member since Nov. 2012</small>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <li class="user-body">
                    <div class="col-xs-4 text-center">
                      <a href="#">Followers</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Sales</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Friends</a>
                    </div>
                  </li>
                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <div class="pull-left">
                      <a href="#" class="btn btn-default btn-flat">Profile</a>
                    </div>
                    <div class="pull-right">
                      <a href="#" class="btn btn-default btn-flat">Sign out</a>
                    </div>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar -->
317
      <aside class="main-sidebar">
A
almasaeed2010 已提交
318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
          <!-- Sidebar user panel -->
          <div class="user-panel">
            <div class="pull-left image">
              <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
            </div>
            <div class="pull-left info">
              <p>Alexander Pierce</p>

              <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
            </div>
          </div>
          <!-- search form -->
          <form action="#" method="get" class="sidebar-form">
            <div class="input-group">
              <input type="text" name="q" class="form-control" placeholder="Search..."/>
              <span class="input-group-btn">
                <button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
            </div>
          </form>
          <!-- /.search form -->
          <!-- sidebar menu: : style can be found in sidebar.less -->
          <ul class="sidebar-menu">
            <li class="header">MAIN NAVIGATION</li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-dashboard"></i> <span>Dashboard</span> <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
349 350 351 352 353 354 355 356 357 358 359 360 361 362
                <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
                <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-files-o"></i>
                <span>Layout Options</span>
                <span class="label label-primary pull-right">3</span>
              </a>
              <ul class="treeview-menu">
                <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
                <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
                <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
363
                <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
A
almasaeed2010 已提交
364 365 366 367 368 369 370 371 372
              </ul>
            </li>
            <li>
              <a href="../widgets.html">
                <i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small>
              </a>
            </li>
            <li class="treeview">
              <a href="#">
373
                <i class="fa fa-pie-chart"></i>
A
almasaeed2010 已提交
374 375 376 377
                <span>Charts</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
378 379 380
                <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
A
almasaeed2010 已提交
381 382 383 384 385 386 387 388 389
              </ul>
            </li>
            <li class="treeview active">
              <a href="#">
                <i class="fa fa-laptop"></i>
                <span>UI Elements</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
390 391 392 393 394 395
                <li><a href="general.html"><i class="fa fa-circle-o"></i> General</a></li>
                <li class="active"><a href="icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
                <li><a href="buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
                <li><a href="sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
                <li><a href="timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
                <li><a href="modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
A
almasaeed2010 已提交
396 397 398 399 400 401 402 403
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-edit"></i> <span>Forms</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
404 405 406
                <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
                <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
                <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
A
almasaeed2010 已提交
407 408 409 410 411 412 413 414
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-table"></i> <span>Tables</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
415 416
                <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
                <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
A
almasaeed2010 已提交
417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436
              </ul>
            </li>
            <li>
              <a href="../calendar.html">
                <i class="fa fa-calendar"></i> <span>Calendar</span>
                <small class="label pull-right bg-red">3</small>
              </a>
            </li>
            <li>
              <a href="../mailbox.html">
                <i class="fa fa-envelope"></i> <span>Mailbox</span>
                <small class="label pull-right bg-yellow">12</small>
              </a>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-folder"></i> <span>Examples</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
437 438 439 440 441 442 443
                <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
                <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
                <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
                <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
                <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
                <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
                <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
A
almasaeed2010 已提交
444 445 446 447 448 449 450 451
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-share"></i> <span>Multilevel</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
452
                <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
A
almasaeed2010 已提交
453
                <li>
454
                  <a href="#"><i class="fa fa-circle-o"></i> Level One <i class="fa fa-angle-left pull-right"></i></a>
A
almasaeed2010 已提交
455
                  <ul class="treeview-menu">
456
                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
A
almasaeed2010 已提交
457
                    <li>
458
                      <a href="#"><i class="fa fa-circle-o"></i> Level Two <i class="fa fa-angle-left pull-right"></i></a>
A
almasaeed2010 已提交
459
                      <ul class="treeview-menu">
460 461
                        <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
A
almasaeed2010 已提交
462 463 464 465
                      </ul>
                    </li>
                  </ul>
                </li>
466
                <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
A
almasaeed2010 已提交
467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597
              </ul>
            </li>
            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
            <li class="header">LABELS</li>
            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>

      <!-- Right side column. Contains the navbar and content of the page -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            Icons
            <small>a set of beautiful icons</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">UI</a></li>
            <li class="active">Icons</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class='row'>
            <div class='col-xs-12'>
              <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                  <li class="active"><a href="#fa-icons" data-toggle="tab">Font Awesome</a></li>
                  <li><a href="#glyphicons" data-toggle="tab">Glyphicons</a></li>
                </ul>
                <div class="tab-content">
                  <!-- Font Awesome icons -->
                  <div class="tab-pane active" id="fa-icons" >
                    <section id="new">
                      <h4 class="page-header">11 New Icons in 4.0</h4>

                      <div class="row fontawesome-icon-list">
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rub"></i> fa-rub</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span></div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span></div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pagelines"></i> fa-pagelines</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stack-exchange"></i> fa-stack-exchange</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-left"></i> fa-caret-square-o-left</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dot-circle-o"></i> fa-dot-circle-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-wheelchair"></i> fa-wheelchair</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-vimeo-square"></i> fa-vimeo-square</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-try"></i> fa-try</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span></div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square-o"></i> fa-plus-square-o</div>
                      </div>

                    </section>

                    <section id="web-application">
                      <h4 class="page-header">Web Application Icons</h4>

                      <div class="row fontawesome-icon-list">
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-adjust"></i> fa-adjust</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-anchor"></i> fa-anchor</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-archive"></i> fa-archive</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows"></i> fa-arrows</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-h"></i> fa-arrows-h</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-v"></i> fa-arrows-v</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-asterisk"></i> fa-asterisk</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ban"></i> fa-ban</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bar-chart-o"></i> fa-bar-chart-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-barcode"></i> fa-barcode</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bars"></i> fa-bars</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-beer"></i> fa-beer</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bell"></i> fa-bell</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bell-o"></i> fa-bell-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bolt"></i> fa-bolt</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-book"></i> fa-book</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bookmark"></i> fa-bookmark</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bookmark-o"></i> fa-bookmark-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-briefcase"></i> fa-briefcase</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bug"></i> fa-bug</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-building-o"></i> fa-building-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bullhorn"></i> fa-bullhorn</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bullseye"></i> fa-bullseye</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-calendar"></i> fa-calendar</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-calendar-o"></i> fa-calendar-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-camera"></i> fa-camera</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-camera-retro"></i> fa-camera-retro</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-down"></i> fa-caret-square-o-down</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-left"></i> fa-caret-square-o-left</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-right"></i> fa-caret-square-o-right</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-up"></i> fa-caret-square-o-up</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-certificate"></i> fa-certificate</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check"></i> fa-check</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-circle"></i> fa-check-circle</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-circle-o"></i> fa-check-circle-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-square"></i> fa-check-square</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-square-o"></i> fa-check-square-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-circle"></i> fa-circle</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-circle-o"></i> fa-circle-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-clock-o"></i> fa-clock-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cloud"></i> fa-cloud</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cloud-download"></i> fa-cloud-download</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cloud-upload"></i> fa-cloud-upload</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-code"></i> fa-code</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-code-fork"></i> fa-code-fork</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-coffee"></i> fa-coffee</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cog"></i> fa-cog</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cogs"></i> fa-cogs</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-comment"></i> fa-comment</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-comment-o"></i> fa-comment-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-comments"></i> fa-comments</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-comments-o"></i> fa-comments-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-compass"></i> fa-compass</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-credit-card"></i> fa-credit-card</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-crop"></i> fa-crop</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-crosshairs"></i> fa-crosshairs</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cutlery"></i> fa-cutlery</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dashboard"></i> fa-dashboard <span class="text-muted">(alias)</span></div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-desktop"></i> fa-desktop</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dot-circle-o"></i> fa-dot-circle-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-download"></i> fa-download</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-edit"></i> fa-edit <span class="text-muted">(alias)</span></div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ellipsis-h"></i> fa-ellipsis-h</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ellipsis-v"></i> fa-ellipsis-v</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-envelope"></i> fa-envelope</div>
A
Abdullah Almsaeed 已提交
598

A
almasaeed2010 已提交
599
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-envelope-o"></i> fa-envelope-o</div>
A
Abdullah Almsaeed 已提交
600

A
almasaeed2010 已提交
601
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eraser"></i> fa-eraser</div>
A
Abdullah Almsaeed 已提交
602

A
almasaeed2010 已提交
603
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-exchange"></i> fa-exchange</div>
A
Abdullah Almsaeed 已提交
604

A
almasaeed2010 已提交
605
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-exclamation"></i> fa-exclamation</div>
A
Abdullah Almsaeed 已提交
606

A
almasaeed2010 已提交
607
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-exclamation-circle"></i> fa-exclamation-circle</div>
A
Abdullah Almsaeed 已提交
608

A
almasaeed2010 已提交
609
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-exclamation-triangle"></i> fa-exclamation-triangle</div>
A
Abdullah Almsaeed 已提交
610

A
almasaeed2010 已提交
611
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-external-link"></i> fa-external-link</div>
A
Abdullah Almsaeed 已提交
612

A
almasaeed2010 已提交
613
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-external-link-square"></i> fa-external-link-square</div>
A
Abdullah Almsaeed 已提交
614

A
almasaeed2010 已提交
615
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eye"></i> fa-eye</div>
A
Abdullah Almsaeed 已提交
616

A
almasaeed2010 已提交
617
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eye-slash"></i> fa-eye-slash</div>
A
Abdullah Almsaeed 已提交
618

A
almasaeed2010 已提交
619
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-female"></i> fa-female</div>
A
Abdullah Almsaeed 已提交
620

A
almasaeed2010 已提交
621
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fighter-jet"></i> fa-fighter-jet</div>
A
Abdullah Almsaeed 已提交
622

A
almasaeed2010 已提交
623
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-film"></i> fa-film</div>
A
Abdullah Almsaeed 已提交
624

A
almasaeed2010 已提交
625
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-filter"></i> fa-filter</div>
A
Abdullah Almsaeed 已提交
626

A
almasaeed2010 已提交
627
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fire"></i> fa-fire</div>
A
Abdullah Almsaeed 已提交
628

A
almasaeed2010 已提交
629
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fire-extinguisher"></i> fa-fire-extinguisher</div>
A
Abdullah Almsaeed 已提交
630

A
almasaeed2010 已提交
631
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flag"></i> fa-flag</div>
A
Abdullah Almsaeed 已提交
632

A
almasaeed2010 已提交
633
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flag-checkered"></i> fa-flag-checkered</div>
A
Abdullah Almsaeed 已提交
634

A
almasaeed2010 已提交
635
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flag-o"></i> fa-flag-o</div>
A
Abdullah Almsaeed 已提交
636

A
almasaeed2010 已提交
637
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flash"></i> fa-flash <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
638

A
almasaeed2010 已提交
639
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flask"></i> fa-flask</div>
A
Abdullah Almsaeed 已提交
640

A
almasaeed2010 已提交
641
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-folder"></i> fa-folder</div>
A
Abdullah Almsaeed 已提交
642

A
almasaeed2010 已提交
643
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-folder-o"></i> fa-folder-o</div>
A
Abdullah Almsaeed 已提交
644

A
almasaeed2010 已提交
645
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-folder-open"></i> fa-folder-open</div>
A
Abdullah Almsaeed 已提交
646

A
almasaeed2010 已提交
647
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-folder-open-o"></i> fa-folder-open-o</div>
A
Abdullah Almsaeed 已提交
648

A
almasaeed2010 已提交
649
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-frown-o"></i> fa-frown-o</div>
A
Abdullah Almsaeed 已提交
650

A
almasaeed2010 已提交
651
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gamepad"></i> fa-gamepad</div>
A
Abdullah Almsaeed 已提交
652

A
almasaeed2010 已提交
653
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gavel"></i> fa-gavel</div>
A
Abdullah Almsaeed 已提交
654

A
almasaeed2010 已提交
655
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gear"></i> fa-gear <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
656

A
almasaeed2010 已提交
657
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gears"></i> fa-gears <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
658

A
almasaeed2010 已提交
659
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gift"></i> fa-gift</div>
A
Abdullah Almsaeed 已提交
660

A
almasaeed2010 已提交
661
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-glass"></i> fa-glass</div>
A
Abdullah Almsaeed 已提交
662

A
almasaeed2010 已提交
663
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-globe"></i> fa-globe</div>
A
Abdullah Almsaeed 已提交
664

A
almasaeed2010 已提交
665
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-group"></i> fa-group <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
666

A
almasaeed2010 已提交
667
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hdd-o"></i> fa-hdd-o</div>
A
Abdullah Almsaeed 已提交
668

A
almasaeed2010 已提交
669
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-headphones"></i> fa-headphones</div>
A
Abdullah Almsaeed 已提交
670

A
almasaeed2010 已提交
671
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-heart"></i> fa-heart</div>
A
Abdullah Almsaeed 已提交
672

A
almasaeed2010 已提交
673
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-heart-o"></i> fa-heart-o</div>
A
Abdullah Almsaeed 已提交
674

A
almasaeed2010 已提交
675
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-home"></i> fa-home</div>
A
Abdullah Almsaeed 已提交
676

A
almasaeed2010 已提交
677
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-inbox"></i> fa-inbox</div>
A
Abdullah Almsaeed 已提交
678

A
almasaeed2010 已提交
679
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-info"></i> fa-info</div>
A
Abdullah Almsaeed 已提交
680

A
almasaeed2010 已提交
681
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-info-circle"></i> fa-info-circle</div>
A
Abdullah Almsaeed 已提交
682

A
almasaeed2010 已提交
683
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-key"></i> fa-key</div>
A
Abdullah Almsaeed 已提交
684

A
almasaeed2010 已提交
685
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-keyboard-o"></i> fa-keyboard-o</div>
A
Abdullah Almsaeed 已提交
686

A
almasaeed2010 已提交
687
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-laptop"></i> fa-laptop</div>
A
Abdullah Almsaeed 已提交
688

A
almasaeed2010 已提交
689
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-leaf"></i> fa-leaf</div>
A
Abdullah Almsaeed 已提交
690

A
almasaeed2010 已提交
691
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-legal"></i> fa-legal <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
692

A
almasaeed2010 已提交
693
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-lemon-o"></i> fa-lemon-o</div>
A
Abdullah Almsaeed 已提交
694

A
almasaeed2010 已提交
695
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-level-down"></i> fa-level-down</div>
A
Abdullah Almsaeed 已提交
696

A
almasaeed2010 已提交
697
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-level-up"></i> fa-level-up</div>
A
Abdullah Almsaeed 已提交
698

A
almasaeed2010 已提交
699
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-lightbulb-o"></i> fa-lightbulb-o</div>
A
Abdullah Almsaeed 已提交
700

A
almasaeed2010 已提交
701
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-location-arrow"></i> fa-location-arrow</div>
A
Abdullah Almsaeed 已提交
702

A
almasaeed2010 已提交
703
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-lock"></i> fa-lock</div>
A
Abdullah Almsaeed 已提交
704

A
almasaeed2010 已提交
705
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-magic"></i> fa-magic</div>
A
Abdullah Almsaeed 已提交
706

A
almasaeed2010 已提交
707
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-magnet"></i> fa-magnet</div>
A
Abdullah Almsaeed 已提交
708

A
almasaeed2010 已提交
709
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mail-forward"></i> fa-mail-forward <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
710

A
almasaeed2010 已提交
711
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mail-reply"></i> fa-mail-reply <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
712

A
almasaeed2010 已提交
713
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mail-reply-all"></i> fa-mail-reply-all</div>
A
Abdullah Almsaeed 已提交
714

A
almasaeed2010 已提交
715
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-male"></i> fa-male</div>
A
Abdullah Almsaeed 已提交
716

A
almasaeed2010 已提交
717
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-map-marker"></i> fa-map-marker</div>
A
Abdullah Almsaeed 已提交
718

A
almasaeed2010 已提交
719
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-meh-o"></i> fa-meh-o</div>
A
Abdullah Almsaeed 已提交
720

A
almasaeed2010 已提交
721
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-microphone"></i> fa-microphone</div>
A
Abdullah Almsaeed 已提交
722

A
almasaeed2010 已提交
723
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-microphone-slash"></i> fa-microphone-slash</div>
A
Abdullah Almsaeed 已提交
724

A
almasaeed2010 已提交
725
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus"></i> fa-minus</div>
A
Abdullah Almsaeed 已提交
726

A
almasaeed2010 已提交
727
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-circle"></i> fa-minus-circle</div>
A
Abdullah Almsaeed 已提交
728

A
almasaeed2010 已提交
729
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-square"></i> fa-minus-square</div>
A
Abdullah Almsaeed 已提交
730

A
almasaeed2010 已提交
731
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-square-o"></i> fa-minus-square-o</div>
A
Abdullah Almsaeed 已提交
732

A
almasaeed2010 已提交
733
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mobile"></i> fa-mobile</div>
A
Abdullah Almsaeed 已提交
734

A
almasaeed2010 已提交
735
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mobile-phone"></i> fa-mobile-phone <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
736

A
almasaeed2010 已提交
737
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-money"></i> fa-money</div>
A
Abdullah Almsaeed 已提交
738

A
almasaeed2010 已提交
739
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-moon-o"></i> fa-moon-o</div>
A
Abdullah Almsaeed 已提交
740

A
almasaeed2010 已提交
741
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-music"></i> fa-music</div>
A
Abdullah Almsaeed 已提交
742

A
almasaeed2010 已提交
743
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pencil"></i> fa-pencil</div>
A
Abdullah Almsaeed 已提交
744

A
almasaeed2010 已提交
745
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pencil-square"></i> fa-pencil-square</div>
A
Abdullah Almsaeed 已提交
746

A
almasaeed2010 已提交
747
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pencil-square-o"></i> fa-pencil-square-o</div>
A
Abdullah Almsaeed 已提交
748

A
almasaeed2010 已提交
749
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-phone"></i> fa-phone</div>
A
Abdullah Almsaeed 已提交
750

A
almasaeed2010 已提交
751
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-phone-square"></i> fa-phone-square</div>
A
Abdullah Almsaeed 已提交
752

A
almasaeed2010 已提交
753
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-picture-o"></i> fa-picture-o</div>
A
Abdullah Almsaeed 已提交
754

A
almasaeed2010 已提交
755
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plane"></i> fa-plane</div>
A
Abdullah Almsaeed 已提交
756

A
almasaeed2010 已提交
757
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus"></i> fa-plus</div>
A
Abdullah Almsaeed 已提交
758

A
almasaeed2010 已提交
759
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-circle"></i> fa-plus-circle</div>
A
Abdullah Almsaeed 已提交
760

A
almasaeed2010 已提交
761
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square"></i> fa-plus-square</div>
A
Abdullah Almsaeed 已提交
762

A
almasaeed2010 已提交
763
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square-o"></i> fa-plus-square-o</div>
A
Abdullah Almsaeed 已提交
764

A
almasaeed2010 已提交
765
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-power-off"></i> fa-power-off</div>
A
Abdullah Almsaeed 已提交
766

A
almasaeed2010 已提交
767
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-print"></i> fa-print</div>
A
Abdullah Almsaeed 已提交
768

A
almasaeed2010 已提交
769
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-puzzle-piece"></i> fa-puzzle-piece</div>
A
Abdullah Almsaeed 已提交
770

A
almasaeed2010 已提交
771
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-qrcode"></i> fa-qrcode</div>
A
Abdullah Almsaeed 已提交
772

A
almasaeed2010 已提交
773
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-question"></i> fa-question</div>
A
Abdullah Almsaeed 已提交
774

A
almasaeed2010 已提交
775
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-question-circle"></i> fa-question-circle</div>
A
Abdullah Almsaeed 已提交
776

A
almasaeed2010 已提交
777
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-quote-left"></i> fa-quote-left</div>
A
Abdullah Almsaeed 已提交
778

A
almasaeed2010 已提交
779
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-quote-right"></i> fa-quote-right</div>
A
Abdullah Almsaeed 已提交
780

A
almasaeed2010 已提交
781
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-random"></i> fa-random</div>
A
Abdullah Almsaeed 已提交
782

A
almasaeed2010 已提交
783
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-refresh"></i> fa-refresh</div>
A
Abdullah Almsaeed 已提交
784

A
almasaeed2010 已提交
785
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-reply"></i> fa-reply</div>
A
Abdullah Almsaeed 已提交
786

A
almasaeed2010 已提交
787
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-reply-all"></i> fa-reply-all</div>
A
Abdullah Almsaeed 已提交
788

A
almasaeed2010 已提交
789
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-retweet"></i> fa-retweet</div>
A
Abdullah Almsaeed 已提交
790

A
almasaeed2010 已提交
791
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-road"></i> fa-road</div>
A
Abdullah Almsaeed 已提交
792

A
almasaeed2010 已提交
793
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rocket"></i> fa-rocket</div>
A
Abdullah Almsaeed 已提交
794

A
almasaeed2010 已提交
795
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rss"></i> fa-rss</div>
A
Abdullah Almsaeed 已提交
796

A
almasaeed2010 已提交
797
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rss-square"></i> fa-rss-square</div>
A
Abdullah Almsaeed 已提交
798

A
almasaeed2010 已提交
799
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-search"></i> fa-search</div>
A
Abdullah Almsaeed 已提交
800

A
almasaeed2010 已提交
801
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-search-minus"></i> fa-search-minus</div>
A
Abdullah Almsaeed 已提交
802

A
almasaeed2010 已提交
803
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-search-plus"></i> fa-search-plus</div>
A
Abdullah Almsaeed 已提交
804

A
almasaeed2010 已提交
805
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-share"></i> fa-share</div>
A
Abdullah Almsaeed 已提交
806

A
almasaeed2010 已提交
807
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-share-square"></i> fa-share-square</div>
A
Abdullah Almsaeed 已提交
808

A
almasaeed2010 已提交
809
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-share-square-o"></i> fa-share-square-o</div>
A
Abdullah Almsaeed 已提交
810

A
almasaeed2010 已提交
811
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-shield"></i> fa-shield</div>
A
Abdullah Almsaeed 已提交
812

A
almasaeed2010 已提交
813
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-shopping-cart"></i> fa-shopping-cart</div>
A
Abdullah Almsaeed 已提交
814

A
almasaeed2010 已提交
815
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sign-in"></i> fa-sign-in</div>
A
Abdullah Almsaeed 已提交
816

A
almasaeed2010 已提交
817
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sign-out"></i> fa-sign-out</div>
A
Abdullah Almsaeed 已提交
818

A
almasaeed2010 已提交
819
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-signal"></i> fa-signal</div>
A
Abdullah Almsaeed 已提交
820

A
almasaeed2010 已提交
821
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sitemap"></i> fa-sitemap</div>
A
Abdullah Almsaeed 已提交
822

A
almasaeed2010 已提交
823
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-smile-o"></i> fa-smile-o</div>
A
Abdullah Almsaeed 已提交
824

A
almasaeed2010 已提交
825
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort"></i> fa-sort</div>
A
Abdullah Almsaeed 已提交
826

A
almasaeed2010 已提交
827
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-alpha-asc"></i> fa-sort-alpha-asc</div>
A
Abdullah Almsaeed 已提交
828

A
almasaeed2010 已提交
829
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-alpha-desc"></i> fa-sort-alpha-desc</div>
A
Abdullah Almsaeed 已提交
830

A
almasaeed2010 已提交
831
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-amount-asc"></i> fa-sort-amount-asc</div>
A
Abdullah Almsaeed 已提交
832

A
almasaeed2010 已提交
833
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-amount-desc"></i> fa-sort-amount-desc</div>
A
Abdullah Almsaeed 已提交
834

A
almasaeed2010 已提交
835
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-asc"></i> fa-sort-asc</div>
A
Abdullah Almsaeed 已提交
836

A
almasaeed2010 已提交
837
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-desc"></i> fa-sort-desc</div>
A
Abdullah Almsaeed 已提交
838

A
almasaeed2010 已提交
839
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-down"></i> fa-sort-down <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
840

A
almasaeed2010 已提交
841
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-numeric-asc"></i> fa-sort-numeric-asc</div>
A
Abdullah Almsaeed 已提交
842

A
almasaeed2010 已提交
843
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-numeric-desc"></i> fa-sort-numeric-desc</div>
A
Abdullah Almsaeed 已提交
844

A
almasaeed2010 已提交
845
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-up"></i> fa-sort-up <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
846

A
almasaeed2010 已提交
847
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-spinner"></i> fa-spinner</div>
A
Abdullah Almsaeed 已提交
848

A
almasaeed2010 已提交
849
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-square"></i> fa-square</div>
A
Abdullah Almsaeed 已提交
850

A
almasaeed2010 已提交
851
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-square-o"></i> fa-square-o</div>
A
Abdullah Almsaeed 已提交
852

A
almasaeed2010 已提交
853
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star"></i> fa-star</div>
A
Abdullah Almsaeed 已提交
854

A
almasaeed2010 已提交
855
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-half"></i> fa-star-half</div>
A
Abdullah Almsaeed 已提交
856

A
almasaeed2010 已提交
857
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-half-empty"></i> fa-star-half-empty <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
858

A
almasaeed2010 已提交
859
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-half-full"></i> fa-star-half-full <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
860

A
almasaeed2010 已提交
861
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-half-o"></i> fa-star-half-o</div>
A
Abdullah Almsaeed 已提交
862

A
almasaeed2010 已提交
863
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-o"></i> fa-star-o</div>
A
Abdullah Almsaeed 已提交
864

A
almasaeed2010 已提交
865
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-subscript"></i> fa-subscript</div>
A
Abdullah Almsaeed 已提交
866

A
almasaeed2010 已提交
867
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-suitcase"></i> fa-suitcase</div>
A
Abdullah Almsaeed 已提交
868

A
almasaeed2010 已提交
869
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sun-o"></i> fa-sun-o</div>
A
Abdullah Almsaeed 已提交
870

A
almasaeed2010 已提交
871
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-superscript"></i> fa-superscript</div>
A
Abdullah Almsaeed 已提交
872

A
almasaeed2010 已提交
873
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tablet"></i> fa-tablet</div>
A
Abdullah Almsaeed 已提交
874

A
almasaeed2010 已提交
875
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tachometer"></i> fa-tachometer</div>
A
Abdullah Almsaeed 已提交
876

A
almasaeed2010 已提交
877
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tag"></i> fa-tag</div>
A
Abdullah Almsaeed 已提交
878

A
almasaeed2010 已提交
879
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tags"></i> fa-tags</div>
A
Abdullah Almsaeed 已提交
880

A
almasaeed2010 已提交
881
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tasks"></i> fa-tasks</div>
A
Abdullah Almsaeed 已提交
882

A
almasaeed2010 已提交
883
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-terminal"></i> fa-terminal</div>
A
Abdullah Almsaeed 已提交
884

A
almasaeed2010 已提交
885
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumb-tack"></i> fa-thumb-tack</div>
A
Abdullah Almsaeed 已提交
886

A
almasaeed2010 已提交
887
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumbs-down"></i> fa-thumbs-down</div>
A
Abdullah Almsaeed 已提交
888

A
almasaeed2010 已提交
889
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumbs-o-down"></i> fa-thumbs-o-down</div>
A
Abdullah Almsaeed 已提交
890

A
almasaeed2010 已提交
891
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumbs-o-up"></i> fa-thumbs-o-up</div>
A
Abdullah Almsaeed 已提交
892

A
almasaeed2010 已提交
893
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumbs-up"></i> fa-thumbs-up</div>
A
Abdullah Almsaeed 已提交
894

A
almasaeed2010 已提交
895
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ticket"></i> fa-ticket</div>
A
Abdullah Almsaeed 已提交
896

A
almasaeed2010 已提交
897
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-times"></i> fa-times</div>
A
Abdullah Almsaeed 已提交
898

A
almasaeed2010 已提交
899
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-times-circle"></i> fa-times-circle</div>
A
Abdullah Almsaeed 已提交
900

A
almasaeed2010 已提交
901
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-times-circle-o"></i> fa-times-circle-o</div>
A
Abdullah Almsaeed 已提交
902

A
almasaeed2010 已提交
903
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tint"></i> fa-tint</div>
A
Abdullah Almsaeed 已提交
904

A
almasaeed2010 已提交
905
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
906

A
almasaeed2010 已提交
907
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
908

A
almasaeed2010 已提交
909
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
910

A
almasaeed2010 已提交
911
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
912

A
almasaeed2010 已提交
913
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-trash-o"></i> fa-trash-o</div>
A
Abdullah Almsaeed 已提交
914

A
almasaeed2010 已提交
915
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-trophy"></i> fa-trophy</div>
A
Abdullah Almsaeed 已提交
916

A
almasaeed2010 已提交
917
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-truck"></i> fa-truck</div>
A
Abdullah Almsaeed 已提交
918

A
almasaeed2010 已提交
919
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-umbrella"></i> fa-umbrella</div>
A
Abdullah Almsaeed 已提交
920

A
almasaeed2010 已提交
921
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-unlock"></i> fa-unlock</div>
A
Abdullah Almsaeed 已提交
922

A
almasaeed2010 已提交
923
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-unlock-alt"></i> fa-unlock-alt</div>
A
Abdullah Almsaeed 已提交
924

A
almasaeed2010 已提交
925
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-unsorted"></i> fa-unsorted <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
926

A
almasaeed2010 已提交
927
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-upload"></i> fa-upload</div>
A
Abdullah Almsaeed 已提交
928

A
almasaeed2010 已提交
929
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-user"></i> fa-user</div>
A
Abdullah Almsaeed 已提交
930

A
almasaeed2010 已提交
931
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-users"></i> fa-users</div>
A
Abdullah Almsaeed 已提交
932

A
almasaeed2010 已提交
933
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-video-camera"></i> fa-video-camera</div>
A
Abdullah Almsaeed 已提交
934

A
almasaeed2010 已提交
935
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-volume-down"></i> fa-volume-down</div>
A
Abdullah Almsaeed 已提交
936

A
almasaeed2010 已提交
937
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-volume-off"></i> fa-volume-off</div>
A
Abdullah Almsaeed 已提交
938

A
almasaeed2010 已提交
939
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-volume-up"></i> fa-volume-up</div>
A
Abdullah Almsaeed 已提交
940

A
almasaeed2010 已提交
941
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-warning"></i> fa-warning <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
942

A
almasaeed2010 已提交
943 944 945 946
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-wheelchair"></i> fa-wheelchair</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-wrench"></i> fa-wrench</div>
                      </div>
                    </section>
A
Abdullah Almsaeed 已提交
947

A
almasaeed2010 已提交
948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963
                    <section id="form-control">
                      <h4 class="page-header">Form Control Icons</h4>
                      <div class="row fontawesome-icon-list">
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-square"></i> fa-check-square</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-square-o"></i> fa-check-square-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-circle"></i> fa-circle</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-circle-o"></i> fa-circle-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dot-circle-o"></i> fa-dot-circle-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-square"></i> fa-minus-square</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-square-o"></i> fa-minus-square-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square"></i> fa-plus-square</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square-o"></i> fa-plus-square-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-square"></i> fa-square</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-square-o"></i> fa-square-o</div>
                      </div>
                    </section>
A
Abdullah Almsaeed 已提交
964

A
almasaeed2010 已提交
965 966
                    <section id="currency">
                      <h4 class="page-header">Currency Icons</h4>
A
Abdullah Almsaeed 已提交
967

A
almasaeed2010 已提交
968
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
969

A
almasaeed2010 已提交
970
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
971

A
almasaeed2010 已提交
972
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-btc"></i> fa-btc</div>
A
Abdullah Almsaeed 已提交
973

A
almasaeed2010 已提交
974
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cny"></i> fa-cny <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
975

A
almasaeed2010 已提交
976
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dollar"></i> fa-dollar <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
977

A
almasaeed2010 已提交
978
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eur"></i> fa-eur</div>
A
Abdullah Almsaeed 已提交
979

A
almasaeed2010 已提交
980
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-euro"></i> fa-euro <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
981

A
almasaeed2010 已提交
982
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gbp"></i> fa-gbp</div>
A
Abdullah Almsaeed 已提交
983

A
almasaeed2010 已提交
984
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-inr"></i> fa-inr</div>
A
Abdullah Almsaeed 已提交
985

A
almasaeed2010 已提交
986
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-jpy"></i> fa-jpy</div>
A
Abdullah Almsaeed 已提交
987

A
almasaeed2010 已提交
988
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-krw"></i> fa-krw</div>
A
Abdullah Almsaeed 已提交
989

A
almasaeed2010 已提交
990
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-money"></i> fa-money</div>
A
Abdullah Almsaeed 已提交
991

A
almasaeed2010 已提交
992
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rmb"></i> fa-rmb <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
993

A
almasaeed2010 已提交
994
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
995

A
almasaeed2010 已提交
996
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rub"></i> fa-rub</div>
A
Abdullah Almsaeed 已提交
997

A
almasaeed2010 已提交
998
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
999

A
almasaeed2010 已提交
1000
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rupee"></i> fa-rupee <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1001

A
almasaeed2010 已提交
1002
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-try"></i> fa-try</div>
A
Abdullah Almsaeed 已提交
1003

A
almasaeed2010 已提交
1004
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1005

A
almasaeed2010 已提交
1006
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-usd"></i> fa-usd</div>
A
Abdullah Almsaeed 已提交
1007

A
almasaeed2010 已提交
1008
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-won"></i> fa-won <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1009

A
almasaeed2010 已提交
1010
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-yen"></i> fa-yen <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1011

A
almasaeed2010 已提交
1012
                      </div>
A
Abdullah Almsaeed 已提交
1013

A
almasaeed2010 已提交
1014
                    </section>
A
Abdullah Almsaeed 已提交
1015

A
almasaeed2010 已提交
1016 1017
                    <section id="text-editor">
                      <h4 class="page-header">Text Editor Icons</h4>
A
Abdullah Almsaeed 已提交
1018

A
almasaeed2010 已提交
1019
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
1020 1021 1022



A
almasaeed2010 已提交
1023
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-align-center"></i> fa-align-center</div>
A
Abdullah Almsaeed 已提交
1024

A
almasaeed2010 已提交
1025
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-align-justify"></i> fa-align-justify</div>
A
Abdullah Almsaeed 已提交
1026

A
almasaeed2010 已提交
1027
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-align-left"></i> fa-align-left</div>
A
Abdullah Almsaeed 已提交
1028

A
almasaeed2010 已提交
1029
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-align-right"></i> fa-align-right</div>
A
Abdullah Almsaeed 已提交
1030

A
almasaeed2010 已提交
1031
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bold"></i> fa-bold</div>
A
Abdullah Almsaeed 已提交
1032

A
almasaeed2010 已提交
1033
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chain"></i> fa-chain <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1034

A
almasaeed2010 已提交
1035
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chain-broken"></i> fa-chain-broken</div>
A
Abdullah Almsaeed 已提交
1036

A
almasaeed2010 已提交
1037
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-clipboard"></i> fa-clipboard</div>
A
Abdullah Almsaeed 已提交
1038

A
almasaeed2010 已提交
1039
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-columns"></i> fa-columns</div>
A
Abdullah Almsaeed 已提交
1040

A
almasaeed2010 已提交
1041
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-copy"></i> fa-copy <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1042

A
almasaeed2010 已提交
1043
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cut"></i> fa-cut <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1044

A
almasaeed2010 已提交
1045
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dedent"></i> fa-dedent <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1046

A
almasaeed2010 已提交
1047
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eraser"></i> fa-eraser</div>
A
Abdullah Almsaeed 已提交
1048

A
almasaeed2010 已提交
1049
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-file"></i> fa-file</div>
A
Abdullah Almsaeed 已提交
1050

A
almasaeed2010 已提交
1051
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-file-o"></i> fa-file-o</div>
A
Abdullah Almsaeed 已提交
1052

A
almasaeed2010 已提交
1053
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-file-text"></i> fa-file-text</div>
A
Abdullah Almsaeed 已提交
1054

A
almasaeed2010 已提交
1055
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-file-text-o"></i> fa-file-text-o</div>
A
Abdullah Almsaeed 已提交
1056

A
almasaeed2010 已提交
1057
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-files-o"></i> fa-files-o</div>
A
Abdullah Almsaeed 已提交
1058

A
almasaeed2010 已提交
1059
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-floppy-o"></i> fa-floppy-o</div>
A
Abdullah Almsaeed 已提交
1060

A
almasaeed2010 已提交
1061
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-font"></i> fa-font</div>
A
Abdullah Almsaeed 已提交
1062

A
almasaeed2010 已提交
1063
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-indent"></i> fa-indent</div>
A
Abdullah Almsaeed 已提交
1064

A
almasaeed2010 已提交
1065
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-italic"></i> fa-italic</div>
A
Abdullah Almsaeed 已提交
1066

A
almasaeed2010 已提交
1067
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-link"></i> fa-link</div>
A
Abdullah Almsaeed 已提交
1068

A
almasaeed2010 已提交
1069
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-list"></i> fa-list</div>
A
Abdullah Almsaeed 已提交
1070

A
almasaeed2010 已提交
1071
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-list-alt"></i> fa-list-alt</div>
A
Abdullah Almsaeed 已提交
1072

A
almasaeed2010 已提交
1073
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-list-ol"></i> fa-list-ol</div>
A
Abdullah Almsaeed 已提交
1074

A
almasaeed2010 已提交
1075
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-list-ul"></i> fa-list-ul</div>
A
Abdullah Almsaeed 已提交
1076

A
almasaeed2010 已提交
1077
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-outdent"></i> fa-outdent</div>
A
Abdullah Almsaeed 已提交
1078

A
almasaeed2010 已提交
1079
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-paperclip"></i> fa-paperclip</div>
A
Abdullah Almsaeed 已提交
1080

A
almasaeed2010 已提交
1081
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-paste"></i> fa-paste <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1082

A
almasaeed2010 已提交
1083
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-repeat"></i> fa-repeat</div>
A
Abdullah Almsaeed 已提交
1084

A
almasaeed2010 已提交
1085
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rotate-left"></i> fa-rotate-left <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1086

A
almasaeed2010 已提交
1087
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rotate-right"></i> fa-rotate-right <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1088

A
almasaeed2010 已提交
1089
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-save"></i> fa-save <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1090

A
almasaeed2010 已提交
1091
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-scissors"></i> fa-scissors</div>
A
Abdullah Almsaeed 已提交
1092

A
almasaeed2010 已提交
1093
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-strikethrough"></i> fa-strikethrough</div>
A
Abdullah Almsaeed 已提交
1094

A
almasaeed2010 已提交
1095
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-table"></i> fa-table</div>
A
Abdullah Almsaeed 已提交
1096

A
almasaeed2010 已提交
1097
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-text-height"></i> fa-text-height</div>
A
Abdullah Almsaeed 已提交
1098

A
almasaeed2010 已提交
1099
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-text-width"></i> fa-text-width</div>
A
Abdullah Almsaeed 已提交
1100

A
almasaeed2010 已提交
1101
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-th"></i> fa-th</div>
A
Abdullah Almsaeed 已提交
1102

A
almasaeed2010 已提交
1103
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-th-large"></i> fa-th-large</div>
A
Abdullah Almsaeed 已提交
1104

A
almasaeed2010 已提交
1105
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-th-list"></i> fa-th-list</div>
A
Abdullah Almsaeed 已提交
1106

A
almasaeed2010 已提交
1107
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-underline"></i> fa-underline</div>
A
Abdullah Almsaeed 已提交
1108

A
almasaeed2010 已提交
1109
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-undo"></i> fa-undo</div>
A
Abdullah Almsaeed 已提交
1110

A
almasaeed2010 已提交
1111
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-unlink"></i> fa-unlink <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1112

A
almasaeed2010 已提交
1113
                      </div>
A
Abdullah Almsaeed 已提交
1114

A
almasaeed2010 已提交
1115
                    </section>
A
Abdullah Almsaeed 已提交
1116

A
almasaeed2010 已提交
1117 1118
                    <section id="directional">
                      <h4 class="page-header">Directional Icons</h4>
A
Abdullah Almsaeed 已提交
1119

A
almasaeed2010 已提交
1120
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
1121 1122 1123



A
almasaeed2010 已提交
1124
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-double-down"></i> fa-angle-double-down</div>
A
Abdullah Almsaeed 已提交
1125

A
almasaeed2010 已提交
1126
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-double-left"></i> fa-angle-double-left</div>
A
Abdullah Almsaeed 已提交
1127

A
almasaeed2010 已提交
1128
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-double-right"></i> fa-angle-double-right</div>
A
Abdullah Almsaeed 已提交
1129

A
almasaeed2010 已提交
1130
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-double-up"></i> fa-angle-double-up</div>
A
Abdullah Almsaeed 已提交
1131

A
almasaeed2010 已提交
1132
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-down"></i> fa-angle-down</div>
A
Abdullah Almsaeed 已提交
1133

A
almasaeed2010 已提交
1134
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-left"></i> fa-angle-left</div>
A
Abdullah Almsaeed 已提交
1135

A
almasaeed2010 已提交
1136
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-right"></i> fa-angle-right</div>
A
Abdullah Almsaeed 已提交
1137

A
almasaeed2010 已提交
1138
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-up"></i> fa-angle-up</div>
A
Abdullah Almsaeed 已提交
1139

A
almasaeed2010 已提交
1140
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-down"></i> fa-arrow-circle-down</div>
A
Abdullah Almsaeed 已提交
1141

A
almasaeed2010 已提交
1142
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-left"></i> fa-arrow-circle-left</div>
A
Abdullah Almsaeed 已提交
1143

A
almasaeed2010 已提交
1144
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down</div>
A
Abdullah Almsaeed 已提交
1145

A
almasaeed2010 已提交
1146
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</div>
A
Abdullah Almsaeed 已提交
1147

A
almasaeed2010 已提交
1148
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</div>
A
Abdullah Almsaeed 已提交
1149

A
almasaeed2010 已提交
1150
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up</div>
A
Abdullah Almsaeed 已提交
1151

A
almasaeed2010 已提交
1152
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-right"></i> fa-arrow-circle-right</div>
A
Abdullah Almsaeed 已提交
1153

A
almasaeed2010 已提交
1154
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-up"></i> fa-arrow-circle-up</div>
A
Abdullah Almsaeed 已提交
1155

A
almasaeed2010 已提交
1156
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-down"></i> fa-arrow-down</div>
A
Abdullah Almsaeed 已提交
1157

A
almasaeed2010 已提交
1158
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-left"></i> fa-arrow-left</div>
A
Abdullah Almsaeed 已提交
1159

A
almasaeed2010 已提交
1160
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-right"></i> fa-arrow-right</div>
A
Abdullah Almsaeed 已提交
1161

A
almasaeed2010 已提交
1162
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-up"></i> fa-arrow-up</div>
A
Abdullah Almsaeed 已提交
1163

A
almasaeed2010 已提交
1164
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows"></i> fa-arrows</div>
A
Abdullah Almsaeed 已提交
1165

A
almasaeed2010 已提交
1166
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-alt"></i> fa-arrows-alt</div>
A
Abdullah Almsaeed 已提交
1167

A
almasaeed2010 已提交
1168
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-h"></i> fa-arrows-h</div>
A
Abdullah Almsaeed 已提交
1169

A
almasaeed2010 已提交
1170
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-v"></i> fa-arrows-v</div>
A
Abdullah Almsaeed 已提交
1171

A
almasaeed2010 已提交
1172
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-down"></i> fa-caret-down</div>
A
Abdullah Almsaeed 已提交
1173

A
almasaeed2010 已提交
1174
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-left"></i> fa-caret-left</div>
A
Abdullah Almsaeed 已提交
1175

A
almasaeed2010 已提交
1176
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-right"></i> fa-caret-right</div>
A
Abdullah Almsaeed 已提交
1177

A
almasaeed2010 已提交
1178
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-down"></i> fa-caret-square-o-down</div>
A
Abdullah Almsaeed 已提交
1179

A
almasaeed2010 已提交
1180
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-left"></i> fa-caret-square-o-left</div>
A
Abdullah Almsaeed 已提交
1181

A
almasaeed2010 已提交
1182
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-right"></i> fa-caret-square-o-right</div>
A
Abdullah Almsaeed 已提交
1183

A
almasaeed2010 已提交
1184
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-up"></i> fa-caret-square-o-up</div>
A
Abdullah Almsaeed 已提交
1185

A
almasaeed2010 已提交
1186
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-up"></i> fa-caret-up</div>
A
Abdullah Almsaeed 已提交
1187

A
almasaeed2010 已提交
1188
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-circle-down"></i> fa-chevron-circle-down</div>
A
Abdullah Almsaeed 已提交
1189

A
almasaeed2010 已提交
1190
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-circle-left"></i> fa-chevron-circle-left</div>
A
Abdullah Almsaeed 已提交
1191

A
almasaeed2010 已提交
1192
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-circle-right"></i> fa-chevron-circle-right</div>
A
Abdullah Almsaeed 已提交
1193

A
almasaeed2010 已提交
1194
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-circle-up"></i> fa-chevron-circle-up</div>
A
Abdullah Almsaeed 已提交
1195

A
almasaeed2010 已提交
1196
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-down"></i> fa-chevron-down</div>
A
Abdullah Almsaeed 已提交
1197

A
almasaeed2010 已提交
1198
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-left"></i> fa-chevron-left</div>
A
Abdullah Almsaeed 已提交
1199

A
almasaeed2010 已提交
1200
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-right"></i> fa-chevron-right</div>
A
Abdullah Almsaeed 已提交
1201

A
almasaeed2010 已提交
1202
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-up"></i> fa-chevron-up</div>
A
Abdullah Almsaeed 已提交
1203

A
almasaeed2010 已提交
1204
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hand-o-down"></i> fa-hand-o-down</div>
A
Abdullah Almsaeed 已提交
1205

A
almasaeed2010 已提交
1206
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hand-o-left"></i> fa-hand-o-left</div>
A
Abdullah Almsaeed 已提交
1207

A
almasaeed2010 已提交
1208
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hand-o-right"></i> fa-hand-o-right</div>
A
Abdullah Almsaeed 已提交
1209

A
almasaeed2010 已提交
1210
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hand-o-up"></i> fa-hand-o-up</div>
A
Abdullah Almsaeed 已提交
1211

A
almasaeed2010 已提交
1212
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-long-arrow-down"></i> fa-long-arrow-down</div>
A
Abdullah Almsaeed 已提交
1213

A
almasaeed2010 已提交
1214
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-long-arrow-left"></i> fa-long-arrow-left</div>
A
Abdullah Almsaeed 已提交
1215

A
almasaeed2010 已提交
1216
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-long-arrow-right"></i> fa-long-arrow-right</div>
A
Abdullah Almsaeed 已提交
1217

A
almasaeed2010 已提交
1218
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-long-arrow-up"></i> fa-long-arrow-up</div>
A
Abdullah Almsaeed 已提交
1219

A
almasaeed2010 已提交
1220
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1221

A
almasaeed2010 已提交
1222
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1223

A
almasaeed2010 已提交
1224
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1225

A
almasaeed2010 已提交
1226
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1227

A
almasaeed2010 已提交
1228
                      </div>
A
Abdullah Almsaeed 已提交
1229

A
almasaeed2010 已提交
1230
                    </section>
A
Abdullah Almsaeed 已提交
1231

A
almasaeed2010 已提交
1232 1233
                    <section id="video-player">
                      <h4 class="page-header">Video Player Icons</h4>
A
Abdullah Almsaeed 已提交
1234

A
almasaeed2010 已提交
1235
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
1236 1237 1238



A
almasaeed2010 已提交
1239
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-alt"></i> fa-arrows-alt</div>
A
Abdullah Almsaeed 已提交
1240

A
almasaeed2010 已提交
1241
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-backward"></i> fa-backward</div>
A
Abdullah Almsaeed 已提交
1242

A
almasaeed2010 已提交
1243
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-compress"></i> fa-compress</div>
A
Abdullah Almsaeed 已提交
1244

A
almasaeed2010 已提交
1245
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eject"></i> fa-eject</div>
A
Abdullah Almsaeed 已提交
1246

A
almasaeed2010 已提交
1247
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-expand"></i> fa-expand</div>
A
Abdullah Almsaeed 已提交
1248

A
almasaeed2010 已提交
1249
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fast-backward"></i> fa-fast-backward</div>
A
Abdullah Almsaeed 已提交
1250

A
almasaeed2010 已提交
1251
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fast-forward"></i> fa-fast-forward</div>
A
Abdullah Almsaeed 已提交
1252

A
almasaeed2010 已提交
1253
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-forward"></i> fa-forward</div>
A
Abdullah Almsaeed 已提交
1254

A
almasaeed2010 已提交
1255
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pause"></i> fa-pause</div>
A
Abdullah Almsaeed 已提交
1256

A
almasaeed2010 已提交
1257
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-play"></i> fa-play</div>
A
Abdullah Almsaeed 已提交
1258

A
almasaeed2010 已提交
1259
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-play-circle"></i> fa-play-circle</div>
A
Abdullah Almsaeed 已提交
1260

A
almasaeed2010 已提交
1261
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-play-circle-o"></i> fa-play-circle-o</div>
A
Abdullah Almsaeed 已提交
1262

A
almasaeed2010 已提交
1263
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-step-backward"></i> fa-step-backward</div>
A
Abdullah Almsaeed 已提交
1264

A
almasaeed2010 已提交
1265
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-step-forward"></i> fa-step-forward</div>
A
Abdullah Almsaeed 已提交
1266

A
almasaeed2010 已提交
1267
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stop"></i> fa-stop</div>
A
Abdullah Almsaeed 已提交
1268

A
almasaeed2010 已提交
1269
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-youtube-play"></i> fa-youtube-play</div>
A
Abdullah Almsaeed 已提交
1270

A
almasaeed2010 已提交
1271
                      </div>
A
Abdullah Almsaeed 已提交
1272

A
almasaeed2010 已提交
1273
                    </section>
A
Abdullah Almsaeed 已提交
1274

A
almasaeed2010 已提交
1275 1276
                    <section id="brand">
                      <h4 class="page-header">Brand Icons</h4>
A
Abdullah Almsaeed 已提交
1277

A
almasaeed2010 已提交
1278 1279 1280 1281 1282
                      <div class="alert alert-info">
                        <ul class="margin-bottom-none padding-left-lg">
                          <li>All brand icons are trademarks of their respective owners.</li>
                          <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
                        </ul>
A
Abdullah Almsaeed 已提交
1283

A
almasaeed2010 已提交
1284
                      </div>
A
Abdullah Almsaeed 已提交
1285

A
almasaeed2010 已提交
1286
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
1287 1288 1289



A
almasaeed2010 已提交
1290
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-adn"></i> fa-adn</div>
A
Abdullah Almsaeed 已提交
1291

A
almasaeed2010 已提交
1292
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-android"></i> fa-android</div>
A
Abdullah Almsaeed 已提交
1293

A
almasaeed2010 已提交
1294
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-apple"></i> fa-apple</div>
A
Abdullah Almsaeed 已提交
1295

A
almasaeed2010 已提交
1296
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bitbucket"></i> fa-bitbucket</div>
A
Abdullah Almsaeed 已提交
1297

A
almasaeed2010 已提交
1298
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bitbucket-square"></i> fa-bitbucket-square</div>
A
Abdullah Almsaeed 已提交
1299

A
almasaeed2010 已提交
1300
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span></div>
A
Abdullah Almsaeed 已提交
1301

A
almasaeed2010 已提交
1302
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-btc"></i> fa-btc</div>
A
Abdullah Almsaeed 已提交
1303

A
almasaeed2010 已提交
1304
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-css3"></i> fa-css3</div>
A
Abdullah Almsaeed 已提交
1305

A
almasaeed2010 已提交
1306
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dribbble"></i> fa-dribbble</div>
A
Abdullah Almsaeed 已提交
1307

A
almasaeed2010 已提交
1308
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dropbox"></i> fa-dropbox</div>
A
Abdullah Almsaeed 已提交
1309

A
almasaeed2010 已提交
1310
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-facebook"></i> fa-facebook</div>
A
Abdullah Almsaeed 已提交
1311

A
almasaeed2010 已提交
1312
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-facebook-square"></i> fa-facebook-square</div>
A
Abdullah Almsaeed 已提交
1313

A
almasaeed2010 已提交
1314
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flickr"></i> fa-flickr</div>
A
Abdullah Almsaeed 已提交
1315

A
almasaeed2010 已提交
1316
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-foursquare"></i> fa-foursquare</div>
A
Abdullah Almsaeed 已提交
1317

A
almasaeed2010 已提交
1318
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-github"></i> fa-github</div>
A
Abdullah Almsaeed 已提交
1319

A
almasaeed2010 已提交
1320
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-github-alt"></i> fa-github-alt</div>
A
Abdullah Almsaeed 已提交
1321

A
almasaeed2010 已提交
1322
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-github-square"></i> fa-github-square</div>
A
Abdullah Almsaeed 已提交
1323

A
almasaeed2010 已提交
1324
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gittip"></i> fa-gittip</div>
A
Abdullah Almsaeed 已提交
1325

A
almasaeed2010 已提交
1326
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-google-plus"></i> fa-google-plus</div>
A
Abdullah Almsaeed 已提交
1327

A
almasaeed2010 已提交
1328
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-google-plus-square"></i> fa-google-plus-square</div>
A
Abdullah Almsaeed 已提交
1329

A
almasaeed2010 已提交
1330
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-html5"></i> fa-html5</div>
A
Abdullah Almsaeed 已提交
1331

A
almasaeed2010 已提交
1332
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-instagram"></i> fa-instagram</div>
A
Abdullah Almsaeed 已提交
1333

A
almasaeed2010 已提交
1334
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-linkedin"></i> fa-linkedin</div>
A
Abdullah Almsaeed 已提交
1335

A
almasaeed2010 已提交
1336
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-linkedin-square"></i> fa-linkedin-square</div>
A
Abdullah Almsaeed 已提交
1337

A
almasaeed2010 已提交
1338
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-linux"></i> fa-linux</div>
A
Abdullah Almsaeed 已提交
1339

A
almasaeed2010 已提交
1340
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-maxcdn"></i> fa-maxcdn</div>
A
Abdullah Almsaeed 已提交
1341

A
almasaeed2010 已提交
1342
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pagelines"></i> fa-pagelines</div>
A
Abdullah Almsaeed 已提交
1343

A
almasaeed2010 已提交
1344
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pinterest"></i> fa-pinterest</div>
A
Abdullah Almsaeed 已提交
1345

A
almasaeed2010 已提交
1346
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pinterest-square"></i> fa-pinterest-square</div>
A
Abdullah Almsaeed 已提交
1347

A
almasaeed2010 已提交
1348
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-renren"></i> fa-renren</div>
A
Abdullah Almsaeed 已提交
1349

A
almasaeed2010 已提交
1350
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-skype"></i> fa-skype</div>
A
Abdullah Almsaeed 已提交
1351

A
almasaeed2010 已提交
1352
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stack-exchange"></i> fa-stack-exchange</div>
A
Abdullah Almsaeed 已提交
1353

A
almasaeed2010 已提交
1354
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stack-overflow"></i> fa-stack-overflow</div>
A
Abdullah Almsaeed 已提交
1355

A
almasaeed2010 已提交
1356
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-trello"></i> fa-trello</div>
A
Abdullah Almsaeed 已提交
1357

A
almasaeed2010 已提交
1358
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tumblr"></i> fa-tumblr</div>
A
Abdullah Almsaeed 已提交
1359

A
almasaeed2010 已提交
1360
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tumblr-square"></i> fa-tumblr-square</div>
A
Abdullah Almsaeed 已提交
1361

A
almasaeed2010 已提交
1362
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-twitter"></i> fa-twitter</div>
A
Abdullah Almsaeed 已提交
1363

A
almasaeed2010 已提交
1364
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-twitter-square"></i> fa-twitter-square</div>
A
Abdullah Almsaeed 已提交
1365

A
almasaeed2010 已提交
1366
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-vimeo-square"></i> fa-vimeo-square</div>
A
Abdullah Almsaeed 已提交
1367

A
almasaeed2010 已提交
1368
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-vk"></i> fa-vk</div>
A
Abdullah Almsaeed 已提交
1369

A
almasaeed2010 已提交
1370
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-weibo"></i> fa-weibo</div>
A
Abdullah Almsaeed 已提交
1371

A
almasaeed2010 已提交
1372
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-windows"></i> fa-windows</div>
A
Abdullah Almsaeed 已提交
1373

A
almasaeed2010 已提交
1374
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-xing"></i> fa-xing</div>
A
Abdullah Almsaeed 已提交
1375

A
almasaeed2010 已提交
1376
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-xing-square"></i> fa-xing-square</div>
A
Abdullah Almsaeed 已提交
1377

A
almasaeed2010 已提交
1378
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-youtube"></i> fa-youtube</div>
A
Abdullah Almsaeed 已提交
1379

A
almasaeed2010 已提交
1380
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-youtube-play"></i> fa-youtube-play</div>
A
Abdullah Almsaeed 已提交
1381

A
almasaeed2010 已提交
1382
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-youtube-square"></i> fa-youtube-square</div>
A
Abdullah Almsaeed 已提交
1383

A
almasaeed2010 已提交
1384 1385
                      </div>
                    </section>
A
Abdullah Almsaeed 已提交
1386

A
almasaeed2010 已提交
1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224
                    <section id="medical">
                      <h4 class="page-header">Medical Icons</h4>
                      <div class="row">
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ambulance"></i> fa-ambulance</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-h-square"></i> fa-h-square</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hospital-o"></i> fa-hospital-o</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-medkit"></i> fa-medkit</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square"></i> fa-plus-square</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stethoscope"></i> fa-stethoscope</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-user-md"></i> fa-user-md</div>
                        <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-wheelchair"></i> fa-wheelchair</div>
                      </div>
                    </section>
                  </div><!-- /#fa-icons -->
                  <!-- glyphicons-->
                  <div class="tab-pane" id="glyphicons">

                    <ul class="bs-glyphicons">
                      <li>
                        <span class="glyphicon glyphicon-adjust"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-adjust</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-align-center"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-align-center</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-align-justify"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-align-justify</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-align-left"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-align-left</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-align-right"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-align-right</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-arrow-down"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-arrow-left"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-arrow-right"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-arrow-up"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-asterisk"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-backward"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-backward</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-ban-circle"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-barcode"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-barcode</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-bell"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-bell</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-bold"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-bold</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-book"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-book</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-bookmark"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-bookmark</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-briefcase"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-briefcase</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-bullhorn"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-calendar"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-calendar</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-camera"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-camera</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-certificate"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-certificate</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-check"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-check</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-chevron-down"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-chevron-left"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-chevron-up"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-circle-arrow-down"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-circle-arrow-left"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-circle-arrow-right"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-circle-arrow-up"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-cloud"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-cloud</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-cloud-download"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-cloud-upload"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-cog"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-cog</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-collapse-down"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-collapse-up"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-comment"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-comment</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-compressed"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-compressed</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-copyright-mark"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-credit-card"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-credit-card</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-cutlery"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-cutlery</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-dashboard"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-dashboard</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-download"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-download</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-download-alt"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-download-alt</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-earphone"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-earphone</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-edit"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-edit</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-eject"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-eject</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-envelope"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-envelope</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-euro"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-euro</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-exclamation-sign"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-expand"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-expand</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-export"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-export</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-eye-close"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-eye-close</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-eye-open"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-eye-open</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-facetime-video"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-fast-backward"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-fast-forward"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-file"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-file</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-film"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-film</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-filter"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-filter</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-fire"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-fire</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-flag"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-flag</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-flash"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-flash</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-floppy-disk"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-floppy-open"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-floppy-remove"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-floppy-save"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-floppy-saved"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-folder-close"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-folder-close</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-folder-open"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-folder-open</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-font"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-font</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-forward"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-forward</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-fullscreen"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-gbp"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-gbp</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-gift"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-gift</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-glass"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-glass</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-globe"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-globe</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-hand-down"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-hand-down</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-hand-left"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-hand-left</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-hand-right"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-hand-right</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-hand-up"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-hand-up</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-hd-video"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-hd-video</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-hdd"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-hdd</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-header"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-header</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-headphones"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-headphones</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-heart"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-heart</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-heart-empty"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-home"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-home</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-import"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-import</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-inbox"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-inbox</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-indent-left"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-indent-left</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-indent-right"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-indent-right</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-info-sign"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-info-sign</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-italic"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-italic</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-leaf"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-leaf</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-link"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-link</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-list"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-list</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-list-alt"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-list-alt</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-lock"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-lock</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-log-in"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-log-in</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-log-out"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-log-out</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-magnet"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-magnet</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-map-marker"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-map-marker</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-minus"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-minus</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-minus-sign"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-move"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-move</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-music"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-music</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-new-window"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-new-window</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-off"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-off</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-ok"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-ok</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-ok-circle"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-ok-sign"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-open"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-open</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-paperclip"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-paperclip</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-pause"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-pause</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-pencil"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-pencil</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-phone"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-phone</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-phone-alt"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-picture"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-picture</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-plane"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-plane</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-play"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-play</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-play-circle"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-play-circle</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-plus"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-plus</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-plus-sign"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-print"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-print</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-pushpin"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-pushpin</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-qrcode"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-qrcode</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-question-sign"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-question-sign</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-random"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-random</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-record"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-record</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-refresh"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-refresh</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-registration-mark"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-remove"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-remove</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-remove-circle"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-remove-sign"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-repeat"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-repeat</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-resize-full"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-resize-full</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-resize-horizontal"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-resize-small"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-resize-small</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-resize-vertical"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-retweet"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-retweet</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-road"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-road</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-save"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-save</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-saved"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-saved</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-screenshot"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-screenshot</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sd-video"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sd-video</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-search"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-search</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-send"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-send</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-share"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-share</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-share-alt"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-share-alt</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-shopping-cart"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-signal"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-signal</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sort"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sort</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sort-by-alphabet"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sort-by-attributes"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sort-by-order"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sort-by-order-alt"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sound-5-1"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sound-6-1"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sound-7-1"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sound-dolby"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-sound-stereo"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-star"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-star</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-star-empty"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-star-empty</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-stats"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-stats</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-step-backward"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-step-backward</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-step-forward"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-step-forward</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-stop"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-stop</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-subtitles"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-subtitles</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-tag"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-tag</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-tags"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-tags</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-tasks"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-tasks</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-text-height"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-text-height</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-text-width"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-text-width</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-th"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-th</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-th-large"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-th-large</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-th-list"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-th-list</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-thumbs-down"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-thumbs-up"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-time"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-time</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-tint"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-tint</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-tower"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-tower</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-transfer"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-transfer</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-trash"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-trash</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-tree-conifer"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-tree-deciduous"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-unchecked"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-unchecked</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-upload"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-upload</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-usd"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-usd</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-user"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-user</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-volume-down"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-volume-down</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-volume-off"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-volume-off</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-volume-up"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-volume-up</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-warning-sign"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-wrench"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-wrench</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-zoom-in"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span>
                      </li>
                      <li>
                        <span class="glyphicon glyphicon-zoom-out"></span>
                        <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span>
                      </li>
                    </ul>
                  </div><!-- /#ion-icons -->

                </div><!-- /.tab-content -->
              </div><!-- /.nav-tabs-custom -->
            </div><!-- /.col -->
          </div><!-- /.row -->
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> 2.0
        </div>
        <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
      </footer>
    </div><!-- ./wrapper -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- AdminLTE App -->
A
almasaeed2010 已提交
2225
    <script src="../../dist/js/app.min.js" type="text/javascript"></script>
A
almasaeed2010 已提交
2226 2227 2228
    <!-- AdminLTE for demo purposes -->
    <script src="../../dist/js/demo.js" type="text/javascript"></script>
  </body>
A
Abdullah 已提交
2229
</html>