icons.html 129.5 KB
Newer Older
A
Abdullah Almsaeed 已提交
1 2
<!DOCTYPE html>
<html>
A
almasaeed2010 已提交
3 4 5 6
  <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'>
7 8 9
    <!-- Bootstrap 3.3.2 -->
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
A
almasaeed2010 已提交
10 11
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
12
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
A
almasaeed2010 已提交
13 14
    <!-- Theme style -->
    <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
15 16 17
    <!-- 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 已提交
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
    <!-- 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>
72
  <body class="skin-blue sidebar-mini">
A
almasaeed2010 已提交
73
    <div class="wrapper">
A
Update  
Abdullah Almsaeed 已提交
74
      
A
almasaeed2010 已提交
75
      <header class="main-header">
76
        <!-- Logo -->
A
Abdullah Almsaeed 已提交
77
        <a href="../../index2.html" class="logo">
78 79 80 81 82
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini"><b>A</b>LT</span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><b>Admin</b>LTE</span>
        </a>
A
almasaeed2010 已提交
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98
        <!-- 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 已提交
99
                </a>
A
almasaeed2010 已提交
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 157 158 159 160 161 162 163 164
                <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 已提交
165
                    </ul>
A
almasaeed2010 已提交
166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182
                  </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="#">
183
                          <i class="fa fa-users text-aqua"></i> 5 new members joined today
A
almasaeed2010 已提交
184 185 186 187
                        </a>
                      </li>
                      <li>
                        <a href="#">
188
                          <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 已提交
189 190 191 192
                        </a>
                      </li>
                      <li>
                        <a href="#">
193
                          <i class="fa fa-users text-red"></i> 5 new members joined
A
almasaeed2010 已提交
194 195 196 197 198
                        </a>
                      </li>

                      <li>
                        <a href="#">
199
                          <i class="fa fa-shopping-cart text-green"></i> 25 sales made
A
almasaeed2010 已提交
200 201 202 203
                        </a>
                      </li>
                      <li>
                        <a href="#">
204
                          <i class="fa fa-user text-red"></i> You changed your username
A
almasaeed2010 已提交
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 267 268 269 270 271 272 273 274
                        </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 已提交
275
                    </ul>
A
almasaeed2010 已提交
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 317 318 319
                  </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>
320 321 322 323
              <!-- Control Sidebar Toggle Button -->
              <li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-outdent"></i></a>
              </li>
A
almasaeed2010 已提交
324 325 326 327 328
            </ul>
          </div>
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar -->
329
      <aside class="main-sidebar">
A
almasaeed2010 已提交
330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347
        <!-- 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">
348
                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
A
almasaeed2010 已提交
349 350 351 352 353 354 355 356 357 358 359 360
              </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">
361 362 363 364 365 366 367 368
                <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>
369
                <span class="label label-primary pull-right">4</span>
370 371 372 373 374
              </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>
375
                <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
A
almasaeed2010 已提交
376 377 378 379 380 381 382 383 384
              </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="#">
385
                <i class="fa fa-pie-chart"></i>
A
almasaeed2010 已提交
386 387 388 389
                <span>Charts</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
390
                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
391 392 393
                <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 已提交
394 395 396 397 398 399 400 401 402
              </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">
403 404 405 406 407 408
                <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 已提交
409 410 411 412 413 414 415 416
              </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">
417 418 419
                <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 已提交
420 421 422 423 424 425 426 427
              </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">
428 429
                <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 已提交
430 431 432 433 434 435 436 437 438
              </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
Abdullah Almsaeed 已提交
439
              <a href="../mailbox/mailbox.html">
A
almasaeed2010 已提交
440 441 442 443 444 445 446 447 448 449
                <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">
450 451 452 453 454 455 456
                <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 已提交
457 458 459 460 461 462 463 464
              </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">
465
                <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
A
almasaeed2010 已提交
466
                <li>
467
                  <a href="#"><i class="fa fa-circle-o"></i> Level One <i class="fa fa-angle-left pull-right"></i></a>
A
almasaeed2010 已提交
468
                  <ul class="treeview-menu">
469
                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
A
almasaeed2010 已提交
470
                    <li>
471
                      <a href="#"><i class="fa fa-circle-o"></i> Level Two <i class="fa fa-angle-left pull-right"></i></a>
A
almasaeed2010 已提交
472
                      <ul class="treeview-menu">
473 474
                        <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 已提交
475 476 477 478
                      </ul>
                    </li>
                  </ul>
                </li>
479
                <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
A
almasaeed2010 已提交
480 481
              </ul>
            </li>
482
            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
A
almasaeed2010 已提交
483
            <li class="header">LABELS</li>
484 485 486
            <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
            <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
            <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
A
almasaeed2010 已提交
487 488 489 490 491
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>

A
Abdullah Almsaeed 已提交
492
      <!-- Content Wrapper. Contains page content -->
A
almasaeed2010 已提交
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 598 599 600 601 602 603 604 605 606 607 608 609 610
      <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 已提交
611

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

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

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

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

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

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

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

A
almasaeed2010 已提交
626
                        <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 已提交
627

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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
650
                        <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 已提交
651

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

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

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

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

A
almasaeed2010 已提交
660
                        <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 已提交
661

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

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

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

A
almasaeed2010 已提交
668
                        <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 已提交
669

A
almasaeed2010 已提交
670
                        <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 已提交
671

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

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

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

A
almasaeed2010 已提交
678
                        <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 已提交
679

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

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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
704
                        <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 已提交
705

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
722
                        <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 已提交
723

A
almasaeed2010 已提交
724
                        <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 已提交
725

A
almasaeed2010 已提交
726
                        <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 已提交
727

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
744
                        <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 已提交
745

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

A
almasaeed2010 已提交
748
                        <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 已提交
749

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

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

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

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

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

A
almasaeed2010 已提交
760
                        <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 已提交
761

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

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

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

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

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

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

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

A
almasaeed2010 已提交
776
                        <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 已提交
777

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
822
                        <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 已提交
823

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
840
                        <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 已提交
841

A
almasaeed2010 已提交
842
                        <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 已提交
843

A
almasaeed2010 已提交
844
                        <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 已提交
845

A
almasaeed2010 已提交
846
                        <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 已提交
847

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

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

A
almasaeed2010 已提交
852
                        <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 已提交
853

A
almasaeed2010 已提交
854
                        <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 已提交
855

A
almasaeed2010 已提交
856
                        <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 已提交
857

A
almasaeed2010 已提交
858
                        <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 已提交
859

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

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

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

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

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

A
almasaeed2010 已提交
870
                        <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 已提交
871

A
almasaeed2010 已提交
872
                        <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 已提交
873

A
almasaeed2010 已提交
874
                        <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 已提交
875

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

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

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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
902
                        <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 已提交
903

A
almasaeed2010 已提交
904
                        <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 已提交
905

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

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

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

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

A
almasaeed2010 已提交
914
                        <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 已提交
915

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

A
almasaeed2010 已提交
918
                        <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 已提交
919

A
almasaeed2010 已提交
920
                        <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 已提交
921

A
almasaeed2010 已提交
922
                        <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 已提交
923

A
almasaeed2010 已提交
924
                        <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 已提交
925

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

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

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

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

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

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

A
almasaeed2010 已提交
938
                        <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 已提交
939

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

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

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

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

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

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

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

A
almasaeed2010 已提交
954
                        <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 已提交
955

A
almasaeed2010 已提交
956 957 958 959
                        <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 已提交
960

A
almasaeed2010 已提交
961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976
                    <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 已提交
977

A
almasaeed2010 已提交
978 979
                    <section id="currency">
                      <h4 class="page-header">Currency Icons</h4>
A
Abdullah Almsaeed 已提交
980

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

A
almasaeed2010 已提交
983
                        <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 已提交
984

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

A
almasaeed2010 已提交
987
                        <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 已提交
988

A
almasaeed2010 已提交
989
                        <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 已提交
990

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

A
almasaeed2010 已提交
993
                        <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 已提交
994

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

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

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

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

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

A
almasaeed2010 已提交
1005
                        <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 已提交
1006

A
almasaeed2010 已提交
1007
                        <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 已提交
1008

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

A
almasaeed2010 已提交
1011
                        <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 已提交
1012

A
almasaeed2010 已提交
1013
                        <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 已提交
1014

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

A
almasaeed2010 已提交
1017
                        <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 已提交
1018

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

A
almasaeed2010 已提交
1021
                        <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 已提交
1022

A
almasaeed2010 已提交
1023
                        <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 已提交
1024

A
almasaeed2010 已提交
1025
                      </div>
A
Abdullah Almsaeed 已提交
1026

A
almasaeed2010 已提交
1027
                    </section>
A
Abdullah Almsaeed 已提交
1028

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

A
almasaeed2010 已提交
1032
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
1033 1034 1035



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

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

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

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

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

A
almasaeed2010 已提交
1046
                        <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 已提交
1047

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

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

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

A
almasaeed2010 已提交
1054
                        <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 已提交
1055

A
almasaeed2010 已提交
1056
                        <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 已提交
1057

A
almasaeed2010 已提交
1058
                        <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 已提交
1059

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

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

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

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

A
almasaeed2010 已提交
1068
                        <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 已提交
1069

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

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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
1094
                        <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 已提交
1095

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

A
almasaeed2010 已提交
1098
                        <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 已提交
1099

A
almasaeed2010 已提交
1100
                        <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 已提交
1101

A
almasaeed2010 已提交
1102
                        <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 已提交
1103

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
1124
                        <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 已提交
1125

A
almasaeed2010 已提交
1126
                      </div>
A
Abdullah Almsaeed 已提交
1127

A
almasaeed2010 已提交
1128
                    </section>
A
Abdullah Almsaeed 已提交
1129

A
almasaeed2010 已提交
1130 1131
                    <section id="directional">
                      <h4 class="page-header">Directional Icons</h4>
A
Abdullah Almsaeed 已提交
1132

A
almasaeed2010 已提交
1133
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
1134 1135 1136



A
almasaeed2010 已提交
1137
                        <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 已提交
1138

A
almasaeed2010 已提交
1139
                        <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 已提交
1140

A
almasaeed2010 已提交
1141
                        <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 已提交
1142

A
almasaeed2010 已提交
1143
                        <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 已提交
1144

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

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

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

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

A
almasaeed2010 已提交
1153
                        <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 已提交
1154

A
almasaeed2010 已提交
1155
                        <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 已提交
1156

A
almasaeed2010 已提交
1157
                        <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 已提交
1158

A
almasaeed2010 已提交
1159
                        <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 已提交
1160

A
almasaeed2010 已提交
1161
                        <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 已提交
1162

A
almasaeed2010 已提交
1163
                        <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 已提交
1164

A
almasaeed2010 已提交
1165
                        <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 已提交
1166

A
almasaeed2010 已提交
1167
                        <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 已提交
1168

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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
1191
                        <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 已提交
1192

A
almasaeed2010 已提交
1193
                        <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 已提交
1194

A
almasaeed2010 已提交
1195
                        <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 已提交
1196

A
almasaeed2010 已提交
1197
                        <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 已提交
1198

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

A
almasaeed2010 已提交
1201
                        <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 已提交
1202

A
almasaeed2010 已提交
1203
                        <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 已提交
1204

A
almasaeed2010 已提交
1205
                        <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 已提交
1206

A
almasaeed2010 已提交
1207
                        <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 已提交
1208

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

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

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

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

A
almasaeed2010 已提交
1217
                        <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 已提交
1218

A
almasaeed2010 已提交
1219
                        <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 已提交
1220

A
almasaeed2010 已提交
1221
                        <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 已提交
1222

A
almasaeed2010 已提交
1223
                        <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 已提交
1224

A
almasaeed2010 已提交
1225
                        <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 已提交
1226

A
almasaeed2010 已提交
1227
                        <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 已提交
1228

A
almasaeed2010 已提交
1229
                        <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 已提交
1230

A
almasaeed2010 已提交
1231
                        <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 已提交
1232

A
almasaeed2010 已提交
1233
                        <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 已提交
1234

A
almasaeed2010 已提交
1235
                        <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 已提交
1236

A
almasaeed2010 已提交
1237
                        <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 已提交
1238

A
almasaeed2010 已提交
1239
                        <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 已提交
1240

A
almasaeed2010 已提交
1241
                      </div>
A
Abdullah Almsaeed 已提交
1242

A
almasaeed2010 已提交
1243
                    </section>
A
Abdullah Almsaeed 已提交
1244

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

A
almasaeed2010 已提交
1248
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
1249 1250 1251



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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
1274
                        <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 已提交
1275

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

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

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

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

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

A
almasaeed2010 已提交
1286
                    </section>
A
Abdullah Almsaeed 已提交
1287

A
almasaeed2010 已提交
1288 1289
                    <section id="brand">
                      <h4 class="page-header">Brand Icons</h4>
A
Abdullah Almsaeed 已提交
1290

A
almasaeed2010 已提交
1291 1292 1293 1294 1295
                      <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 已提交
1296

A
almasaeed2010 已提交
1297
                      </div>
A
Abdullah Almsaeed 已提交
1298

A
almasaeed2010 已提交
1299
                      <div class="row fontawesome-icon-list">
A
Abdullah Almsaeed 已提交
1300 1301 1302



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

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

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

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

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

A
almasaeed2010 已提交
1313
                        <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 已提交
1314

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

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

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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
1341
                        <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 已提交
1342

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

A
almasaeed2010 已提交
1397 1398
                      </div>
                    </section>
A
Abdullah Almsaeed 已提交
1399

A
almasaeed2010 已提交
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 2225 2226 2227 2228 2229 2230 2231 2232
                    <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>
2233 2234
      
      <!-- Control Sidebar -->      
2235
      <aside class="control-sidebar control-sidebar-dark">                
2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
          <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
          
          <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <!-- Home tab content -->
          <div class="tab-pane active" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">Recent Activity</h3>
            <ul class='control-sidebar-menu'>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
                    <p>Will be 23 on April 24th</p>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-user bg-yellow"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
                    <p>New phone +1(800)555-1234</p>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
                    <p>nora@example.com</p>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-file-code-o bg-green"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
                    <p>Execution time 5 seconds</p>
                  </div>
                </a>
              </li>
            </ul><!-- /.control-sidebar-menu -->

            <h3 class="control-sidebar-heading">Tasks Progress</h3> 
            <ul class='control-sidebar-menu'>
              <li>
                <a href='javascript::;'>               
                  <h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                  </div>                                    
                </a>
              </li> 
              <li>
                <a href='javascript::;'>               
                  <h4 class="control-sidebar-subheading">
                    Update Resume
                    <span class="label label-success pull-right">95%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-success" style="width: 95%"></div>
                  </div>                                    
                </a>
              </li> 
              <li>
                <a href='javascript::;'>               
                  <h4 class="control-sidebar-subheading">
                    Laravel Integration
                    <span class="label label-waring pull-right">50%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
                  </div>                                    
                </a>
              </li> 
              <li>
                <a href='javascript::;'>               
                  <h4 class="control-sidebar-subheading">
                    Back End Framework
                    <span class="label label-primary pull-right">68%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
                  </div>                                    
                </a>
              </li>               
            </ul><!-- /.control-sidebar-menu -->         

          </div><!-- /.tab-pane -->
          <!-- Stats tab content -->
          <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
          <!-- Settings tab content -->
          <div class="tab-pane" id="control-sidebar-settings-tab">            
            <form method="post">
              <h3 class="control-sidebar-heading">General Settings</h3>
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Report panel usage
                  <input type="checkbox" class="pull-right" checked />
                </label>
                <p>
                  Some information about this general settings option
                </p>
              </div><!-- /.form-group -->

              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Allow mail redirect
                  <input type="checkbox" class="pull-right" checked />
                </label>
                <p>
                  Other sets of options are available
                </p>
              </div><!-- /.form-group -->

              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Expose author name in posts
                  <input type="checkbox" class="pull-right" checked />
                </label>
                <p>
                  Allow the user to show his name in blog posts
                </p>
              </div><!-- /.form-group -->

              <h3 class="control-sidebar-heading">Chat Settings</h3>

              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Show me as online
                  <input type="checkbox" class="pull-right" checked />
                </label>                
              </div><!-- /.form-group -->

              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Turn off notifications
                  <input type="checkbox" class="pull-right" />
                </label>                
              </div><!-- /.form-group -->

              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Delete chat history
                  <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
                </label>                
              </div><!-- /.form-group -->
            </form>
          </div><!-- /.tab-pane -->
        </div>
      </aside><!-- /.control-sidebar -->
      <!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
      <div class='control-sidebar-bg'></div>
A
almasaeed2010 已提交
2400 2401
    </div><!-- ./wrapper -->

2402 2403 2404 2405
    <!-- jQuery 2.1.3 -->
    <script src="../../plugins/jQuery/jQuery-2.1.3.min.js"></script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
2406 2407
    <!-- FastClick -->
    <script src='../../plugins/fastclick/fastclick.min.js'></script>
A
almasaeed2010 已提交
2408
    <!-- AdminLTE App -->
A
almasaeed2010 已提交
2409
    <script src="../../dist/js/app.min.js" type="text/javascript"></script>
A
almasaeed2010 已提交
2410 2411 2412
    <!-- AdminLTE for demo purposes -->
    <script src="../../dist/js/demo.js" type="text/javascript"></script>
  </body>
A
Abdullah 已提交
2413
</html>