Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
<!DOCTYPE html>
2 
<!--
3 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.0
4 
Version: 3.4
5 
Author: KeenThemes
6 
Website: http://www.keenthemes.com/
7 
Contact: support@keenthemes.com
8 
Follow: www.twitter.com/keenthemes
9 
Like: www.facebook.com/keenthemes
10 
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
11 
License: You must have a valid license purchased only from themeforest (the above link) in order to legally use the theme for your project.
12 
-->
13 
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
14 
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
15 
<!--[if !IE]><!-->
16 
<html lang="en">
17 
<!--<![endif]-->
18 
 
19 
<!-- Head BEGIN -->
20 
<head>
21 
  <meta charset="utf-8">
22 
  <title>Buttons | Metronic Frontend</title>
23 
 
24 
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
25 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
26 
 
27 
  <meta content="Metronic Shop UI description" name="description">
28 
  <meta content="Metronic Shop UI keywords" name="keywords">
29 
  <meta content="keenthemes" name="author">
30 
 
31 
  <meta property="og:site_name" content="-CUSTOMER VALUE-">
32 
  <meta property="og:title" content="-CUSTOMER VALUE-">
33 
  <meta property="og:description" content="-CUSTOMER VALUE-">
34 
  <meta property="og:type" content="website">
35 
  <meta property="og:image" content="-CUSTOMER VALUE-"><!-- link to image for socio -->
36 
  <meta property="og:url" content="-CUSTOMER VALUE-">
37 
 
38 
  <link rel="shortcut icon" href="favicon.ico">
39 
 
40 
  <!-- Fonts START -->
41 
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css">
42 
  <!-- Fonts END -->
43 
 
44 
  <!-- Global styles START -->          
45 
  <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
46 
  <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
47 
  <!-- Global styles END -->
48 
 
49 
  <!-- Page level plugin styles START -->
50 
  <link href="../../assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
51 
  <!-- Page level plugin styles END -->
52 
 
53 
  <!-- Theme styles START -->
54 
  <link href="../../assets/global/css/components.css" rel="stylesheet">
55 
  <link href="../../assets/global/css/plugins.css" rel="stylesheet">
56 
  <link href="../../assets/frontend/layout/css/style.css" rel="stylesheet">
57 
  <link href="../../assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
58 
  <link href="../../assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
59 
  <link href="../../assets/frontend/layout/css/custom.css" rel="stylesheet">
60 
  <!-- Theme styles END -->
61 
</head>
62 
<!-- Head END -->
63 
 
64 
<!-- Body BEGIN -->
65 
<body class="corporate">
66 
    <!-- BEGIN STYLE CUSTOMIZER -->
67 
    <div class="color-panel hidden-sm">
68 
      <div class="color-mode-icons icon-color"></div>
69 
      <div class="color-mode-icons icon-color-close"></div>
70 
      <div class="color-mode">
71 
        <p>THEME COLOR</p>
72 
        <ul class="inline">
73 
          <li class="color-red current color-default" data-style="red"></li>
74 
          <li class="color-blue" data-style="blue"></li>
75 
          <li class="color-green" data-style="green"></li>
76 
          <li class="color-orange" data-style="orange"></li>
77 
          <li class="color-gray" data-style="gray"></li>
78 
          <li class="color-turquoise" data-style="turquoise"></li>
79 
        </ul>
80 
      </div>
81 
    </div>
82 
    <!-- END BEGIN STYLE CUSTOMIZER -->
83 
 
84 
    <!-- BEGIN TOP BAR -->
85 
    <div class="pre-header">
86 
        <div class="container">
87 
            <div class="row">
88 
                <!-- BEGIN TOP BAR LEFT PART -->
89 
                <div class="col-md-6 col-sm-6 additional-shop-info">
90 
                    <ul class="list-unstyled list-inline">
91 
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
92 
                        <li><i class="fa fa-envelope-o"></i><span>info@keenthemes.com</span></li>
93 
                    </ul>
94 
                </div>
95 
                <!-- END TOP BAR LEFT PART -->
96 
                <!-- BEGIN TOP BAR MENU -->
97 
                <div class="col-md-6 col-sm-6 additional-nav">
98 
                    <ul class="list-unstyled list-inline pull-right">
99 
                        <li><a href="page-login.html">Log In</a></li>
100 
                        <li><a href="page-reg-page.html">Registration</a></li>
101 
                    </ul>
102 
                </div>
103 
                <!-- END TOP BAR MENU -->
104 
            </div>
105 
        </div>        
106 
    </div>
107 
    <!-- END TOP BAR -->
108 
    <!-- BEGIN HEADER -->
109 
    <div class="header">
110 
      <div class="container">
111 
        <a class="site-logo" href="index.html"><img src="../../assets/frontend/layout/img/logos/logo-corp-red.png" alt="Metronic FrontEnd"></a>
112 
 
113 
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
114 
 
115 
        <!-- BEGIN NAVIGATION -->
116 
        <div class="header-navigation pull-right font-transform-inherit">
117 
          <ul>
118 
            <li class="dropdown">
119 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
120 
                Home
121 
 
122 
              </a>
123 
 
124 
              <ul class="dropdown-menu">
125 
                <li><a href="index.html">Home Default</a></li>
126 
                <li><a href="index-header-fix.html">Home with Header Fixed</a></li>
127 
                <li><a href="index-without-topbar.html">Home without Top Bar</a></li>
128 
              </ul>
129 
            </li>
130 
            <li class="dropdown dropdown-megamenu">
131 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
132 
                Mega Menu
133 
 
134 
              </a>
135 
              <ul class="dropdown-menu">
136 
                <li>
137 
                  <div class="header-navigation-content">
138 
                    <div class="row">
139 
                      <div class="col-md-4 header-navigation-col">
140 
                        <h4>Footwear</h4>
141 
                        <ul>
142 
                          <li><a href="index.html">Astro Trainers</a></li>
143 
                          <li><a href="index.html">Basketball Shoes</a></li>
144 
                          <li><a href="index.html">Boots</a></li>
145 
                          <li><a href="index.html">Canvas Shoes</a></li>
146 
                          <li><a href="index.html">Football Boots</a></li>
147 
                          <li><a href="index.html">Golf Shoes</a></li>
148 
                          <li><a href="index.html">Hi Tops</a></li>
149 
                          <li><a href="index.html">Indoor Trainers</a></li>
150 
                        </ul>
151 
                      </div>
152 
                      <div class="col-md-4 header-navigation-col">
153 
                        <h4>Clothing</h4>
154 
                        <ul>
155 
                          <li><a href="index.html">Base Layer</a></li>
156 
                          <li><a href="index.html">Character</a></li>
157 
                          <li><a href="index.html">Chinos</a></li>
158 
                          <li><a href="index.html">Combats</a></li>
159 
                          <li><a href="index.html">Cricket Clothing</a></li>
160 
                          <li><a href="index.html">Fleeces</a></li>
161 
                          <li><a href="index.html">Gilets</a></li>
162 
                          <li><a href="index.html">Golf Tops</a></li>
163 
                        </ul>
164 
                      </div>
165 
                      <div class="col-md-4 header-navigation-col">
166 
                        <h4>Accessories</h4>
167 
                        <ul>
168 
                          <li><a href="index.html">Belts</a></li>
169 
                          <li><a href="index.html">Caps</a></li>
170 
                          <li><a href="index.html">Gloves</a></li>
171 
                        </ul>
172 
 
173 
                        <h4>Clearance</h4>
174 
                        <ul>
175 
                          <li><a href="index.html">Jackets</a></li>
176 
                          <li><a href="index.html">Bottoms</a></li>
177 
                        </ul>
178 
                      </div>
179 
                    </div>
180 
                  </div>
181 
                </li>
182 
              </ul>
183 
            </li>
184 
            <li class="dropdown">
185 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
186 
                Pages
187 
 
188 
              </a>
189 
 
190 
              <ul class="dropdown-menu">
191 
                <li><a href="page-about.html">About Us</a></li>
192 
                <li><a href="page-services.html">Services</a></li>
193 
                <li><a href="page-prices.html">Prices</a></li>
194 
                <li><a href="page-faq.html">FAQ</a></li>
195 
                <li><a href="page-gallery.html">Gallery</a></li>
196 
                <li><a href="page-search-result.html">Search Result</a></li>
197 
                <li><a href="page-404.html">404</a></li>
198 
                <li><a href="page-500.html">500</a></li>
199 
                <li><a href="page-login.html">Login Page</a></li>
200 
                <li><a href="page-forgotton-password.html">Forget Password</a></li>
201 
                <li><a href="page-reg-page.html">Signup Page</a></li>
202 
                <li><a href="page-careers.html">Careers</a></li>
203 
                <li><a href="page-site-map.html">Site Map</a></li>
204 
                <li><a href="page-contacts.html">Contact</a></li>                
205 
              </ul>
206 
            </li>
207 
            <li class="dropdown active">
208 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
209 
                Features
210 
 
211 
              </a>
212 
 
213 
              <ul class="dropdown-menu">
214 
                <li><a href="feature-typography.html">Typography</a></li>
215 
                <li class="active"><a href="feature-buttons.html">Buttons</a></li>
216 
                <li><a href="feature-forms.html">Forms</a></li>
217 
 
218 
                <li class="dropdown-submenu">
219 
                  <a href="index.html">Multi level <i class="fa fa-angle-right"></i></a>
220 
                  <ul class="dropdown-menu" role="menu">
221 
                    <li><a href="index.html">Second Level Link</a></li>
222 
                    <li><a href="index.html">Second Level Link</a></li>
223 
                    <li class="dropdown-submenu">
224 
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
225 
                        Second Level Link
226 
                        <i class="fa fa-angle-right"></i>
227 
                      </a>
228 
                      <ul class="dropdown-menu">
229 
                        <li><a href="index.html">Third Level Link</a></li>
230 
                        <li><a href="index.html">Third Level Link</a></li>
231 
                        <li><a href="index.html">Third Level Link</a></li>
232 
                      </ul>
233 
                    </li>
234 
                  </ul>
235 
                </li>
236 
              </ul>
237 
            </li>
238 
            <li class="dropdown">
239 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
240 
                Portfolio
241 
 
242 
              </a>
243 
 
244 
              <ul class="dropdown-menu">
245 
                <li><a href="portfolio-4.html">Portfolio 4</a></li>
246 
                <li><a href="portfolio-3.html">Portfolio 3</a></li>
247 
                <li><a href="portfolio-2.html">Portfolio 2</a></li>
248 
                <li><a href="portfolio-item.html">Portfolio Item</a></li>
249 
              </ul>
250 
            </li>
251 
            <li class="dropdown">
252 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
253 
                Blog
254 
 
255 
              </a>
256 
 
257 
              <ul class="dropdown-menu">
258 
                <li><a href="blog.html">Blog Page</a></li>
259 
                <li><a href="blog-item.html">Blog Item</a></li>
260 
              </ul>
261 
            </li>
262 
            <li><a href="shop-index.html" target="_blank">E-Commerce</a></li>
263 
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
264 
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin" target="_blank">Admin theme</a></li>
265 
 
266 
            <!-- BEGIN TOP SEARCH -->
267 
            <li class="menu-search">
268 
              <span class="sep"></span>
269 
              <i class="fa fa-search search-btn"></i>
270 
              <div class="search-box">
271 
                <form action="#">
272 
                  <div class="input-group">
273 
                    <input type="text" placeholder="Search" class="form-control">
274 
                    <span class="input-group-btn">
275 
                      <button class="btn btn-primary" type="submit">Search</button>
276 
                    </span>
277 
                  </div>
278 
                </form>
279 
              </div>
280 
            </li>
281 
            <!-- END TOP SEARCH -->
282 
          </ul>
283 
        </div>
284 
        <!-- END NAVIGATION -->
285 
      </div>
286 
    </div>
287 
    <!-- Header END -->
288 
 
289 
    <div class="main">
290 
      <div class="container">
291 
        <ul class="breadcrumb">
292 
            <li><a href="index.html">Home</a></li>
293 
            <li><a href="#">Features</a></li>
294 
            <li class="active">Buttons</li>
295 
        </ul>
296 
        <!-- BEGIN SIDEBAR & CONTENT -->
297 
        <div class="row margin-bottom-40">
298 
          <!-- BEGIN CONTENT -->
299 
          <div class="col-md-12 col-sm-12">
300 
            <h1>Buttons</h1>
301 
            <div class="content-page">
302 
              <div class="note note-success">
303 
                <h4 class="block">Metronic Admin (Framework) Features</h4>
304 
                <p>
305 
                  In the frontend theme you can use nearly all the features from <a href="http://keenthemes.com/preview/metronic_admin/" target="_blanl">Metronic Admin Theme</a>. First you will just need to include 2 below global css files:
306 
                  </p>
307 
                  <p>
308 
                  <code>../../assets/global/css/components.css</code><br>
309 
                  <code>../../assets/global/css/plugins.css</code>
310 
                </p>  
311 
                <p>
312 
                And selected plugin's css and js files accordingly.
313 
                </p>
314 
              </div>
315 
 
316 
      <!-- BEGIN PAGE CONTENT-->
317 
      <div class="row">
318 
        <div class="col-md-6">
319 
          <!-- BEGIN BUTTONS PORTLET-->
320 
          <div class="portlet box green ">
321 
            <div class="portlet-title">
322 
              <div class="caption">
323 
                <i class="fa fa-gift"></i>Buttons
324 
              </div>
325 
              <div class="tools">
326 
                <a href="javascript:;" class="collapse">
327 
                </a>
328 
                <a href="#portlet-config" data-toggle="modal" class="config">
329 
                </a>
330 
                <a href="javascript:;" class="reload">
331 
                </a>
332 
                <a href="javascript:;" class="remove">
333 
                </a>
334 
              </div>
335 
            </div>
336 
            <div class="portlet-body util-btn-margin-bottom-5">
337 
              <div class="clearfix">
338 
                <h4 class="block">Default Bootstrap Buttons(Customized to Match Theme Style)</h4>
339 
                <!-- Standard gray button with gradient -->
340 
                <button type="button" class="btn btn-default">Default</button>
341 
                <!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
342 
                <button type="button" class="btn btn-primary">Primary</button>
343 
                <!-- Indicates a successful or positive action -->
344 
                <button type="button" class="btn btn-success">Success</button>
345 
                <!-- Contextual button for informational alert messages -->
346 
                <button type="button" class="btn btn-info">Info</button>
347 
                <!-- Indicates caution should be taken with this action -->
348 
                <button type="button" class="btn btn-warning">Warning</button>
349 
                <!-- Indicates a dangerous or potentially negative action -->
350 
                <button type="button" class="btn btn-danger">Danger</button>
351 
                <!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
352 
                <button type="button" class="btn btn-link">Link</button>
353 
              </div>
354 
              <div class="clearfix">
355 
                <h4 class="block">Metronic Style Buttons</h4>
356 
                <button type="button" class="btn default">Default</button>
357 
                <button type="button" class="btn red">Red</button>
358 
                <button type="button" class="btn blue">Blue</button>
359 
                <button type="button" class="btn green">Green</button>
360 
                <button type="button" class="btn yellow">Yellow</button>
361 
                <button type="button" class="btn purple">Purple</button>
362 
                <button type="button" class="btn dark">Dark</button>
363 
              </div>
364 
              <div class="clearfix">
365 
                <h4 class="block">More Button Colors(go to <a href="ui_colors.html">ui_colors.html</a> for more colors)</h4>
366 
                <button type="button" class="btn blue-hoki">Blue Hoki</button>
367 
                <button type="button" class="btn blue-madison">Blue Madison</button>
368 
                <button type="button" class="btn green-meadow">Green Meadow</button>
369 
                <button type="button" class="btn red-sunglo">Red Sunglo</button>
370 
                <button type="button" class="btn yellow-crusta">Yellow Crusta</button>
371 
                <button type="button" class="btn purple-plum">Purple Plum</button>
372 
                <button type="button" class="btn grey-cascade">Grey Cascade</button>
373 
              </div>
374 
              <div class="clearfix">
375 
                <h4 class="block">Button Stripe</h4>
376 
                <a href="#" class="btn default red-stripe">
377 
                   Red
378 
                </a>
379 
                <a href="#" class="btn default blue-stripe">
380 
                   Blue
381 
                </a>
382 
                <a href="#" class="btn default green-stripe">
383 
                   Green
384 
                </a>
385 
                <a href="#" class="btn default yellow-stripe">
386 
                   Yellow
387 
                </a>
388 
                <a href="#" class="btn default purple-stripe">
389 
                   Purple
390 
                </a>
391 
                <a href="#" class="btn default green-stripe">
392 
                   Green
393 
                </a>
394 
                <a href="#" class="btn default dark-stripe">
395 
                   Dark
396 
                </a>
397 
              </div>
398 
              <div class="clearfix">
399 
                <h4 class="block">Disabled</h4>
400 
                <a href="#" class="btn default disabled">
401 
                   Default
402 
                </a>
403 
                <a href="#" class="btn red disabled">
404 
                   Red
405 
                </a>
406 
                <a href="#" class="btn blue disabled">
407 
                   Blue
408 
                </a>
409 
                <a href="#" class="btn green disabled">
410 
                   Green
411 
                </a>
412 
                <a href="#" class="btn yellow disabled">
413 
                   Yellow
414 
                </a>
415 
                <a href="#" class="btn purple disabled">
416 
                   Purple
417 
                </a>
418 
                <a href="#" class="btn dark disabled">
419 
                   Dark
420 
                </a>
421 
              </div>
422 
              <div class="clearfix">
423 
                <h4 class="block">Button Sizes</h4>
424 
                <button type="button" class="btn default btn-lg">Large button</button>
425 
                <button type="button" class="btn red">Default button</button>
426 
                <button type="button" class="btn blue btn-sm">Small button</button>
427 
                <button type="button" class="btn green btn-xs">Extra small button</button>
428 
              </div>
429 
              <div class="clearfix">
430 
                <h4 class="block">Button Tags</h4>
431 
                <a href="#" class="btn default">
432 
                   Link
433 
                </a>
434 
                <button class="btn default">Button</button>
435 
                <input type="button" class="btn default" value="Input">
436 
                <input type="submit" class="btn default" value="Submit">
437 
              </div>
438 
              <div class="clearfix">
439 
                <h4 class="block">Block Buttons</h4>
440 
                <a href="#" class="btn default btn-block">
441 
                   Link
442 
                </a>
443 
                <button class="btn blue btn-block">Button</button>
444 
                <input type="button" class="btn red btn-block" value="Input">
445 
                <input type="submit" class="btn purple btn-block" value="Submit">
446 
              </div>
447 
            </div>
448 
          </div>
449 
          <!-- END BUTTONS PORTLET-->
450 
          <!-- BEGIN BUTTONS WITH ICONS PORTLET-->
451 
          <div class="portlet box red-pink tabbable">
452 
            <div class="portlet-title">
453 
              <div class="caption">
454 
                <i class="fa fa-gift"></i>
455 
                <span class="hidden-480">
456 
                   Icon Buttons
457 
                </span>
458 
              </div>
459 
            </div>
460 
            <div class="portlet-body util-btn-margin-bottom-5">
461 
              <div class="tabbable portlet-tabs">
462 
                <ul class="nav nav-tabs" style="display: none;">
463 
                  <li>
464 
                    <a href="#buttons_metro" data-toggle="tab">
465 
                       Metro
466 
                    </a>
467 
                  </li>
468 
                  <li>
469 
                    <a href="#dropdown_glyphicon" data-toggle="tab">
470 
                       Glyphicon
471 
                    </a>
472 
                  </li>
473 
                  <li class="active">
474 
                    <a href="#dropdown_fontawesome" data-toggle="tab">
475 
                       Fontawesome
476 
                    </a>
477 
                  </li>
478 
                </ul>
479 
                <div class="tab-content" style="clear: both;">
480 
                  <div class="tab-pane active" id="dropdown_fontawesome">
481 
                    <div class="clearfix">
482 
                      <h4 class="block">Large Buttons with Font Awesome Icons</h4>
483 
                      <a href="#" class="btn btn-lg default">
484 
                         Default <i class="fa fa-user"></i>
485 
                      </a>
486 
                      <a href="#" class="btn btn-lg red">
487 
                         Red <i class="fa fa-edit"></i>
488 
                      </a>
489 
                      <a href="#" class="btn btn-lg blue">
490 
                        <i class="fa fa-file-o"></i> Blue
491 
                      </a>
492 
                      <a href="#" class="btn btn-lg green">
493 
                         Green <i class="fa fa-font"></i>
494 
                      </a>
495 
                      <a href="#" class="btn btn-lg yellow">
496 
                         Yellow <i class="fa fa-search"></i>
497 
                      </a>
498 
                      <a href="#" class="btn btn-lg purple">
499 
                        <i class="fa fa-times"></i> Purple
500 
                      </a>
501 
                      <a href="#" class="btn btn-lg green">
502 
                         Green <i class="fa fa-plus"></i>
503 
                      </a>
504 
                      <a href="#" class="btn btn-lg dark">
505 
                         Dark <i class="fa fa-link"></i>
506 
                      </a>
507 
                    </div>
508 
                    <div class="clearfix">
509 
                      <h4 class="block">Default Buttons with Font Awesome Icons</h4>
510 
                      <a href="#" class="btn default">
511 
                         Default <i class="fa fa-user"></i>
512 
                      </a>
513 
                      <a href="#" class="btn red">
514 
                         Red <i class="fa fa-edit"></i>
515 
                      </a>
516 
                      <a href="#" class="btn blue">
517 
                        <i class="fa fa-file-o"></i> Blue
518 
                      </a>
519 
                      <a href="#" class="btn green">
520 
                         Green <i class="fa fa-font"></i>
521 
                      </a>
522 
                      <a href="#" class="btn yellow">
523 
                         Yellow <i class="fa fa-search"></i>
524 
                      </a>
525 
                      <a href="#" class="btn purple">
526 
                        <i class="fa fa-times"></i> Purple
527 
                      </a>
528 
                      <a href="#" class="btn green">
529 
                         Green <i class="fa fa-plus"></i>
530 
                      </a>
531 
                      <a href="#" class="btn dark">
532 
                         Dark <i class="fa fa-link"></i>
533 
                      </a>
534 
                    </div>
535 
                    <div class="clearfix">
536 
                      <h4 class="block">Small Buttons with Font Awesome Icons</h4>
537 
                      <a href="#" class="btn btn-sm default">
538 
                         Default <i class="fa fa-user"></i>
539 
                      </a>
540 
                      <a href="#" class="btn btn-sm red">
541 
                         Red <i class="fa fa-edit"></i>
542 
                      </a>
543 
                      <a href="#" class="btn btn-sm blue">
544 
                        <i class="fa fa-file-o"></i> Blue
545 
                      </a>
546 
                      <a href="#" class="btn btn-sm green">
547 
                         Green <i class="fa fa-font"></i>
548 
                      </a>
549 
                      <a href="#" class="btn btn-sm yellow">
550 
                         Yellow <i class="fa fa-search"></i>
551 
                      </a>
552 
                      <a href="#" class="btn btn-sm purple">
553 
                        <i class="fa fa-times"></i> Purple
554 
                      </a>
555 
                      <a href="#" class="btn btn-sm green">
556 
                         Green <i class="fa fa-plus"></i>
557 
                      </a>
558 
                      <a href="#" class="btn btn-sm dark">
559 
                         Dark <i class="fa fa-link"></i>
560 
                      </a>
561 
                    </div>
562 
                    <div class="clearfix">
563 
                      <h4 class="block">Extra Small Buttons with Font Awesome Icons</h4>
564 
                      <a href="#" class="btn btn-xs default">
565 
                         Default <i class="fa fa-user"></i>
566 
                      </a>
567 
                      <a href="#" class="btn btn-xs red">
568 
                         Red <i class="fa fa-edit"></i>
569 
                      </a>
570 
                      <a href="#" class="btn btn-xs blue">
571 
                        <i class="fa fa-file-o"></i> Blue
572 
                      </a>
573 
                      <a href="#" class="btn btn-xs green">
574 
                         Green <i class="fa fa-font"></i>
575 
                      </a>
576 
                      <a href="#" class="btn btn-xs yellow">
577 
                         Yellow <i class="fa fa-search"></i>
578 
                      </a>
579 
                      <a href="#" class="btn btn-xs purple">
580 
                        <i class="fa fa-times"></i> Purple
581 
                      </a>
582 
                      <a href="#" class="btn btn-xs green">
583 
                         Green <i class="fa fa-plus"></i>
584 
                      </a>
585 
                      <a href="#" class="btn btn-xs dark">
586 
                         Dark <i class="fa fa-link"></i>
587 
                      </a>
588 
                    </div>
589 
                    <div class="clearfix">
590 
                      <h4 class="block">Font Awesome Icon Only Buttons</h4>
591 
                      <a href="#" class="btn default">
592 
                        <i class="fa fa-user"></i>
593 
                      </a>
594 
                      <a href="#" class="btn red">
595 
                        <i class="fa fa-edit"></i>
596 
                      </a>
597 
                      <a href="#" class="btn blue">
598 
                        <i class="fa fa-file-o"></i>
599 
                      </a>
600 
                      <a href="#" class="btn green">
601 
                        <i class="fa fa-font"></i>
602 
                      </a>
603 
                      <a href="#" class="btn yellow">
604 
                        <i class="fa fa-search"></i>
605 
                      </a>
606 
                      <a href="#" class="btn purple">
607 
                        <i class="fa fa-times"></i>
608 
                      </a>
609 
                      <a href="#" class="btn green">
610 
                        <i class="fa fa-plus"></i>
611 
                      </a>
612 
                      <a href="#" class="btn dark">
613 
                        <i class="fa fa-link"></i>
614 
                      </a>
615 
                    </div>
616 
                  </div>
617 
                  <div class="tab-pane" id="dropdown_glyphicon">
618 
                    <div class="clearfix">
619 
                      <h4 class="block">Large Buttons with Font Awesome Icons</h4>
620 
                      <a href="#" class="btn btn-lg default">
621 
                         Default
622 
                        <span class="glyphicon glyphicon-cog">
623 
                        </span>
624 
                      </a>
625 
                      <a href="#" class="btn btn-lg red">
626 
                         Red
627 
                        <span class="glyphicon glyphicon-calendar">
628 
                        </span>
629 
                      </a>
630 
                      <a href="#" class="btn btn-lg blue">
631 
                        <span class="glyphicon glyphicon-font">
632 
                        </span>
633 
                         Blue
634 
                      </a>
635 
                      <a href="#" class="btn btn-lg green">
636 
                         Green
637 
                        <span class="glyphicon glyphicon-gift">
638 
                        </span>
639 
                      </a>
640 
                      <a href="#" class="btn btn-lg yellow">
641 
                         Yellow
642 
                        <span class="glyphicon glyphicon-pencil">
643 
                        </span>
644 
                      </a>
645 
                      <a href="#" class="btn btn-lg purple">
646 
                        <span class="glyphicon glyphicon-tag">
647 
                        </span>
648 
                         Purple
649 
                      </a>
650 
                      <a href="#" class="btn btn-lg green">
651 
                         Green
652 
                        <span class="glyphicon glyphicon-user">
653 
                        </span>
654 
                      </a>
655 
                      <a href="#" class="btn btn-lg dark">
656 
                         Dark
657 
                        <span class="glyphicon glyphicon-link">
658 
                        </span>
659 
                      </a>
660 
                    </div>
661 
                    <div class="clearfix">
662 
                      <h4 class="block">Default Buttons with Font Awesome Icons</h4>
663 
                      <a href="#" class="btn default">
664 
                         Default
665 
                        <span class="glyphicon glyphicon-cog">
666 
                        </span>
667 
                      </a>
668 
                      <a href="#" class="btn red">
669 
                         Red
670 
                        <span class="glyphicon glyphicon-calendar">
671 
                        </span>
672 
                      </a>
673 
                      <a href="#" class="btn blue">
674 
                        <span class="glyphicon glyphicon-font">
675 
                        </span>
676 
                         Blue
677 
                      </a>
678 
                      <a href="#" class="btn green">
679 
                         Green
680 
                        <span class="glyphicon glyphicon-gift">
681 
                        </span>
682 
                      </a>
683 
                      <a href="#" class="btn yellow">
684 
                         Yellow
685 
                        <span class="glyphicon glyphicon-pencil">
686 
                        </span>
687 
                      </a>
688 
                      <a href="#" class="btn purple">
689 
                        <span class="glyphicon glyphicon-tag">
690 
                        </span>
691 
                         Purple
692 
                      </a>
693 
                      <a href="#" class="btn green">
694 
                         Green
695 
                        <span class="glyphicon glyphicon-user">
696 
                        </span>
697 
                      </a>
698 
                      <a href="#" class="btn dark">
699 
                         Dark
700 
                        <span class="glyphicon glyphicon-link">
701 
                        </span>
702 
                      </a>
703 
                    </div>
704 
                    <div class="clearfix">
705 
                      <h4 class="block">Small Buttons with Font Awesome Icons</h4>
706 
                      <a href="#" class="btn btn-sm default">
707 
                         Default
708 
                        <span class="glyphicon glyphicon-cog">
709 
                        </span>
710 
                      </a>
711 
                      <a href="#" class="btn btn-sm red">
712 
                         Red
713 
                        <span class="glyphicon glyphicon-calendar">
714 
                        </span>
715 
                      </a>
716 
                      <a href="#" class="btn btn-sm blue">
717 
                        <span class="glyphicon glyphicon-font">
718 
                        </span>
719 
                         Blue
720 
                      </a>
721 
                      <a href="#" class="btn btn-sm green">
722 
                         Green
723 
                        <span class="glyphicon glyphicon-gift">
724 
                        </span>
725 
                      </a>
726 
                      <a href="#" class="btn btn-sm yellow">
727 
                         Yellow
728 
                        <span class="glyphicon glyphicon-pencil">
729 
                        </span>
730 
                      </a>
731 
                      <a href="#" class="btn btn-sm purple">
732 
                        <span class="glyphicon glyphicon-tag">
733 
                        </span>
734 
                         Purple
735 
                      </a>
736 
                      <a href="#" class="btn btn-sm green">
737 
                         Green
738 
                        <span class="glyphicon glyphicon-user">
739 
                        </span>
740 
                      </a>
741 
                      <a href="#" class="btn btn-sm dark">
742 
                         Dark
743 
                        <span class="glyphicon glyphicon-link">
744 
                        </span>
745 
                      </a>
746 
                    </div>
747 
                    <div class="clearfix">
748 
                      <h4 class="block">Extra Small Buttons with Font Awesome Icons</h4>
749 
                      <a href="#" class="btn btn-xs default">
750 
                         Default
751 
                        <span class="glyphicon glyphicon-cog">
752 
                        </span>
753 
                      </a>
754 
                      <a href="#" class="btn btn-xs red">
755 
                         Red
756 
                        <span class="glyphicon glyphicon-calendar">
757 
                        </span>
758 
                      </a>
759 
                      <a href="#" class="btn btn-xs blue">
760 
                        <span class="glyphicon glyphicon-font">
761 
                        </span>
762 
                         Blue
763 
                      </a>
764 
                      <a href="#" class="btn btn-xs green">
765 
                         Green
766 
                        <span class="glyphicon glyphicon-gift">
767 
                        </span>
768 
                      </a>
769 
                      <a href="#" class="btn btn-xs yellow">
770 
                         Yellow
771 
                        <span class="glyphicon glyphicon-pencil">
772 
                        </span>
773 
                      </a>
774 
                      <a href="#" class="btn btn-xs purple">
775 
                        <span class="glyphicon glyphicon-tag">
776 
                        </span>
777 
                         Purple
778 
                      </a>
779 
                      <a href="#" class="btn btn-xs green">
780 
                         Green
781 
                        <span class="glyphicon glyphicon-user">
782 
                        </span>
783 
                      </a>
784 
                      <a href="#" class="btn btn-xs dark">
785 
                         Dark
786 
                        <span class="glyphicon glyphicon-link">
787 
                        </span>
788 
                      </a>
789 
                    </div>
790 
                    <div class="clearfix">
791 
                      <h4 class="block">Font Awesome Icon Only Buttons</h4>
792 
                      <a href="#" class="btn default">
793 
                        <span class="glyphicon glyphicon-cog">
794 
                        </span>
795 
                      </a>
796 
                      <a href="#" class="btn red">
797 
                        <span class="glyphicon glyphicon-calendar">
798 
                        </span>
799 
                      </a>
800 
                      <a href="#" class="btn blue">
801 
                        <span class="glyphicon glyphicon-font">
802 
                        </span>
803 
                      </a>
804 
                      <a href="#" class="btn green">
805 
                        <span class="glyphicon glyphicon-gift">
806 
                        </span>
807 
                      </a>
808 
                      <a href="#" class="btn yellow">
809 
                        <span class="glyphicon glyphicon-pencil">
810 
                        </span>
811 
                      </a>
812 
                      <a href="#" class="btn purple">
813 
                        <span class="glyphicon glyphicon-tag">
814 
                        </span>
815 
                      </a>
816 
                      <a href="#" class="btn green">
817 
                        <span class="glyphicon glyphicon-user">
818 
                        </span>
819 
                      </a>
820 
                      <a href="#" class="btn dark">
821 
                        <span class="glyphicon glyphicon-link">
822 
                        </span>
823 
                      </a>
824 
                    </div>
825 
                  </div>
826 
                  <div class="tab-pane " id="buttons_metro">
827 
                    <div class="clearfix">
828 
                      <h4 class="block">Navigation Large Icons Buttons</h4>
829 
                      <a href="#" class="btn btn-lg default m-icon-big">
830 
                         Submit <i class="m-icon-big-swapleft"></i>
831 
                      </a>
832 
                      <a href="#" class="btn btn-lg green m-icon-big">
833 
                         Submit <i class="m-icon-big-swapright m-icon-white"></i>
834 
                      </a>
835 
                      <a href="#" class="btn btn-lg blue m-icon-big">
836 
                         Submit <i class="m-icon-big-swapdown m-icon-white"></i>
837 
                      </a>
838 
                      <a href="#" class="btn btn-lg dark m-icon-big">
839 
                         Submit <i class="m-icon-big-swapup m-icon-white"></i>
840 
                      </a>
841 
                    </div>
842 
                    <div class="clearfix">
843 
                      <h4 class="block">Navigation Large Icons Only Buttons</h4>
844 
                      <a href="#" class="btn btn-lg default m-icon-big m-icon-only">
845 
                        <i class="m-icon-big-swapleft"></i>
846 
                      </a>
847 
                      <a href="#" class="btn btn-lg green m-icon-big m-icon-only">
848 
                        <i class="m-icon-big-swapright m-icon-white"></i>
849 
                      </a>
850 
                      <a href="#" class="btn btn-lg blue m-icon-big m-icon-only">
851 
                        <i class="m-icon-big-swapdown m-icon-white"></i>
852 
                      </a>
853 
                      <a href="#" class="btn btn-lg dark m-icon-big m-icon-only">
854 
                        <i class="m-icon-big-swapup m-icon-white"></i>
855 
                      </a>
856 
                    </div>
857 
                    <div class="clearfix">
858 
                      <h4 class="block">Navigation Block Large Icons</h4>
859 
                      <button class="btn blue btn-block btn-lg m-icon-big">Button <i class="m-icon-big-swapright m-icon-white"></i></button>
860 
                      <a href="#" class="btn green btn-block btn-lg m-icon-big">
861 
                         Link <i class="m-icon-big-swapright m-icon-white"></i>
862 
                      </a>
863 
                    </div>
864 
                    <div class="clearfix">
865 
                      <h4 class="block">Navigation Defualt Icons Buttons</h4>
866 
                      <a href="#" class="btn default m-icon">
867 
                         Submit <i class="m-icon-swapleft"></i>
868 
                      </a>
869 
                      <a href="#" class="btn green m-icon">
870 
                         Submit <i class="m-icon-swapright m-icon-white"></i>
871 
                      </a>
872 
                      <a href="#" class="btn blue m-icon">
873 
                         Submit <i class="m-icon-swapdown m-icon-white"></i>
874 
                      </a>
875 
                      <a href="#" class="btn dark m-icon">
876 
                         Submit <i class="m-icon-swapup m-icon-white"></i>
877 
                      </a>
878 
                    </div>
879 
                    <div class="clearfix">
880 
                      <h4 class="block">Navigation Defualt Icons Only Buttons</h4>
881 
                      <a href="#" class="btn default m-icon m-icon-only">
882 
                        <i class="m-icon-swapleft"></i>
883 
                      </a>
884 
                      <a href="#" class="btn green m-icon m-icon-only">
885 
                        <i class="m-icon-swapright m-icon-white"></i>
886 
                      </a>
887 
                      <a href="#" class="btn blue m-icon m-icon-only">
888 
                        <i class="m-icon-swapdown m-icon-white"></i>
889 
                      </a>
890 
                      <a href="#" class="btn dark m-icon m-icon-only">
891 
                        <i class="m-icon-swapup m-icon-white"></i>
892 
                      </a>
893 
                    </div>
894 
                    <div class="clearfix">
895 
                      <h4 class="block">Navigation Block Defualt Icons</h4>
896 
                      <button class="btn blue btn-block m-icon">Button <i class="m-icon-swapright m-icon-white"></i></button>
897 
                      <a href="#" class="btn green btn-block m-icon">
898 
                         Link <i class="m-icon-swapright m-icon-white"></i>
899 
                      </a>
900 
                    </div>
901 
                  </div>
902 
                </div>
903 
              </div>
904 
            </div>
905 
          </div>
906 
          <!-- END BUTTONS WITH ICONS PORTLET-->
907 
          <div class="portlet box blue">
908 
            <div class="portlet-title">
909 
              <div class="caption">
910 
                <i class="fa fa-gift"></i>Font Awesome Styled Buttons
911 
              </div>
912 
              <div class="tools">
913 
                <a href="javascript:;" class="collapse">
914 
                </a>
915 
                <a href="#portlet-config" data-toggle="modal" class="config">
916 
                </a>
917 
                <a href="javascript:;" class="reload">
918 
                </a>
919 
                <a href="javascript:;" class="remove">
920 
                </a>
921 
              </div>
922 
            </div>
923 
            <div class="portlet-body">
924 
              <a href="#" class="icon-btn">
925 
                <i class="fa fa-group"></i>
926 
                <div>
927 
                   Users
928 
                </div>
929 
                <span class="badge badge-important">
930 
                   2
931 
                </span>
932 
              </a>
933 
              <a href="#" class="icon-btn">
934 
                <i class="fa fa-barcode"></i>
935 
                <div>
936 
                   Products
937 
                </div>
938 
                <span class="badge badge-success">
939 
                   4
940 
                </span>
941 
              </a>
942 
              <a href="#" class="icon-btn">
943 
                <i class="fa fa-bar-chart-o"></i>
944 
                <div>
945 
                   Reports
946 
                </div>
947 
              </a>
948 
              <a href="#" class="icon-btn">
949 
                <i class="fa fa-sitemap"></i>
950 
                <div>
951 
                   Categories
952 
                </div>
953 
              </a>
954 
              <a href="#" class="icon-btn">
955 
                <i class="fa fa-calendar"></i>
956 
                <div>
957 
                   Calendar
958 
                </div>
959 
                <span class="badge badge-success">
960 
                   4
961 
                </span>
962 
              </a>
963 
              <a href="#" class="icon-btn">
964 
                <i class="fa fa-envelope"></i>
965 
                <div>
966 
                   Inbox
967 
                </div>
968 
                <span class="badge badge-info">
969 
                   12
970 
                </span>
971 
              </a>
972 
              <a href="#" class="icon-btn">
973 
                <i class="fa fa-bullhorn"></i>
974 
                <div>
975 
                   Notification
976 
                </div>
977 
                <span class="badge badge-important">
978 
                   3
979 
                </span>
980 
              </a>
981 
              <a href="#" class="icon-btn">
982 
                <i class="fa fa-map-marker"></i>
983 
                <div>
984 
                   Locations
985 
                </div>
986 
              </a>
987 
              <a href="#" class="icon-btn">
988 
                <i class="fa fa-money"><i></i></i>
989 
                <div>
990 
                   Finance
991 
                </div>
992 
              </a>
993 
              <a href="#" class="icon-btn">
994 
                <i class="fa fa-plane"></i>
995 
                <div>
996 
                   Projects
997 
                </div>
998 
                <span class="badge badge-info">
999 
                   21
1000 
                </span>
1001 
              </a>
1002 
              <a href="#" class="icon-btn">
1003 
                <i class="fa fa-thumbs-up"></i>
1004 
                <div>
1005 
                   Feedback
1006 
                </div>
1007 
                <span class="badge badge-info">
1008 
                   2
1009 
                </span>
1010 
              </a>
1011 
              <a href="#" class="icon-btn">
1012 
                <i class="fa fa-cloud"></i>
1013 
                <div>
1014 
                   Servers
1015 
                </div>
1016 
                <span class="badge badge-important">
1017 
                   2
1018 
                </span>
1019 
              </a>
1020 
              <a href="#" class="icon-btn">
1021 
                <i class="fa fa-globe"></i>
1022 
                <div>
1023 
                   Regions
1024 
                </div>
1025 
              </a>
1026 
              <a href="#" class="icon-btn">
1027 
                <i class="fa fa-heart-o"></i>
1028 
                <div>
1029 
                   Popularity
1030 
                </div>
1031 
                <span class="badge badge-info">
1032 
                   221
1033 
                </span>
1034 
              </a>
1035 
            </div>
1036 
          </div>
1037 
          <!-- BEGIN BLOCK BUTTONS PORTLET-->
1038 
          <div class="portlet box purple">
1039 
            <div class="portlet-title">
1040 
              <div class="caption">
1041 
                <i class="fa fa-gift"></i>List Social Icons(UL)
1042 
              </div>
1043 
              <div class="tools">
1044 
                <a href="javascript:;" class="collapse">
1045 
                </a>
1046 
                <a href="#portlet-config" data-toggle="modal" class="config">
1047 
                </a>
1048 
                <a href="javascript:;" class="reload">
1049 
                </a>
1050 
                <a href="javascript:;" class="remove">
1051 
                </a>
1052 
              </div>
1053 
            </div>
1054 
            <div class="portlet-body util-btn-margin-bottom-5">
1055 
              <ul class="social-icons">
1056 
                <li>
1057 
                  <a href="#" data-original-title="amazon" class="amazon">
1058 
                  </a>
1059 
                </li>
1060 
                <li>
1061 
                  <a href="#" data-original-title="behance" class="behance">
1062 
                  </a>
1063 
                </li>
1064 
                <li>
1065 
                  <a href="#" data-original-title="blogger" class="blogger">
1066 
                  </a>
1067 
                </li>
1068 
                <li>
1069 
                  <a href="#" data-original-title="deviantart" class="deviantart">
1070 
                  </a>
1071 
                </li>
1072 
                <li>
1073 
                  <a href="#" data-original-title="dribbble" class="dribbble">
1074 
                  </a>
1075 
                </li>
1076 
                <li>
1077 
                  <a href="#" data-original-title="dropbox" class="dropbox">
1078 
                  </a>
1079 
                </li>
1080 
                <li>
1081 
                  <a href="#" data-original-title="facebook" class="facebook">
1082 
                  </a>
1083 
                </li>
1084 
                <li>
1085 
                  <a href="#" data-original-title="forrst" class="forrst">
1086 
                  </a>
1087 
                </li>
1088 
                <li>
1089 
                  <a href="#" data-original-title="github" class="github">
1090 
                  </a>
1091 
                </li>
1092 
                <li>
1093 
                  <a href="#" data-original-title="Goole Plus" class="googleplus">
1094 
                  </a>
1095 
                </li>
1096 
                <li>
1097 
                  <a href="#" data-original-title="jolicloud" class="jolicloud">
1098 
                  </a>
1099 
                </li>
1100 
                <li>
1101 
                  <a href="#" data-original-title="last-fm" class="last-fm">
1102 
                  </a>
1103 
                </li>
1104 
                <li>
1105 
                  <a href="#" data-original-title="linkedin" class="linkedin">
1106 
                  </a>
1107 
                </li>
1108 
                <li>
1109 
                  <a href="#" data-original-title="picasa" class="picasa">
1110 
                  </a>
1111 
                </li>
1112 
                <li>
1113 
                  <a href="#" data-original-title="pintrest" class="pintrest">
1114 
                  </a>
1115 
                </li>
1116 
                <li>
1117 
                  <a href="#" data-original-title="rss" class="rss">
1118 
                  </a>
1119 
                </li>
1120 
                <li>
1121 
                  <a href="#" data-original-title="skype" class="skype">
1122 
                  </a>
1123 
                </li>
1124 
                <li>
1125 
                  <a href="#" data-original-title="spotify" class="spotify">
1126 
                  </a>
1127 
                </li>
1128 
                <li>
1129 
                  <a href="#" data-original-title="stumbleupon" class="stumbleupon">
1130 
                  </a>
1131 
                </li>
1132 
                <li>
1133 
                  <a href="#" data-original-title="tumblr" class="tumblr">
1134 
                  </a>
1135 
                </li>
1136 
                <li>
1137 
                  <a href="#" data-original-title="twitter" class="twitter">
1138 
                  </a>
1139 
                </li>
1140 
                <li>
1141 
                  <a href="#" data-original-title="vimeo" class="vimeo">
1142 
                  </a>
1143 
                </li>
1144 
                <li>
1145 
                  <a href="#" data-original-title="wordpress" class="wordpress">
1146 
                  </a>
1147 
                </li>
1148 
                <li>
1149 
                  <a href="#" data-original-title="xing" class="xing">
1150 
                  </a>
1151 
                </li>
1152 
                <li>
1153 
                  <a href="#" data-original-title="yahoo" class="yahoo">
1154 
                  </a>
1155 
                </li>
1156 
                <li>
1157 
                  <a href="#" data-original-title="youtube" class="youtube">
1158 
                  </a>
1159 
                </li>
1160 
                <li>
1161 
                  <a href="#" data-original-title="vk" class="vk">
1162 
                  </a>
1163 
                </li>
1164 
                <li>
1165 
                  <a href="#" data-original-title="instagram" class="instagram">
1166 
                  </a>
1167 
                </li>
1168 
                <li>
1169 
                  <a href="#" data-original-title="reddit" class="reddit">
1170 
                  </a>
1171 
                </li>
1172 
                <li>
1173 
                  <a href="#" data-original-title="aboutme" class="aboutme">
1174 
                  </a>
1175 
                </li>
1176 
                <li>
1177 
                  <a href="#" data-original-title="flickr" class="flickr">
1178 
                  </a>
1179 
                </li>
1180 
                <li>
1181 
                  <a href="#" data-original-title="foursquare" class="foursquare">
1182 
                  </a>
1183 
                </li>
1184 
                <li>
1185 
                  <a href="#" data-original-title="gravatar" class="gravatar">
1186 
                  </a>
1187 
                </li>
1188 
                <li>
1189 
                  <a href="#" data-original-title="klout" class="klout">
1190 
                  </a>
1191 
                </li>
1192 
                <li>
1193 
                  <a href="#" data-original-title="myspace" class="myspace">
1194 
                  </a>
1195 
                </li>
1196 
                <li>
1197 
                  <a href="#" data-original-title="quora" class="quora">
1198 
                  </a>
1199 
                </li>
1200 
              </ul>
1201 
            </div>
1202 
          </div>
1203 
          <!-- END BLOCK BUTTONS PORTLET-->
1204 
          <!-- BEGIN BLOCK BUTTONS PORTLET-->
1205 
          <div class="portlet box purple">
1206 
            <div class="portlet-title">
1207 
              <div class="caption">
1208 
                <i class="fa fa-gift"></i>Inline Social Icons
1209 
              </div>
1210 
              <div class="tools">
1211 
                <a href="javascript:;" class="collapse">
1212 
                </a>
1213 
                <a href="#portlet-config" data-toggle="modal" class="config">
1214 
                </a>
1215 
                <a href="javascript:;" class="reload">
1216 
                </a>
1217 
                <a href="javascript:;" class="remove">
1218 
                </a>
1219 
              </div>
1220 
            </div>
1221 
            <div class="portlet-body util-btn-margin-bottom-5">
1222 
              <a href="#" data-original-title="amazon" class="social-icon amazon">
1223 
              </a>
1224 
              <a href="#" data-original-title="behance" class="social-icon behance">
1225 
              </a>
1226 
              <a href="#" data-original-title="blogger" class="social-icon blogger">
1227 
              </a>
1228 
              <a href="#" data-original-title="deviantart" class="social-icon deviantart">
1229 
              </a>
1230 
              <a href="#" data-original-title="dribbble" class="social-icon dribbble">
1231 
              </a>
1232 
              <a href="#" data-original-title="dropbox" class="social-icon dropbox">
1233 
              </a>
1234 
              <a href="#" data-original-title="facebook" class="social-icon facebook">
1235 
              </a>
1236 
              <a href="#" data-original-title="forrst" class="social-icon forrst">
1237 
              </a>
1238 
              <a href="#" data-original-title="github" class="social-icon github">
1239 
              </a>
1240 
              <a href="#" data-original-title="Goole Plus" class="social-icon googleplus">
1241 
              </a>
1242 
              <a href="#" data-original-title="jolicloud" class="social-icon jolicloud">
1243 
              </a>
1244 
              <a href="#" data-original-title="last-fm" class="social-icon last-fm">
1245 
              </a>
1246 
              <a href="#" data-original-title="linkedin" class="social-icon linkedin">
1247 
              </a>
1248 
              <a href="#" data-original-title="picasa" class="social-icon picasa">
1249 
              </a>
1250 
              <a href="#" data-original-title="pintrest" class="social-icon pintrest">
1251 
              </a>
1252 
              <a href="#" data-original-title="rss" class="social-icon rss">
1253 
              </a>
1254 
              <a href="#" data-original-title="skype" class="social-icon skype">
1255 
              </a>
1256 
              <a href="#" data-original-title="spotify" class="social-icon spotify">
1257 
              </a>
1258 
              <a href="#" data-original-title="stumbleupon" class="social-icon stumbleupon">
1259 
              </a>
1260 
              <a href="#" data-original-title="tumblr" class="social-icon tumblr">
1261 
              </a>
1262 
              <a href="#" data-original-title="twitter" class="social-icon twitter">
1263 
              </a>
1264 
              <a href="#" data-original-title="vimeo" class="social-icon vimeo">
1265 
              </a>
1266 
              <a href="#" data-original-title="wordpress" class="social-icon wordpress">
1267 
              </a>
1268 
              <a href="#" data-original-title="xing" class="social-icon xing">
1269 
              </a>
1270 
              <a href="#" data-original-title="yahoo" class="social-icon yahoo">
1271 
              </a>
1272 
              <a href="#" data-original-title="youtube" class="social-icon youtube">
1273 
              </a>
1274 
              <a href="#" data-original-title="vk" class="social-icon vk">
1275 
              </a>
1276 
              <a href="#" data-original-title="instagram" class="social-icon instagram">
1277 
              </a>
1278 
              <a href="#" data-original-title="reddit" class="social-icon reddit">
1279 
              </a>
1280 
              <a href="#" data-original-title="aboutme" class="social-icon aboutme">
1281 
              </a>
1282 
              <a href="#" data-original-title="flickr" class="social-icon flickr">
1283 
              </a>
1284 
              <a href="#" data-original-title="foursquare" class="social-icon foursquare">
1285 
              </a>
1286 
              <a href="#" data-original-title="gravatar" class="social-icon gravatar">
1287 
              </a>
1288 
              <a href="#" data-original-title="klout" class="social-icon klout">
1289 
              </a>
1290 
              <a href="#" data-original-title="myspace" class="social-icon myspace">
1291 
              </a>
1292 
              <a href="#" data-original-title="quora" class="social-icon quora">
1293 
              </a>
1294 
            </div>
1295 
          </div>
1296 
          <!-- END BLOCK BUTTONS PORTLET-->
1297 
          <!-- BEGIN BLOCK BUTTONS PORTLET-->
1298 
          <div class="portlet box blue">
1299 
            <div class="portlet-title">
1300 
              <div class="caption">
1301 
                <i class="fa fa-gift"></i>Social Icons(Colored)
1302 
              </div>
1303 
              <div class="tools">
1304 
                <a href="javascript:;" class="collapse">
1305 
                </a>
1306 
                <a href="#portlet-config" data-toggle="modal" class="config">
1307 
                </a>
1308 
                <a href="javascript:;" class="reload">
1309 
                </a>
1310 
                <a href="javascript:;" class="remove">
1311 
                </a>
1312 
              </div>
1313 
            </div>
1314 
            <div class="portlet-body">
1315 
              <ul class="social-icons social-icons-color">
1316 
                <li>
1317 
                  <a href="#" data-original-title="amazon" class="amazon">
1318 
                  </a>
1319 
                </li>
1320 
                <li>
1321 
                  <a href="#" data-original-title="behance" class="behance">
1322 
                  </a>
1323 
                </li>
1324 
                <li>
1325 
                  <a href="#" data-original-title="blogger" class="blogger">
1326 
                  </a>
1327 
                </li>
1328 
                <li>
1329 
                  <a href="#" data-original-title="deviantart" class="deviantart">
1330 
                  </a>
1331 
                </li>
1332 
                <li>
1333 
                  <a href="#" data-original-title="dribbble" class="dribbble">
1334 
                  </a>
1335 
                </li>
1336 
                <li>
1337 
                  <a href="#" data-original-title="dropbox" class="dropbox">
1338 
                  </a>
1339 
                </li>
1340 
                <li>
1341 
                  <a href="#" data-original-title="facebook" class="facebook">
1342 
                  </a>
1343 
                </li>
1344 
                <li>
1345 
                  <a href="#" data-original-title="forrst" class="forrst">
1346 
                  </a>
1347 
                </li>
1348 
                <li>
1349 
                  <a href="#" data-original-title="github" class="github">
1350 
                  </a>
1351 
                </li>
1352 
                <li>
1353 
                  <a href="#" data-original-title="Goole Plus" class="googleplus">
1354 
                  </a>
1355 
                </li>
1356 
                <li>
1357 
                  <a href="#" data-original-title="jolicloud" class="jolicloud">
1358 
                  </a>
1359 
                </li>
1360 
                <li>
1361 
                  <a href="#" data-original-title="last-fm" class="last-fm">
1362 
                  </a>
1363 
                </li>
1364 
                <li>
1365 
                  <a href="#" data-original-title="linkedin" class="linkedin">
1366 
                  </a>
1367 
                </li>
1368 
                <li>
1369 
                  <a href="#" data-original-title="picasa" class="picasa">
1370 
                  </a>
1371 
                </li>
1372 
                <li>
1373 
                  <a href="#" data-original-title="pintrest" class="pintrest">
1374 
                  </a>
1375 
                </li>
1376 
                <li>
1377 
                  <a href="#" data-original-title="rss" class="rss">
1378 
                  </a>
1379 
                </li>
1380 
                <li>
1381 
                  <a href="#" data-original-title="skype" class="skype">
1382 
                  </a>
1383 
                </li>
1384 
                <li>
1385 
                  <a href="#" data-original-title="spotify" class="spotify">
1386 
                  </a>
1387 
                </li>
1388 
                <li>
1389 
                  <a href="#" data-original-title="stumbleupon" class="stumbleupon">
1390 
                  </a>
1391 
                </li>
1392 
                <li>
1393 
                  <a href="#" data-original-title="tumblr" class="tumblr">
1394 
                  </a>
1395 
                </li>
1396 
                <li>
1397 
                  <a href="#" data-original-title="twitter" class="twitter">
1398 
                  </a>
1399 
                </li>
1400 
                <li>
1401 
                  <a href="#" data-original-title="vimeo" class="vimeo">
1402 
                  </a>
1403 
                </li>
1404 
                <li>
1405 
                  <a href="#" data-original-title="wordpress" class="wordpress">
1406 
                  </a>
1407 
                </li>
1408 
                <li>
1409 
                  <a href="#" data-original-title="xing" class="xing">
1410 
                  </a>
1411 
                </li>
1412 
                <li>
1413 
                  <a href="#" data-original-title="yahoo" class="yahoo">
1414 
                  </a>
1415 
                </li>
1416 
                <li>
1417 
                  <a href="#" data-original-title="youtube" class="youtube">
1418 
                  </a>
1419 
                </li>
1420 
                <li>
1421 
                  <a href="#" data-original-title="vk" class="vk">
1422 
                  </a>
1423 
                </li>
1424 
                <li>
1425 
                  <a href="#" data-original-title="instagram" class="instagram">
1426 
                  </a>
1427 
                </li>
1428 
                <li>
1429 
                  <a href="#" data-original-title="reddit" class="reddit">
1430 
                  </a>
1431 
                </li>
1432 
                <li>
1433 
                  <a href="#" data-original-title="aboutme" class="aboutme">
1434 
                  </a>
1435 
                </li>
1436 
                <li>
1437 
                  <a href="#" data-original-title="flickr" class="flickr">
1438 
                  </a>
1439 
                </li>
1440 
                <li>
1441 
                  <a href="#" data-original-title="foursquare" class="foursquare">
1442 
                  </a>
1443 
                </li>
1444 
                <li>
1445 
                  <a href="#" data-original-title="gravatar" class="gravatar">
1446 
                  </a>
1447 
                </li>
1448 
                <li>
1449 
                  <a href="#" data-original-title="klout" class="klout">
1450 
                  </a>
1451 
                </li>
1452 
                <li>
1453 
                  <a href="#" data-original-title="myspace" class="myspace">
1454 
                  </a>
1455 
                </li>
1456 
                <li>
1457 
                  <a href="#" data-original-title="quora" class="quora">
1458 
                  </a>
1459 
                </li>
1460 
              </ul>
1461 
            </div>
1462 
          </div>
1463 
          <!-- END BLOCK BUTTONS PORTLET-->
1464 
          <!-- BEGIN BLOCK BUTTONS PORTLET-->
1465 
          <div class="portlet box purple">
1466 
            <div class="portlet-title">
1467 
              <div class="caption">
1468 
                <i class="fa fa-gift"></i>Inline Social Icons(Colored)
1469 
              </div>
1470 
              <div class="tools">
1471 
                <a href="javascript:;" class="collapse">
1472 
                </a>
1473 
                <a href="#portlet-config" data-toggle="modal" class="config">
1474 
                </a>
1475 
                <a href="javascript:;" class="reload">
1476 
                </a>
1477 
                <a href="javascript:;" class="remove">
1478 
                </a>
1479 
              </div>
1480 
            </div>
1481 
            <div class="portlet-body util-btn-margin-bottom-5">
1482 
              <a href="#" data-original-title="amazon" class="social-icon social-icon-color amazon">
1483 
              </a>
1484 
              <a href="#" data-original-title="behance" class="social-icon social-icon-color behance">
1485 
              </a>
1486 
              <a href="#" data-original-title="blogger" class="social-icon social-icon-color blogger">
1487 
              </a>
1488 
              <a href="#" data-original-title="deviantart" class="social-icon social-icon-color deviantart">
1489 
              </a>
1490 
              <a href="#" data-original-title="dribbble" class="social-icon social-icon-color dribbble">
1491 
              </a>
1492 
              <a href="#" data-original-title="dropbox" class="social-icon social-icon-color dropbox">
1493 
              </a>
1494 
              <a href="#" data-original-title="facebook" class="social-icon social-icon-color facebook">
1495 
              </a>
1496 
              <a href="#" data-original-title="forrst" class="social-icon social-icon-color forrst">
1497 
              </a>
1498 
              <a href="#" data-original-title="github" class="social-icon social-icon-color github">
1499 
              </a>
1500 
              <a href="#" data-original-title="Goole Plus" class="social-icon social-icon-color googleplus">
1501 
              </a>
1502 
              <a href="#" data-original-title="jolicloud" class="social-icon social-icon-color jolicloud">
1503 
              </a>
1504 
              <a href="#" data-original-title="last-fm" class="social-icon social-icon-color last-fm">
1505 
              </a>
1506 
              <a href="#" data-original-title="linkedin" class="social-icon social-icon-color linkedin">
1507 
              </a>
1508 
              <a href="#" data-original-title="picasa" class="social-icon social-icon-color picasa">
1509 
              </a>
1510 
              <a href="#" data-original-title="pintrest" class="social-icon social-icon-color pintrest">
1511 
              </a>
1512 
              <a href="#" data-original-title="rss" class="social-icon social-icon-color rss">
1513 
              </a>
1514 
              <a href="#" data-original-title="skype" class="social-icon social-icon-color skype">
1515 
              </a>
1516 
              <a href="#" data-original-title="spotify" class="social-icon social-icon-color spotify">
1517 
              </a>
1518 
              <a href="#" data-original-title="stumbleupon" class="social-icon social-icon-color stumbleupon">
1519 
              </a>
1520 
              <a href="#" data-original-title="tumblr" class="social-icon social-icon-color tumblr">
1521 
              </a>
1522 
              <a href="#" data-original-title="twitter" class="social-icon social-icon-color twitter">
1523 
              </a>
1524 
              <a href="#" data-original-title="vimeo" class="social-icon social-icon-color vimeo">
1525 
              </a>
1526 
              <a href="#" data-original-title="wordpress" class="social-icon social-icon-color wordpress">
1527 
              </a>
1528 
              <a href="#" data-original-title="xing" class="social-icon social-icon-color xing">
1529 
              </a>
1530 
              <a href="#" data-original-title="yahoo" class="social-icon social-icon-color yahoo">
1531 
              </a>
1532 
              <a href="#" data-original-title="youtube" class="social-icon social-icon-color youtube">
1533 
              </a>
1534 
              <a href="#" data-original-title="vk" class="social-icon social-icon-color vk">
1535 
              </a>
1536 
              <a href="#" data-original-title="instagram" class="social-icon social-icon-color instagram">
1537 
              </a>
1538 
              <a href="#" data-original-title="reddit" class="social-icon social-icon-color reddit">
1539 
              </a>
1540 
              <a href="#" data-original-title="aboutme" class="social-icon social-icon-color aboutme">
1541 
              </a>
1542 
              <a href="#" data-original-title="flickr" class="social-icon social-icon-color flickr">
1543 
              </a>
1544 
              <a href="#" data-original-title="foursquare" class="social-icon social-icon-color foursquare">
1545 
              </a>
1546 
              <a href="#" data-original-title="gravatar" class="social-icon social-icon-color gravatar">
1547 
              </a>
1548 
              <a href="#" data-original-title="klout" class="social-icon social-icon-color klout">
1549 
              </a>
1550 
              <a href="#" data-original-title="myspace" class="social-icon social-icon-color myspace">
1551 
              </a>
1552 
              <a href="#" data-original-title="quora" class="social-icon social-icon-color quora">
1553 
              </a>
1554 
            </div>
1555 
          </div>
1556 
          <!-- END BLOCK BUTTONS PORTLET-->
1557 
        </div>
1558 
        <div class="col-md-6">
1559 
          <!-- BEGIN BLOCK BUTTONS PORTLET-->
1560 
          <div class="portlet box yellow">
1561 
            <div class="portlet-title">
1562 
              <div class="caption">
1563 
                <i class="fa fa-gift"></i>Button Groups
1564 
              </div>
1565 
              <div class="tools">
1566 
                <a href="javascript:;" class="collapse">
1567 
                </a>
1568 
                <a href="#portlet-config" data-toggle="modal" class="config">
1569 
                </a>
1570 
                <a href="javascript:;" class="reload">
1571 
                </a>
1572 
                <a href="javascript:;" class="remove">
1573 
                </a>
1574 
              </div>
1575 
            </div>
1576 
            <div class="portlet-body">
1577 
              <div class="clearfix">
1578 
                <h4 class="block">Basic Example</h4>
1579 
                <div class="btn-group">
1580 
                  <button type="button" class="btn btn-default">Left</button>
1581 
                  <button type="button" class="btn btn-default">Middle</button>
1582 
                  <button type="button" class="btn btn-default">Right</button>
1583 
                </div>
1584 
                <div class="btn-group btn-group-solid">
1585 
                  <button type="button" class="btn red">Left</button>
1586 
                  <button type="button" class="btn yellow">Middle</button>
1587 
                  <button type="button" class="btn green">Right</button>
1588 
                </div>
1589 
              </div>
1590 
              <div class="clearfix">
1591 
                <h4 class="block">Button Toolbar</h4>
1592 
                <div class="btn-toolbar margin-bottom-10">
1593 
                  <div class="btn-group">
1594 
                    <button type="button" class="btn btn-default">1</button>
1595 
                    <button type="button" class="btn btn-default">2</button>
1596 
                    <button type="button" class="btn btn-default">3</button>
1597 
                    <button type="button" class="btn btn-default">4</button>
1598 
                  </div>
1599 
                  <div class="btn-group">
1600 
                    <button type="button" class="btn btn-default">5</button>
1601 
                    <button type="button" class="btn btn-default">6</button>
1602 
                    <button type="button" class="btn btn-default">7</button>
1603 
                  </div>
1604 
                  <div class="btn-group">
1605 
                    <button type="button" class="btn btn-default">8</button>
1606 
                  </div>
1607 
                </div>
1608 
                <div class="btn-toolbar">
1609 
                  <div class="btn-group btn-group-solid">
1610 
                    <button type="button" class="btn red">1</button>
1611 
                    <button type="button" class="btn green">2</button>
1612 
                    <button type="button" class="btn blue">3</button>
1613 
                    <button type="button" class="btn yellow">4</button>
1614 
                  </div>
1615 
                  <div class="btn-group btn-group-solid">
1616 
                    <button type="button" class="btn purple">5</button>
1617 
                    <button type="button" class="btn dark">6</button>
1618 
                    <button type="button" class="btn default">7</button>
1619 
                  </div>
1620 
                  <div class="btn-group btn-group-solid">
1621 
                    <button type="button" class="btn red">8</button>
1622 
                  </div>
1623 
                </div>
1624 
              </div>
1625 
              <div class="clearfix">
1626 
                <h4 class="block">Button Group Sizing</h4>
1627 
                <div class="btn-toolbar">
1628 
                  <div class="btn-group btn-group-lg btn-group-solid margin-bottom-10">
1629 
                    <button type="button" class="btn red">Left</button>
1630 
                    <button type="button" class="btn green">Middle</button>
1631 
                    <button type="button" class="btn blue">Right</button>
1632 
                  </div>
1633 
                </div>
1634 
                <div class="btn-toolbar margin-bottom-10">
1635 
                  <div class="btn-group btn-group-solid">
1636 
                    <button type="button" class="btn red">Left</button>
1637 
                    <button type="button" class="btn green">Middle</button>
1638 
                    <button type="button" class="btn blue">Right</button>
1639 
                  </div>
1640 
                </div>
1641 
                <div class="btn-toolbar margin-bottom-10">
1642 
                  <div class="btn-group btn-group-sm btn-group-solid">
1643 
                    <button type="button" class="btn red">Left</button>
1644 
                    <button type="button" class="btn green">Middle</button>
1645 
                    <button type="button" class="btn blue">Right</button>
1646 
                  </div>
1647 
                </div>
1648 
                <div class="btn-toolbar margin-bottom-10">
1649 
                  <div class="btn-group btn-group-xs btn-group-solid">
1650 
                    <button type="button" class="btn red">Left</button>
1651 
                    <button type="button" class="btn green">Middle</button>
1652 
                    <button type="button" class="btn blue">Right</button>
1653 
                  </div>
1654 
                </div>
1655 
              </div>
1656 
              <div class="clearfix">
1657 
                <h4 class="block">Nesting Button Group</h4>
1658 
                <div class="btn-group">
1659 
                  <button type="button" class="btn btn-default"><i class="fa fa-user"></i> Profile</button>
1660 
                  <button type="button" class="btn btn-default"><i class="fa fa-cogs"></i> Settings</button>
1661 
                  <button type="button" class="btn btn-default"><i class="fa fa-bullhorn"></i> Feeds</button>
1662 
                  <div class="btn-group">
1663 
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
1664 
                    <i class="fa fa-ellipsis-horizontal"></i> More
1665 
                    </button>
1666 
                    <ul class="dropdown-menu">
1667 
                      <li>
1668 
                        <a href="#">
1669 
                           Dropdown link
1670 
                        </a>
1671 
                      </li>
1672 
                      <li>
1673 
                        <a href="#">
1674 
                           Dropdown link
1675 
                        </a>
1676 
                      </li>
1677 
                    </ul>
1678 
                  </div>
1679 
                </div>
1680 
                <div class="clearfix margin-bottom-10">
1681 
                </div>
1682 
                <div class="btn-group btn-group-solid">
1683 
                  <button type="button" class="btn red"><i class="fa fa-user"></i> Profile</button>
1684 
                  <button type="button" class="btn green"><i class="fa fa-cogs"></i> Settings</button>
1685 
                  <button type="button" class="btn purple"><i class="fa fa-bullhorn"></i> Feeds</button>
1686 
                  <div class="btn-group btn-group-solid">
1687 
                    <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown">
1688 
                    <i class="fa fa-ellipsis-horizontal"></i> More
1689 
                    </button>
1690 
                    <ul class="dropdown-menu">
1691 
                      <li>
1692 
                        <a href="#">
1693 
                           Dropdown link
1694 
                        </a>
1695 
                      </li>
1696 
                      <li>
1697 
                        <a href="#">
1698 
                           Dropdown link
1699 
                        </a>
1700 
                      </li>
1701 
                    </ul>
1702 
                  </div>
1703 
                </div>
1704 
              </div>
1705 
              <div class="clearfix">
1706 
                <h4 class="block">Vertical variation</h4>
1707 
                <div class="btn-group-vertical margin-right-10">
1708 
                  <button type="button" class="btn btn-default">Button</button>
1709 
                  <button type="button" class="btn btn-default">Button</button>
1710 
                  <div class="btn-group">
1711 
                    <button id="btnGroupVerticalDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
1712 
                    Dropdown
1713 
                    </button>
1714 
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop1">
1715 
                      <li>
1716 
                        <a href="#">
1717 
                           Dropdown link
1718 
                        </a>
1719 
                      </li>
1720 
                      <li>
1721 
                        <a href="#">
1722 
                           Dropdown link
1723 
                        </a>
1724 
                      </li>
1725 
                    </ul>
1726 
                  </div>
1727 
                  <button type="button" class="btn btn-default">Button</button>
1728 
                  <button type="button" class="btn btn-default">Button</button>
1729 
                  <div class="btn-group">
1730 
                    <button id="btnGroupVerticalDrop2" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
1731 
                    Dropdown
1732 
                    </button>
1733 
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop2">
1734 
                      <li>
1735 
                        <a href="#">
1736 
                           Dropdown link
1737 
                        </a>
1738 
                      </li>
1739 
                      <li>
1740 
                        <a href="#">
1741 
                           Dropdown link
1742 
                        </a>
1743 
                      </li>
1744 
                    </ul>
1745 
                  </div>
1746 
                  <div class="btn-group">
1747 
                    <button id="btnGroupVerticalDrop3" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
1748 
                    Dropdown
1749 
                    </button>
1750 
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop3">
1751 
                      <li>
1752 
                        <a href="#">
1753 
                           Dropdown link
1754 
                        </a>
1755 
                      </li>
1756 
                      <li>
1757 
                        <a href="#">
1758 
                           Dropdown link
1759 
                        </a>
1760 
                      </li>
1761 
                    </ul>
1762 
                  </div>
1763 
                  <div class="btn-group">
1764 
                    <button id="btnGroupVerticalDrop4" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
1765 
                    Dropdown
1766 
                    </button>
1767 
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop4">
1768 
                      <li>
1769 
                        <a href="#">
1770 
                           Dropdown link
1771 
                        </a>
1772 
                      </li>
1773 
                      <li>
1774 
                        <a href="#">
1775 
                           Dropdown link
1776 
                        </a>
1777 
                      </li>
1778 
                    </ul>
1779 
                  </div>
1780 
                </div>
1781 
                <div class="btn-group-vertical btn-group-solid">
1782 
                  <button type="button" class="btn blue">Button</button>
1783 
                  <button type="button" class="btn green">Button</button>
1784 
                  <div class="btn-group">
1785 
                    <button id="btnGroupVerticalDrop5" type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown">
1786 
                    Dropdown
1787 
                    </button>
1788 
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop5">
1789 
                      <li>
1790 
                        <a href="#">
1791 
                           Dropdown link
1792 
                        </a>
1793 
                      </li>
1794 
                      <li>
1795 
                        <a href="#">
1796 
                           Dropdown link
1797 
                        </a>
1798 
                      </li>
1799 
                    </ul>
1800 
                  </div>
1801 
                  <button type="button" class="btn red">Button</button>
1802 
                  <button type="button" class="btn dark">Button</button>
1803 
                  <div class="btn-group">
1804 
                    <button id="btnGroupVerticalDrop6" type="button" class="btn default dropdown-toggle" data-toggle="dropdown">
1805 
                    Dropdown
1806 
                    </button>
1807 
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop6">
1808 
                      <li>
1809 
                        <a href="#">
1810 
                           Dropdown link
1811 
                        </a>
1812 
                      </li>
1813 
                      <li>
1814 
                        <a href="#">
1815 
                           Dropdown link
1816 
                        </a>
1817 
                      </li>
1818 
                    </ul>
1819 
                  </div>
1820 
                  <div class="btn-group">
1821 
                    <button id="btnGroupVerticalDrop7" type="button" class="btn purple dropdown-toggle" data-toggle="dropdown">
1822 
                    Dropdown
1823 
                    </button>
1824 
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop7">
1825 
                      <li>
1826 
                        <a href="#">
1827 
                           Dropdown link
1828 
                        </a>
1829 
                      </li>
1830 
                      <li>
1831 
                        <a href="#">
1832 
                           Dropdown link
1833 
                        </a>
1834 
                      </li>
1835 
                    </ul>
1836 
                  </div>
1837 
                  <div class="btn-group">
1838 
                    <button id="btnGroupVerticalDrop8" type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown">
1839 
                    Dropdown
1840 
                    </button>
1841 
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop8">
1842 
                      <li>
1843 
                        <a href="#">
1844 
                           Dropdown link
1845 
                        </a>
1846 
                      </li>
1847 
                      <li>
1848 
                        <a href="#">
1849 
                           Dropdown link
1850 
                        </a>
1851 
                      </li>
1852 
                    </ul>
1853 
                  </div>
1854 
                </div>
1855 
              </div>
1856 
              <div class="clearfix">
1857 
                <h4 class="block">Justified Link Variation</h4>
1858 
                <div class="btn-group btn-group-justified">
1859 
                  <a href="#" class="btn btn-default">
1860 
                     Left
1861 
                  </a>
1862 
                  <a href="#" class="btn btn-default">
1863 
                     Middle
1864 
                  </a>
1865 
                  <a href="#" class="btn btn-default">
1866 
                     Right
1867 
                  </a>
1868 
                </div>
1869 
                <div class="clearfix margin-bottom-10">
1870 
                </div>
1871 
                <div class="btn-group btn-group btn-group-justified">
1872 
                  <a href="#" class="btn red">
1873 
                     Left
1874 
                  </a>
1875 
                  <a href="#" class="btn blue">
1876 
                     Middle
1877 
                  </a>
1878 
                  <a href="#" class="btn green">
1879 
                     Right
1880 
                  </a>
1881 
                </div>
1882 
              </div>
1883 
            </div>
1884 
          </div>
1885 
          <!-- END BLOCK BUTTONS PORTLET-->
1886 
          <!-- BEGIN DROPDOWNS PORTLET-->
1887 
          <div class="portlet box blue tabbable hide">
1888 
            <div class="portlet-title">
1889 
              <div class="caption">
1890 
                <i class="fa fa-gift"></i>
1891 
                <span class="hidden-480">
1892 
                   Dropdowns
1893 
                </span>
1894 
              </div>
1895 
            </div>
1896 
            <div class="portlet-body form">
1897 
              <div class="tabbable portlet-tabs">
1898 
                <ul class="nav nav-tabs">
1899 
                  <li>
1900 
                    <a href="#dropdown_2" data-toggle="tab">
1901 
                       Hoverable
1902 
                    </a>
1903 
                  </li>
1904 
                  <li class="active">
1905 
                    <a href="#dropdown_1" data-toggle="tab">
1906 
                       Default
1907 
                    </a>
1908 
                  </li>
1909 
                </ul>
1910 
                <div class="tab-content">
1911 
                  <div class="tab-pane active" id="dropdown_1">
1912 
                    <h4 class="block">Dropdown buttons</h4>
1913 
                    <div class="btn-group">
1914 
                      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
1915 
                         Tools
1916 
                      </a>
1917 
                      <ul class="dropdown-menu">
1918 
                        <li>
1919 
                          <a href="#">
1920 
                             Settings
1921 
                            <span class="badge badge-success">
1922 
                               3
1923 
                            </span>
1924 
                          </a>
1925 
                        </li>
1926 
                        <li>
1927 
                          <a href="#">
1928 
                             Preferences
1929 
                          </a>
1930 
                        </li>
1931 
                        <li>
1932 
                          <a href="#">
1933 
                             Window Options
1934 
                          </a>
1935 
                        </li>
1936 
                        <li>
1937 
                          <a href="#">
1938 
                             Help
1939 
                            <span class="badge badge-important">
1940 
                               7
1941 
                            </span>
1942 
                          </a>
1943 
                        </li>
1944 
                      </ul>
1945 
                    </div>
1946 
                    <div class="btn-group">
1947 
                      <button class="btn red dropdown-toggle" data-toggle="dropdown">Primary </button>
1948 
                      <ul class="dropdown-menu">
1949 
                        <li>
1950 
                          <a href="#">
1951 
                             Action
1952 
                          </a>
1953 
                        </li>
1954 
                        <li>
1955 
                          <a href="#">
1956 
                             Another action
1957 
                            <span class="badge badge-warning">
1958 
                               2
1959 
                            </span>
1960 
                          </a>
1961 
                        </li>
1962 
                        <li>
1963 
                          <a href="#">
1964 
                             Something else here
1965 
                          </a>
1966 
                        </li>
1967 
                        <li class="divider">
1968 
                        </li>
1969 
                        <li>
1970 
                          <a href="#">
1971 
                             Separated link
1972 
                            <span class="badge badge-info">
1973 
                               7
1974 
                            </span>
1975 
                          </a>
1976 
                        </li>
1977 
                      </ul>
1978 
                    </div>
1979 
                    <div class="btn-group">
1980 
                      <button class="btn purple dropdown-toggle" data-toggle="dropdown">Success
1981 
                      </button>
1982 
                      <ul class="dropdown-menu">
1983 
                        <li>
1984 
                          <a href="#">
1985 
                             Action
1986 
                            <span class="badge badge-inverse">
1987 
                               7
1988 
                            </span>
1989 
                          </a>
1990 
                        </li>
1991 
                        <li>
1992 
                          <a href="#">
1993 
                             Another action
1994 
                          </a>
1995 
                        </li>
1996 
                        <li>
1997 
                          <a href="#">
1998 
                             Something else here
1999 
                          </a>
2000 
                        </li>
2001 
                        <li class="divider">
2002 
                        </li>
2003 
                        <li>
2004 
                          <a href="#">
2005 
                             Separated link
2006 
                            <span class="badge">
2007 
                               4
2008 
                            </span>
2009 
                          </a>
2010 
                        </li>
2011 
                      </ul>
2012 
                    </div>
2013 
                    <div class="btn-toolbar hide">
2014 
                      <div class="btn-group">
2015 
                        <button class="btn green dropdown-toggle" data-toggle="dropdown">Success
2016 
                        </button>
2017 
                        <ul class="dropdown-menu">
2018 
                          <li>
2019 
                            <a href="#">
2020 
                               Action
2021 
                            </a>
2022 
                          </li>
2023 
                          <li>
2024 
                            <a href="#">
2025 
                               Another action
2026 
                            </a>
2027 
                          </li>
2028 
                          <li>
2029 
                            <a href="#">
2030 
                               Something else here
2031 
                            </a>
2032 
                          </li>
2033 
                          <li class="divider">
2034 
                          </li>
2035 
                          <li>
2036 
                            <a href="#">
2037 
                               Separated link
2038 
                            </a>
2039 
                          </li>
2040 
                        </ul>
2041 
                      </div>
2042 
                      <!-- /btn-group -->
2043 
                      <div class="btn-group">
2044 
                        <button class="btn blue dropdown-toggle" data-toggle="dropdown">Info
2045 
                        </button>
2046 
                        <ul class="dropdown-menu">
2047 
                          <li>
2048 
                            <a href="#">
2049 
                               Action
2050 
                            </a>
2051 
                          </li>
2052 
                          <li>
2053 
                            <a href="#">
2054 
                               Another action
2055 
                            </a>
2056 
                          </li>
2057 
                          <li>
2058 
                            <a href="#">
2059 
                               Something else here
2060 
                            </a>
2061 
                          </li>
2062 
                          <li class="divider">
2063 
                          </li>
2064 
                          <li>
2065 
                            <a href="#">
2066 
                               Separated link
2067 
                            </a>
2068 
                          </li>
2069 
                        </ul>
2070 
                      </div>
2071 
                      <!-- /btn-group -->
2072 
                      <div class="btn-group">
2073 
                        <button class="btn black dropdown-toggle" data-toggle="dropdown">Inverse
2074 
                        </button>
2075 
                        <ul class="dropdown-menu opens-left">
2076 
                          <li>
2077 
                            <a href="#">
2078 
                               Action
2079 
                            </a>
2080 
                          </li>
2081 
                          <li>
2082 
                            <a href="#">
2083 
                               Another action
2084 
                            </a>
2085 
                          </li>
2086 
                          <li>
2087 
                            <a href="#">
2088 
                               Something else here
2089 
                            </a>
2090 
                          </li>
2091 
                          <li class="divider">
2092 
                          </li>
2093 
                          <li>
2094 
                            <a href="#">
2095 
                               Separated link
2096 
                            </a>
2097 
                          </li>
2098 
                        </ul>
2099 
                      </div>
2100 
                      <!-- /btn-group -->
2101 
                    </div>
2102 
                    <h4 class="block">Dropdown button with icons</h4>
2103 
                    <div class="btn-toolbar">
2104 
                      <div class="btn-group">
2105 
                        <a class="btn green" href="#" data-toggle="dropdown">
2106 
                          <i class="fa fa-user"></i> User
2107 
                        </a>
2108 
                        <ul class="dropdown-menu">
2109 
                          <li>
2110 
                            <a href="#">
2111 
                              <i class="fa fa-pencil"></i> Edit
2112 
                            </a>
2113 
                          </li>
2114 
                          <li>
2115 
                            <a href="#">
2116 
                              <i class="fa fa-trash-o"></i> Delete
2117 
                            </a>
2118 
                          </li>
2119 
                          <li>
2120 
                            <a href="#">
2121 
                              <i class="fa fa-ban"></i> Ban
2122 
                            </a>
2123 
                          </li>
2124 
                          <li class="divider">
2125 
                          </li>
2126 
                          <li>
2127 
                            <a href="#">
2128 
                              <i class="i"></i> Make admin
2129 
                            </a>
2130 
                          </li>
2131 
                        </ul>
2132 
                      </div>
2133 
                      <div class="btn-group">
2134 
                        <a class="btn purple" href="#" data-toggle="dropdown">
2135 
                          <i class="fa fa-user"></i> Settings
2136 
                        </a>
2137 
                        <ul class="dropdown-menu">
2138 
                          <li>
2139 
                            <a href="#">
2140 
                              <i class="fa fa-plus"></i> Add
2141 
                            </a>
2142 
                          </li>
2143 
                          <li>
2144 
                            <a href="#">
2145 
                              <i class="fa fa-trash-o"></i> Edit
2146 
                            </a>
2147 
                          </li>
2148 
                          <li>
2149 
                            <a href="#">
2150 
                              <i class="fa fa-times"></i> Delete
2151 
                            </a>
2152 
                          </li>
2153 
                          <li class="divider">
2154 
                          </li>
2155 
                          <li>
2156 
                            <a href="#">
2157 
                              <i class="i"></i> Full Settings
2158 
                            </a>
2159 
                          </li>
2160 
                        </ul>
2161 
                      </div>
2162 
                    </div>
2163 
                    <div class="well">
2164 
                    </div>
2165 
                    <div class="well">
2166 
                      <h4 class="block">Dropup menu options.</h4>
2167 
                      <div class="btn-group">
2168 
                        <button class="btn blue dropdown-toggle" data-toggle="dropdown">Info
2169 
                        </button>
2170 
                        <ul class="dropdown-menu bottom-up">
2171 
                          <li>
2172 
                            <a href="#">
2173 
                               Action
2174 
                            </a>
2175 
                          </li>
2176 
                          <li>
2177 
                            <a href="#">
2178 
                               Another action
2179 
                            </a>
2180 
                          </li>
2181 
                          <li>
2182 
                            <a href="#">
2183 
                               Something else here
2184 
                            </a>
2185 
                          </li>
2186 
                          <li class="divider">
2187 
                          </li>
2188 
                          <li>
2189 
                            <a href="#">
2190 
                               Separated link
2191 
                            </a>
2192 
                          </li>
2193 
                        </ul>
2194 
                      </div>
2195 
                      <div class="btn-group">
2196 
                        <button class="btn black dropdown-toggle" data-toggle="dropdown">Inverse
2197 
                        </button>
2198 
                        <ul class="dropdown-menu bottom-up">
2199 
                          <li>
2200 
                            <a href="#">
2201 
                               Action
2202 
                            </a>
2203 
                          </li>
2204 
                          <li>
2205 
                            <a href="#">
2206 
                               Another action
2207 
                            </a>
2208 
                          </li>
2209 
                          <li>
2210 
                            <a href="#">
2211 
                               Something else here
2212 
                            </a>
2213 
                          </li>
2214 
                          <li class="divider">
2215 
                          </li>
2216 
                          <li>
2217 
                            <a href="#">
2218 
                               Separated link
2219 
                            </a>
2220 
                          </li>
2221 
                        </ul>
2222 
                      </div>
2223 
                      <p>
2224 
                        <span class="label label-success">
2225 
                           NOTE:
2226 
                        </span>
2227 
                         &nbsp; By adding <code>bottom-up</code> class you make dropup menu.
2228 
                      </p>
2229 
                    </div>
2230 
                  </div>
2231 
                  <div class="tab-pane" id="dropdown_2">
2232 
                    <h4 class="block">Hoverable Dropdown Buttons</h4>
2233 
                    <div class="btn-group">
2234 
                      <a class="btn dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true" href="#">
2235 
                         Tools
2236 
                      </a>
2237 
                      <ul class="dropdown-menu">
2238 
                        <li>
2239 
                          <a href="#">
2240 
                             Settings
2241 
                            <span class="badge badge-success">
2242 
                               3
2243 
                            </span>
2244 
                          </a>
2245 
                        </li>
2246 
                        <li>
2247 
                          <a href="#">
2248 
                             Preferences
2249 
                          </a>
2250 
                        </li>
2251 
                        <li>
2252 
                          <a href="#">
2253 
                             Window Options
2254 
                          </a>
2255 
                        </li>
2256 
                        <li>
2257 
                          <a href="#">
2258 
                             Help
2259 
                            <span class="badge badge-important">
2260 
                               7
2261 
                            </span>
2262 
                          </a>
2263 
                        </li>
2264 
                      </ul>
2265 
                    </div>
2266 
                    <div class="btn-group">
2267 
                      <button class="btn red dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Primary </button>
2268 
                      <ul class="dropdown-menu">
2269 
                        <li>
2270 
                          <a href="#">
2271 
                             Action
2272 
                            <span class="badge badge-warning">
2273 
                               7
2274 
                            </span>
2275 
                          </a>
2276 
                        </li>
2277 
                        <li>
2278 
                          <a href="#">
2279 
                             Another action
2280 
                            <span class="badge badge-important">
2281 
                               2
2282 
                            </span>
2283 
                          </a>
2284 
                        </li>
2285 
                        <li>
2286 
                          <a href="#">
2287 
                             Something else here
2288 
                          </a>
2289 
                        </li>
2290 
                        <li class="divider">
2291 
                        </li>
2292 
                        <li>
2293 
                          <a href="#">
2294 
                             Separated link
2295 
                            <span class="badge badge-info">
2296 
                               4
2297 
                            </span>
2298 
                          </a>
2299 
                        </li>
2300 
                      </ul>
2301 
                    </div>
2302 
                    <div class="btn-group">
2303 
                      <button class="btn purple dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Success
2304 
                      </button>
2305 
                      <ul class="dropdown-menu">
2306 
                        <li>
2307 
                          <a href="#">
2308 
                             Action
2309 
                            <span class="badge badge-inverse">
2310 
                               7
2311 
                            </span>
2312 
                          </a>
2313 
                        </li>
2314 
                        <li>
2315 
                          <a href="#">
2316 
                             Another action
2317 
                          </a>
2318 
                        </li>
2319 
                        <li>
2320 
                          <a href="#">
2321 
                             Something else here
2322 
                          </a>
2323 
                        </li>
2324 
                        <li class="divider">
2325 
                        </li>
2326 
                        <li>
2327 
                          <a href="#">
2328 
                             Separated link
2329 
                            <span class="badge">
2330 
                               4
2331 
                            </span>
2332 
                          </a>
2333 
                        </li>
2334 
                      </ul>
2335 
                    </div>
2336 
                    <div class="btn-toolbar hide">
2337 
                      <div class="btn-group">
2338 
                        <button class="btn green dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Success
2339 
                        </button>
2340 
                        <ul class="dropdown-menu">
2341 
                          <li>
2342 
                            <a href="#">
2343 
                               Action
2344 
                            </a>
2345 
                          </li>
2346 
                          <li>
2347 
                            <a href="#">
2348 
                               Another action
2349 
                            </a>
2350 
                          </li>
2351 
                          <li>
2352 
                            <a href="#">
2353 
                               Something else here
2354 
                            </a>
2355 
                          </li>
2356 
                          <li class="divider">
2357 
                          </li>
2358 
                          <li>
2359 
                            <a href="#">
2360 
                               Separated link
2361 
                            </a>
2362 
                          </li>
2363 
                        </ul>
2364 
                      </div>
2365 
                      <!-- /btn-group -->
2366 
                      <div class="btn-group">
2367 
                        <button class="btn blue dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Info
2368 
                        </button>
2369 
                        <ul class="dropdown-menu">
2370 
                          <li>
2371 
                            <a href="#">
2372 
                               Action
2373 
                            </a>
2374 
                          </li>
2375 
                          <li>
2376 
                            <a href="#">
2377 
                               Another action
2378 
                            </a>
2379 
                          </li>
2380 
                          <li>
2381 
                            <a href="#">
2382 
                               Something else here
2383 
                            </a>
2384 
                          </li>
2385 
                          <li class="divider">
2386 
                          </li>
2387 
                          <li>
2388 
                            <a href="#">
2389 
                               Separated link
2390 
                            </a>
2391 
                          </li>
2392 
                        </ul>
2393 
                      </div>
2394 
                      <!-- /btn-group -->
2395 
                      <div class="btn-group">
2396 
                        <button class="btn black dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Inverse
2397 
                        </button>
2398 
                        <ul class="dropdown-menu opens-left">
2399 
                          <li>
2400 
                            <a href="#">
2401 
                               Action
2402 
                            </a>
2403 
                          </li>
2404 
                          <li>
2405 
                            <a href="#">
2406 
                               Another action
2407 
                            </a>
2408 
                          </li>
2409 
                          <li>
2410 
                            <a href="#">
2411 
                               Something else here
2412 
                            </a>
2413 
                          </li>
2414 
                          <li class="divider">
2415 
                          </li>
2416 
                          <li>
2417 
                            <a href="#">
2418 
                               Separated link
2419 
                            </a>
2420 
                          </li>
2421 
                        </ul>
2422 
                      </div>
2423 
                      <!-- /btn-group -->
2424 
                    </div>
2425 
                    <h4 class="block">Hoverable Dropdown Buttons with Icons</h4>
2426 
                    <div class="btn-toolbar">
2427 
                      <div class="btn-group">
2428 
                        <a class="btn green" href="#" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
2429 
                          <i class="fa fa-user"></i> User
2430 
                        </a>
2431 
                        <ul class="dropdown-menu">
2432 
                          <li>
2433 
                            <a href="#">
2434 
                              <i class="fa fa-pencil"></i> Edit
2435 
                            </a>
2436 
                          </li>
2437 
                          <li>
2438 
                            <a href="#">
2439 
                              <i class="fa fa-trash-o"></i> Delete
2440 
                            </a>
2441 
                          </li>
2442 
                          <li>
2443 
                            <a href="#">
2444 
                              <i class="fa fa-ban"></i> Ban
2445 
                            </a>
2446 
                          </li>
2447 
                          <li class="divider">
2448 
                          </li>
2449 
                          <li>
2450 
                            <a href="#">
2451 
                              <i class="i"></i> Make admin
2452 
                            </a>
2453 
                          </li>
2454 
                        </ul>
2455 
                      </div>
2456 
                      <div class="btn-group">
2457 
                        <a class="btn purple" href="#" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
2458 
                          <i class="fa fa-user"></i> Settings
2459 
                        </a>
2460 
                        <ul class="dropdown-menu">
2461 
                          <li>
2462 
                            <a href="#">
2463 
                              <i class="fa fa-plus"></i> Add
2464 
                            </a>
2465 
                          </li>
2466 
                          <li>
2467 
                            <a href="#">
2468 
                              <i class="fa fa-trash-o"></i> Edit
2469 
                            </a>
2470 
                          </li>
2471 
                          <li>
2472 
                            <a href="#">
2473 
                              <i class="fa fa-times"></i> Delete
2474 
                            </a>
2475 
                          </li>
2476 
                          <li class="divider">
2477 
                          </li>
2478 
                          <li>
2479 
                            <a href="#">
2480 
                              <i class="i"></i> Full Settings
2481 
                            </a>
2482 
                          </li>
2483 
                        </ul>
2484 
                      </div>
2485 
                    </div>
2486 
                    <div class="well">
2487 
                      <h4 class="block">Hoverable Dropdown Buttons Dropdown with Checkboxes.</h4>
2488 
                      <div class="btn-group">
2489 
                        <a class="btn green" href="#" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
2490 
                           Options #1
2491 
                        </a>
2492 
                        <div class="dropdown-menu hold-on-click dropdown-checkboxes">
2493 
                          <label><input type="checkbox">Option 1</label>
2494 
                          <label><input type="checkbox">Option 2</label>
2495 
                          <label><input type="checkbox">Option 3</label>
2496 
                          <label><input type="checkbox">Option 4</label>
2497 
                          <label><input type="checkbox">Option 5</label>
2498 
                        </div>
2499 
                      </div>
2500 
                      <div class="btn-group">
2501 
                        <a class="btn red" href="#" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
2502 
                           Options #2
2503 
                        </a>
2504 
                        <div class="dropdown-menu hold-on-click dropdown-checkboxes">
2505 
                          <label><input type="checkbox">Option 1</label>
2506 
                          <label><input type="checkbox" checked>Option 2</label>
2507 
                          <label><input type="checkbox">Option 3</label>
2508 
                          <label><input type="checkbox" checked>Option 4</label>
2509 
                          <label><input type="checkbox">Option 5</label>
2510 
                        </div>
2511 
                      </div>
2512 
                      <p>
2513 
                        <span class="label label-success">
2514 
                           NOTE:
2515 
                        </span>
2516 
                         &nbsp; By adding <code>hold-on-click</code> class you can avoid closing the dropdown on click
2517 
                      </p>
2518 
                    </div>
2519 
                    <div class="well">
2520 
                      <h4 class="block">Hoverable Dropup Buttons.</h4>
2521 
                      <div class="btn-group">
2522 
                        <button class="btn blue dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Info
2523 
                        </button>
2524 
                        <ul class="dropdown-menu bottom-up">
2525 
                          <li>
2526 
                            <a href="#">
2527 
                               Action
2528 
                            </a>
2529 
                          </li>
2530 
                          <li>
2531 
                            <a href="#">
2532 
                               Another action
2533 
                            </a>
2534 
                          </li>
2535 
                          <li>
2536 
                            <a href="#">
2537 
                               Something else here
2538 
                            </a>
2539 
                          </li>
2540 
                          <li class="divider">
2541 
                          </li>
2542 
                          <li>
2543 
                            <a href="#">
2544 
                               Separated link
2545 
                            </a>
2546 
                          </li>
2547 
                        </ul>
2548 
                      </div>
2549 
                      <!-- /btn-group -->
2550 
                      <div class="btn-group">
2551 
                        <button class="btn black dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Inverse
2552 
                        </button>
2553 
                        <ul class="dropdown-menu bottom-up">
2554 
                          <li>
2555 
                            <a href="#">
2556 
                               Action
2557 
                            </a>
2558 
                          </li>
2559 
                          <li>
2560 
                            <a href="#">
2561 
                               Another action
2562 
                            </a>
2563 
                          </li>
2564 
                          <li>
2565 
                            <a href="#">
2566 
                               Something else here
2567 
                            </a>
2568 
                          </li>
2569 
                          <li class="divider">
2570 
                          </li>
2571 
                          <li>
2572 
                            <a href="#">
2573 
                               Separated link
2574 
                            </a>
2575 
                          </li>
2576 
                        </ul>
2577 
                      </div>
2578 
                      <p>
2579 
                        <span class="label label-success">
2580 
                           NOTE:
2581 
                        </span>
2582 
                         &nbsp; By adding <code>bottom-up</code> class you make dropup menu.
2583 
                      </p>
2584 
                    </div>
2585 
                  </div>
2586 
                </div>
2587 
              </div>
2588 
            </div>
2589 
          </div>
2590 
          <!-- END DROPDOWNS PORTLET-->
2591 
          <!-- BEGIN DROPDOWNS PORTLET-->
2592 
          <div class="portlet box green">
2593 
            <div class="portlet-title">
2594 
              <div class="caption">
2595 
                <i class="fa fa-gift"></i> Button Dropdowns
2596 
              </div>
2597 
            </div>
2598 
            <div class="portlet-body util-btn-group-margin-bottom-5">
2599 
              <div class="clearfix">
2600 
                <h4 class="block">Default Bootstrap Style</h4>
2601 
                <div class="btn-group">
2602 
                  <button type="button" class="btn btn-default">Default</button>
2603 
                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"></button>
2604 
                  <ul class="dropdown-menu" role="menu">
2605 
                    <li>
2606 
                      <a href="#">
2607 
                         Action
2608 
                      </a>
2609 
                    </li>
2610 
                    <li>
2611 
                      <a href="#">
2612 
                         Another action
2613 
                      </a>
2614 
                    </li>
2615 
                    <li>
2616 
                      <a href="#">
2617 
                         Something else here
2618 
                      </a>
2619 
                    </li>
2620 
                    <li class="divider">
2621 
                    </li>
2622 
                    <li>
2623 
                      <a href="#">
2624 
                         Separated link
2625 
                      </a>
2626 
                    </li>
2627 
                  </ul>
2628 
                </div>
2629 
                <!-- /btn-group -->
2630 
                <div class="btn-group">
2631 
                  <button type="button" class="btn btn-primary">Primary</button>
2632 
                  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"></button>
2633 
                  <ul class="dropdown-menu" role="menu">
2634 
                    <li>
2635 
                      <a href="#">
2636 
                         Action
2637 
                      </a>
2638 
                    </li>
2639 
                    <li>
2640 
                      <a href="#">
2641 
                         Another action
2642 
                      </a>
2643 
                    </li>
2644 
                    <li>
2645 
                      <a href="#">
2646 
                         Something else here
2647 
                      </a>
2648 
                    </li>
2649 
                    <li class="divider">
2650 
                    </li>
2651 
                    <li>
2652 
                      <a href="#">
2653 
                         Separated link
2654 
                      </a>
2655 
                    </li>
2656 
                  </ul>
2657 
                </div>
2658 
                <!-- /btn-group -->
2659 
                <div class="btn-group">
2660 
                  <button type="button" class="btn btn-success">Success</button>
2661 
                  <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"></button>
2662 
                  <ul class="dropdown-menu" role="menu">
2663 
                    <li>
2664 
                      <a href="#">
2665 
                         Action
2666 
                      </a>
2667 
                    </li>
2668 
                    <li>
2669 
                      <a href="#">
2670 
                         Another action
2671 
                      </a>
2672 
                    </li>
2673 
                    <li>
2674 
                      <a href="#">
2675 
                         Something else here
2676 
                      </a>
2677 
                    </li>
2678 
                    <li class="divider">
2679 
                    </li>
2680 
                    <li>
2681 
                      <a href="#">
2682 
                         Separated link
2683 
                      </a>
2684 
                    </li>
2685 
                  </ul>
2686 
                </div>
2687 
                <!-- /btn-group -->
2688 
                <div class="btn-group">
2689 
                  <button type="button" class="btn btn-info">Info</button>
2690 
                  <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"></button>
2691 
                  <ul class="dropdown-menu" role="menu">
2692 
                    <li>
2693 
                      <a href="#">
2694 
                         Action
2695 
                      </a>
2696 
                    </li>
2697 
                    <li>
2698 
                      <a href="#">
2699 
                         Another action
2700 
                      </a>
2701 
                    </li>
2702 
                    <li>
2703 
                      <a href="#">
2704 
                         Something else here
2705 
                      </a>
2706 
                    </li>
2707 
                    <li class="divider">
2708 
                    </li>
2709 
                    <li>
2710 
                      <a href="#">
2711 
                         Separated link
2712 
                      </a>
2713 
                    </li>
2714 
                  </ul>
2715 
                </div>
2716 
                <!-- /btn-group -->
2717 
                <div class="btn-group">
2718 
                  <button type="button" class="btn btn-warning">Warning</button>
2719 
                  <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"></button>
2720 
                  <ul class="dropdown-menu" role="menu">
2721 
                    <li>
2722 
                      <a href="#">
2723 
                         Action
2724 
                      </a>
2725 
                    </li>
2726 
                    <li>
2727 
                      <a href="#">
2728 
                         Another action
2729 
                      </a>
2730 
                    </li>
2731 
                    <li>
2732 
                      <a href="#">
2733 
                         Something else here
2734 
                      </a>
2735 
                    </li>
2736 
                    <li class="divider">
2737 
                    </li>
2738 
                    <li>
2739 
                      <a href="#">
2740 
                         Separated link
2741 
                      </a>
2742 
                    </li>
2743 
                  </ul>
2744 
                </div>
2745 
                <!-- /btn-group -->
2746 
                <div class="btn-group">
2747 
                  <button type="button" class="btn btn-danger">Danger</button>
2748 
                  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"></button>
2749 
                  <ul class="dropdown-menu" role="menu">
2750 
                    <li>
2751 
                      <a href="#">
2752 
                         Action
2753 
                      </a>
2754 
                    </li>
2755 
                    <li>
2756 
                      <a href="#">
2757 
                         Another action
2758 
                      </a>
2759 
                    </li>
2760 
                    <li>
2761 
                      <a href="#">
2762 
                         Something else here
2763 
                      </a>
2764 
                    </li>
2765 
                    <li class="divider">
2766 
                    </li>
2767 
                    <li>
2768 
                      <a href="#">
2769 
                         Separated link
2770 
                      </a>
2771 
                    </li>
2772 
                  </ul>
2773 
                </div>
2774 
                <!-- /btn-group -->
2775 
              </div>
2776 
              <div class="clearfix">
2777 
                <h4 class="block">Metronic Style</h4>
2778 
                <div class="btn-group">
2779 
                  <button type="button" class="btn default">Default</button>
2780 
                  <button type="button" class="btn default dropdown-toggle" data-toggle="dropdown"></button>
2781 
                  <ul class="dropdown-menu" role="menu">
2782 
                    <li>
2783 
                      <a href="#">
2784 
                         Action
2785 
                      </a>
2786 
                    </li>
2787 
                    <li>
2788 
                      <a href="#">
2789 
                         Another action
2790 
                      </a>
2791 
                    </li>
2792 
                    <li>
2793 
                      <a href="#">
2794 
                         Something else here
2795 
                      </a>
2796 
                    </li>
2797 
                    <li class="divider">
2798 
                    </li>
2799 
                    <li>
2800 
                      <a href="#">
2801 
                         Separated link
2802 
                      </a>
2803 
                    </li>
2804 
                  </ul>
2805 
                </div>
2806 
                <!-- /btn-group -->
2807 
                <div class="btn-group">
2808 
                  <button type="button" class="btn blue">Blue</button>
2809 
                  <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown"></button>
2810 
                  <ul class="dropdown-menu" role="menu">
2811 
                    <li>
2812 
                      <a href="#">
2813 
                         Action
2814 
                      </a>
2815 
                    </li>
2816 
                    <li>
2817 
                      <a href="#">
2818 
                         Another action
2819 
                      </a>
2820 
                    </li>
2821 
                    <li>
2822 
                      <a href="#">
2823 
                         Something else here
2824 
                      </a>
2825 
                    </li>
2826 
                    <li class="divider">
2827 
                    </li>
2828 
                    <li>
2829 
                      <a href="#">
2830 
                         Separated link
2831 
                      </a>
2832 
                    </li>
2833 
                  </ul>
2834 
                </div>
2835 
                <!-- /btn-group -->
2836 
                <div class="btn-group">
2837 
                  <button type="button" class="btn green">Green</button>
2838 
                  <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown"></button>
2839 
                  <ul class="dropdown-menu" role="menu">
2840 
                    <li>
2841 
                      <a href="#">
2842 
                         Action
2843 
                      </a>
2844 
                    </li>
2845 
                    <li>
2846 
                      <a href="#">
2847 
                         Another action
2848 
                      </a>
2849 
                    </li>
2850 
                    <li>
2851 
                      <a href="#">
2852 
                         Something else here
2853 
                      </a>
2854 
                    </li>
2855 
                    <li class="divider">
2856 
                    </li>
2857 
                    <li>
2858 
                      <a href="#">
2859 
                         Separated link
2860 
                      </a>
2861 
                    </li>
2862 
                  </ul>
2863 
                </div>
2864 
                <!-- /btn-group -->
2865 
                <div class="btn-group">
2866 
                  <button type="button" class="btn red">Red</button>
2867 
                  <button type="button" class="btn red dropdown-toggle" data-toggle="dropdown"></button>
2868 
                  <ul class="dropdown-menu" role="menu">
2869 
                    <li>
2870 
                      <a href="#">
2871 
                         Action
2872 
                      </a>
2873 
                    </li>
2874 
                    <li>
2875 
                      <a href="#">
2876 
                         Another action
2877 
                      </a>
2878 
                    </li>
2879 
                    <li>
2880 
                      <a href="#">
2881 
                         Something else here
2882 
                      </a>
2883 
                    </li>
2884 
                    <li class="divider">
2885 
                    </li>
2886 
                    <li>
2887 
                      <a href="#">
2888 
                         Separated link
2889 
                      </a>
2890 
                    </li>
2891 
                  </ul>
2892 
                </div>
2893 
                <!-- /btn-group -->
2894 
                <div class="btn-group">
2895 
                  <button type="button" class="btn yellow">Yellow</button>
2896 
                  <button type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown"></button>
2897 
                  <ul class="dropdown-menu" role="menu">
2898 
                    <li>
2899 
                      <a href="#">
2900 
                         Action
2901 
                      </a>
2902 
                    </li>
2903 
                    <li>
2904 
                      <a href="#">
2905 
                         Another action
2906 
                      </a>
2907 
                    </li>
2908 
                    <li>
2909 
                      <a href="#">
2910 
                         Something else here
2911 
                      </a>
2912 
                    </li>
2913 
                    <li class="divider">
2914 
                    </li>
2915 
                    <li>
2916 
                      <a href="#">
2917 
                         Separated link
2918 
                      </a>
2919 
                    </li>
2920 
                  </ul>
2921 
                </div>
2922 
                <!-- /btn-group -->
2923 
                <div class="btn-group">
2924 
                  <button type="button" class="btn dark">Dark</button>
2925 
                  <button type="button" class="btn dark dropdown-toggle" data-toggle="dropdown"></button>
2926 
                  <ul class="dropdown-menu" role="menu">
2927 
                    <li>
2928 
                      <a href="#">
2929 
                         Action
2930 
                      </a>
2931 
                    </li>
2932 
                    <li>
2933 
                      <a href="#">
2934 
                         Another action
2935 
                      </a>
2936 
                    </li>
2937 
                    <li>
2938 
                      <a href="#">
2939 
                         Something else here
2940 
                      </a>
2941 
                    </li>
2942 
                    <li class="divider">
2943 
                    </li>
2944 
                    <li>
2945 
                      <a href="#">
2946 
                         Separated link
2947 
                      </a>
2948 
                    </li>
2949 
                  </ul>
2950 
                </div>
2951 
                <!-- /btn-group -->
2952 
                <div class="btn-group">
2953 
                  <button type="button" class="btn purple">Purple</button>
2954 
                  <button type="button" class="btn purple dropdown-toggle" data-toggle="dropdown"></button>
2955 
                  <ul class="dropdown-menu" role="menu">
2956 
                    <li>
2957 
                      <a href="#">
2958 
                         Action
2959 
                      </a>
2960 
                    </li>
2961 
                    <li>
2962 
                      <a href="#">
2963 
                         Another action
2964 
                      </a>
2965 
                    </li>
2966 
                    <li>
2967 
                      <a href="#">
2968 
                         Something else here
2969 
                      </a>
2970 
                    </li>
2971 
                    <li class="divider">
2972 
                    </li>
2973 
                    <li>
2974 
                      <a href="#">
2975 
                         Separated link
2976 
                      </a>
2977 
                    </li>
2978 
                  </ul>
2979 
                </div>
2980 
                <!-- /btn-group -->
2981 
              </div>
2982 
              <div class="clearfix">
2983 
                <h4 class="block">Dropdowns with Multilevel Submenu</h4>
2984 
                <!-- Large button group -->
2985 
                <div class="btn-group">
2986 
                  <button class="btn blue dropdown-toggle" type="button" data-toggle="dropdown">
2987 
                  Dropdown
2988 
                  </button>
2989 
                  <ul class="dropdown-menu" role="menu">
2990 
                    <li>
2991 
                      <a href="#">
2992 
                         Action
2993 
                      </a>
2994 
                    </li>
2995 
                    <li>
2996 
                      <a href="#">
2997 
                         Another action
2998 
                      </a>
2999 
                    </li>
3000 
                    <li>
3001 
                      <a href="#">
3002 
                         Something else here
3003 
                      </a>
3004 
                    </li>
3005 
                    <li class="divider">
3006 
                    </li>
3007 
                    <li class="dropdown-submenu">
3008 
                      <a href="javascript:;">
3009 
                         More options
3010 
                      </a>
3011 
                      <ul class="dropdown-menu" style="">
3012 
                        <li>
3013 
                          <a href="#">
3014 
                             Second level link
3015 
                          </a>
3016 
                        </li>
3017 
                        <li class="dropdown-submenu">
3018 
                          <a href="javascript:;">
3019 
                             More options
3020 
                          </a>
3021 
                          <ul class="dropdown-menu">
3022 
                            <li>
3023 
                              <a href="index.html">
3024 
                                 Third level link
3025 
                              </a>
3026 
                            </li>
3027 
                            <li>
3028 
                              <a href="index.html">
3029 
                                 Third level link
3030 
                              </a>
3031 
                            </li>
3032 
                            <li>
3033 
                              <a href="index.html">
3034 
                                 Third level link
3035 
                              </a>
3036 
                            </li>
3037 
                            <li>
3038 
                              <a href="index.html">
3039 
                                 Third level link
3040 
                              </a>
3041 
                            </li>
3042 
                            <li>
3043 
                              <a href="index.html">
3044 
                                 Third level link
3045 
                              </a>
3046 
                            </li>
3047 
                          </ul>
3048 
                        </li>
3049 
                        <li>
3050 
                          <a href="index.html">
3051 
                             Second level link
3052 
                          </a>
3053 
                        </li>
3054 
                        <li>
3055 
                          <a href="index.html">
3056 
                             Second level link
3057 
                          </a>
3058 
                        </li>
3059 
                        <li>
3060 
                          <a href="index.html">
3061 
                             Second level link
3062 
                          </a>
3063 
                        </li>
3064 
                      </ul>
3065 
                    </li>
3066 
                  </ul>
3067 
                </div>
3068 
                <div class="btn-group dropup">
3069 
                  <button class="btn green dropdown-toggle" type="button" data-toggle="dropdown">
3070 
                  Dropup <i class="fa fa-angle-up"></i>
3071 
                  </button>
3072 
                  <ul class="dropdown-menu pull-right" role="menu">
3073 
                    <li>
3074 
                      <a href="#">
3075 
                         Action
3076 
                      </a>
3077 
                    </li>
3078 
                    <li>
3079 
                      <a href="#">
3080 
                         Another action
3081 
                      </a>
3082 
                    </li>
3083 
                    <li>
3084 
                      <a href="#">
3085 
                         Something else here
3086 
                      </a>
3087 
                    </li>
3088 
                    <li class="divider">
3089 
                    </li>
3090 
                    <li class="dropdown-submenu">
3091 
                      <a href="javascript:;">
3092 
                         More options
3093 
                      </a>
3094 
                      <ul class="dropdown-menu" style="">
3095 
                        <li>
3096 
                          <a href="#">
3097 
                             Second level link
3098 
                          </a>
3099 
                        </li>
3100 
                        <li class="dropdown-submenu">
3101 
                          <a href="javascript:;">
3102 
                             More options
3103 
                          </a>
3104 
                          <ul class="dropdown-menu pull-right">
3105 
                            <li>
3106 
                              <a href="index.html">
3107 
                                 Third level link
3108 
                              </a>
3109 
                            </li>
3110 
                            <li>
3111 
                              <a href="index.html">
3112 
                                 Third level link
3113 
                              </a>
3114 
                            </li>
3115 
                            <li>
3116 
                              <a href="index.html">
3117 
                                 Third level link
3118 
                              </a>
3119 
                            </li>
3120 
                            <li>
3121 
                              <a href="index.html">
3122 
                                 Third level link
3123 
                              </a>
3124 
                            </li>
3125 
                            <li>
3126 
                              <a href="index.html">
3127 
                                 Third level link
3128 
                              </a>
3129 
                            </li>
3130 
                          </ul>
3131 
                        </li>
3132 
                        <li>
3133 
                          <a href="index.html">
3134 
                             Second level link
3135 
                          </a>
3136 
                        </li>
3137 
                        <li>
3138 
                          <a href="index.html">
3139 
                             Second level link
3140 
                          </a>
3141 
                        </li>
3142 
                        <li>
3143 
                          <a href="index.html">
3144 
                             Second level link
3145 
                          </a>
3146 
                        </li>
3147 
                      </ul>
3148 
                    </li>
3149 
                  </ul>
3150 
                </div>
3151 
              </div>
3152 
              <div class="clearfix">
3153 
                <h4 class="block">Sizing</h4>
3154 
                <!-- Large button group -->
3155 
                <div class="btn-group">
3156 
                  <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
3157 
                  Large button
3158 
                  </button>
3159 
                  <ul class="dropdown-menu" role="menu">
3160 
                    <li>
3161 
                      <a href="#">
3162 
                         Action
3163 
                      </a>
3164 
                    </li>
3165 
                    <li>
3166 
                      <a href="#">
3167 
                         Another action
3168 
                      </a>
3169 
                    </li>
3170 
                    <li>
3171 
                      <a href="#">
3172 
                         Something else here
3173 
                      </a>
3174 
                    </li>
3175 
                    <li class="divider">
3176 
                    </li>
3177 
                    <li>
3178 
                      <a href="#">
3179 
                         Separated link
3180 
                      </a>
3181 
                    </li>
3182 
                  </ul>
3183 
                </div>
3184 
                <!-- Small button group -->
3185 
                <div class="btn-group">
3186 
                  <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
3187 
                  Small button
3188 
                  </button>
3189 
                  <ul class="dropdown-menu" role="menu">
3190 
                    <li>
3191 
                      <a href="#">
3192 
                         Action
3193 
                      </a>
3194 
                    </li>
3195 
                    <li>
3196 
                      <a href="#">
3197 
                         Another action
3198 
                      </a>
3199 
                    </li>
3200 
                    <li>
3201 
                      <a href="#">
3202 
                         Something else here
3203 
                      </a>
3204 
                    </li>
3205 
                    <li class="divider">
3206 
                    </li>
3207 
                    <li>
3208 
                      <a href="#">
3209 
                         Separated link
3210 
                      </a>
3211 
                    </li>
3212 
                  </ul>
3213 
                </div>
3214 
                <!-- Extra small button group -->
3215 
                <div class="btn-group">
3216 
                  <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
3217 
                  Extra small button
3218 
                  </button>
3219 
                  <ul class="dropdown-menu" role="menu">
3220 
                    <li>
3221 
                      <a href="#">
3222 
                         Action
3223 
                      </a>
3224 
                    </li>
3225 
                    <li>
3226 
                      <a href="#">
3227 
                         Another action
3228 
                      </a>
3229 
                    </li>
3230 
                    <li>
3231 
                      <a href="#">
3232 
                         Something else here
3233 
                      </a>
3234 
                    </li>
3235 
                    <li class="divider">
3236 
                    </li>
3237 
                    <li>
3238 
                      <a href="#">
3239 
                         Separated link
3240 
                      </a>
3241 
                    </li>
3242 
                  </ul>
3243 
                </div>
3244 
                <div class="clearfix margin-bottom-10">
3245 
                </div>
3246 
                <!-- Large button group -->
3247 
                <div class="btn-group">
3248 
                  <button class="btn red btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
3249 
                  Large button
3250 
                  </button>
3251 
                  <ul class="dropdown-menu" role="menu">
3252 
                    <li>
3253 
                      <a href="#">
3254 
                         Action
3255 
                      </a>
3256 
                    </li>
3257 
                    <li>
3258 
                      <a href="#">
3259 
                         Another action
3260 
                      </a>
3261 
                    </li>
3262 
                    <li>
3263 
                      <a href="#">
3264 
                         Something else here
3265 
                      </a>
3266 
                    </li>
3267 
                    <li class="divider">
3268 
                    </li>
3269 
                    <li>
3270 
                      <a href="#">
3271 
                         Separated link
3272 
                      </a>
3273 
                    </li>
3274 
                  </ul>
3275 
                </div>
3276 
                <!-- Small button group -->
3277 
                <div class="btn-group">
3278 
                  <button class="btn blue btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
3279 
                  Small button
3280 
                  </button>
3281 
                  <ul class="dropdown-menu" role="menu">
3282 
                    <li>
3283 
                      <a href="#">
3284 
                         Action
3285 
                      </a>
3286 
                    </li>
3287 
                    <li>
3288 
                      <a href="#">
3289 
                         Another action
3290 
                      </a>
3291 
                    </li>
3292 
                    <li>
3293 
                      <a href="#">
3294 
                         Something else here
3295 
                      </a>
3296 
                    </li>
3297 
                    <li class="divider">
3298 
                    </li>
3299 
                    <li>
3300 
                      <a href="#">
3301 
                         Separated link
3302 
                      </a>
3303 
                    </li>
3304 
                  </ul>
3305 
                </div>
3306 
                <!-- Extra small button group -->
3307 
                <div class="btn-group">
3308 
                  <button class="btn green btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
3309 
                  Extra small button
3310 
                  </button>
3311 
                  <ul class="dropdown-menu" role="menu">
3312 
                    <li>
3313 
                      <a href="#">
3314 
                         Action
3315 
                      </a>
3316 
                    </li>
3317 
                    <li>
3318 
                      <a href="#">
3319 
                         Another action
3320 
                      </a>
3321 
                    </li>
3322 
                    <li>
3323 
                      <a href="#">
3324 
                         Something else here
3325 
                      </a>
3326 
                    </li>
3327 
                    <li class="divider">
3328 
                    </li>
3329 
                    <li>
3330 
                      <a href="#">
3331 
                         Separated link
3332 
                      </a>
3333 
                    </li>
3334 
                  </ul>
3335 
                </div>
3336 
              </div>
3337 
              <div class="clearfix">
3338 
                <h4 class="block">Dropup</h4>
3339 
                <div class="btn-toolbar margin-bottom-10">
3340 
                  <div class="btn-group dropup">
3341 
                    <button type="button" class="btn btn-default">Dropup</button>
3342 
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
3343 
                    <ul class="dropdown-menu" role="menu">
3344 
                      <li>
3345 
                        <a href="#">
3346 
                           Action
3347 
                        </a>
3348 
                      </li>
3349 
                      <li>
3350 
                        <a href="#">
3351 
                           Another action
3352 
                        </a>
3353 
                      </li>
3354 
                      <li>
3355 
                        <a href="#">
3356 
                           Something else here
3357 
                        </a>
3358 
                      </li>
3359 
                      <li class="divider">
3360 
                      </li>
3361 
                      <li>
3362 
                        <a href="#">
3363 
                           Separated link
3364 
                        </a>
3365 
                      </li>
3366 
                    </ul>
3367 
                  </div>
3368 
                  <!-- /btn-group -->
3369 
                  <div class="btn-group dropup">
3370 
                    <button type="button" class="btn btn-primary">Right dropup</button>
3371 
                    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
3372 
                    <ul class="dropdown-menu pull-right" role="menu">
3373 
                      <li>
3374 
                        <a href="#">
3375 
                           Action
3376 
                        </a>
3377 
                      </li>
3378 
                      <li>
3379 
                        <a href="#">
3380 
                           Another action
3381 
                        </a>
3382 
                      </li>
3383 
                      <li>
3384 
                        <a href="#">
3385 
                           Something else here
3386 
                        </a>
3387 
                      </li>
3388 
                      <li class="divider">
3389 
                      </li>
3390 
                      <li>
3391 
                        <a href="#">
3392 
                           Separated link
3393 
                        </a>
3394 
                      </li>
3395 
                    </ul>
3396 
                  </div>
3397 
                  <!-- /btn-group -->
3398 
                </div>
3399 
                <div class="btn-toolbar">
3400 
                  <div class="btn-group dropup">
3401 
                    <button type="button" class="btn blue">Dropup</button>
3402 
                    <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
3403 
                    <ul class="dropdown-menu" role="menu">
3404 
                      <li>
3405 
                        <a href="#">
3406 
                           Action
3407 
                        </a>
3408 
                      </li>
3409 
                      <li>
3410 
                        <a href="#">
3411 
                           Another action
3412 
                        </a>
3413 
                      </li>
3414 
                      <li>
3415 
                        <a href="#">
3416 
                           Something else here
3417 
                        </a>
3418 
                      </li>
3419 
                      <li class="divider">
3420 
                      </li>
3421 
                      <li>
3422 
                        <a href="#">
3423 
                           Separated link
3424 
                        </a>
3425 
                      </li>
3426 
                    </ul>
3427 
                  </div>
3428 
                  <!-- /btn-group -->
3429 
                  <div class="btn-group dropup">
3430 
                    <button type="button" class="btn green">Right dropup</button>
3431 
                    <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
3432 
                    <ul class="dropdown-menu pull-right" role="menu">
3433 
                      <li>
3434 
                        <a href="#">
3435 
                           Action
3436 
                        </a>
3437 
                      </li>
3438 
                      <li>
3439 
                        <a href="#">
3440 
                           Another action
3441 
                        </a>
3442 
                      </li>
3443 
                      <li>
3444 
                        <a href="#">
3445 
                           Something else here
3446 
                        </a>
3447 
                      </li>
3448 
                      <li class="divider">
3449 
                      </li>
3450 
                      <li>
3451 
                        <a href="#">
3452 
                           Separated link
3453 
                        </a>
3454 
                      </li>
3455 
                    </ul>
3456 
                  </div>
3457 
                  <!-- /btn-group -->
3458 
                </div>
3459 
              </div>
3460 
              <div class="clearfix">
3461 
                <h4 class="block">Hoveralbe Dropdowns</h4>
3462 
                <div class="btn-toolbar margin-bottom-10">
3463 
                  <div class="btn-group">
3464 
                    <button type="button" class="btn btn-default">Dropdown</button>
3465 
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"></button>
3466 
                    <ul class="dropdown-menu" role="menu">
3467 
                      <li>
3468 
                        <a href="#">
3469 
                           Action
3470 
                        </a>
3471 
                      </li>
3472 
                      <li>
3473 
                        <a href="#">
3474 
                           Another action
3475 
                        </a>
3476 
                      </li>
3477 
                      <li>
3478 
                        <a href="#">
3479 
                           Something else here
3480 
                        </a>
3481 
                      </li>
3482 
                      <li class="divider">
3483 
                      </li>
3484 
                      <li>
3485 
                        <a href="#">
3486 
                           Separated link
3487 
                        </a>
3488 
                      </li>
3489 
                    </ul>
3490 
                  </div>
3491 
                  <!-- /btn-group -->
3492 
                  <div class="btn-group dropup">
3493 
                    <button type="button" class="btn btn-primary">Dropup</button>
3494 
                    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"><i class="fa fa-angle-up"></i></button>
3495 
                    <ul class="dropdown-menu" role="menu">
3496 
                      <li>
3497 
                        <a href="#">
3498 
                           Action
3499 
                        </a>
3500 
                      </li>
3501 
                      <li>
3502 
                        <a href="#">
3503 
                           Another action
3504 
                        </a>
3505 
                      </li>
3506 
                      <li>
3507 
                        <a href="#">
3508 
                           Something else here
3509 
                        </a>
3510 
                      </li>
3511 
                      <li class="divider">
3512 
                      </li>
3513 
                      <li>
3514 
                        <a href="#">
3515 
                           Separated link
3516 
                        </a>
3517 
                      </li>
3518 
                    </ul>
3519 
                  </div>
3520 
                  <!-- /btn-group -->
3521 
                  <div class="btn-group">
3522 
                    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
3523 
                    Dropup
3524 
                    </button>
3525 
                    <ul class="dropdown-menu" role="menu">
3526 
                      <li>
3527 
                        <a href="#">
3528 
                           Action
3529 
                        </a>
3530 
                      </li>
3531 
                      <li>
3532 
                        <a href="#">
3533 
                           Another action
3534 
                        </a>
3535 
                      </li>
3536 
                      <li>
3537 
                        <a href="#">
3538 
                           Something else here
3539 
                        </a>
3540 
                      </li>
3541 
                      <li class="divider">
3542 
                      </li>
3543 
                      <li>
3544 
                        <a href="#">
3545 
                           Separated link
3546 
                        </a>
3547 
                      </li>
3548 
                    </ul>
3549 
                  </div>
3550 
                  <!-- /btn-group -->
3551 
                </div>
3552 
                <div class="btn-toolbar">
3553 
                  <div class="btn-group">
3554 
                    <button type="button" class="btn blue">Dropdown</button>
3555 
                    <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"></button>
3556 
                    <ul class="dropdown-menu" role="menu">
3557 
                      <li>
3558 
                        <a href="#">
3559 
                           Action
3560 
                        </a>
3561 
                      </li>
3562 
                      <li>
3563 
                        <a href="#">
3564 
                           Another action
3565 
                        </a>
3566 
                      </li>
3567 
                      <li>
3568 
                        <a href="#">
3569 
                           Something else here
3570 
                        </a>
3571 
                      </li>
3572 
                      <li class="divider">
3573 
                      </li>
3574 
                      <li>
3575 
                        <a href="#">
3576 
                           Separated link
3577 
                        </a>
3578 
                      </li>
3579 
                    </ul>
3580 
                  </div>
3581 
                  <!-- /btn-group -->
3582 
                  <div class="btn-group dropup">
3583 
                    <button type="button" class="btn green">Dropup</button>
3584 
                    <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
3585 
                    <i class="fa fa-angle-up"></i></button>
3586 
                    <ul class="dropdown-menu" role="menu">
3587 
                      <li>
3588 
                        <a href="#">
3589 
                           Action
3590 
                        </a>
3591 
                      </li>
3592 
                      <li>
3593 
                        <a href="#">
3594 
                           Another action
3595 
                        </a>
3596 
                      </li>
3597 
                      <li>
3598 
                        <a href="#">
3599 
                           Something else here
3600 
                        </a>
3601 
                      </li>
3602 
                      <li class="divider">
3603 
                      </li>
3604 
                      <li>
3605 
                        <a href="#">
3606 
                           Separated link
3607 
                        </a>
3608 
                      </li>
3609 
                    </ul>
3610 
                  </div>
3611 
                  <!-- /btn-group -->
3612 
                  <div class="btn-group">
3613 
                    <button type="button" class="btn yellow dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
3614 
                    Dropdown
3615 
                    </button>
3616 
                    <ul class="dropdown-menu" role="menu">
3617 
                      <li>
3618 
                        <a href="#">
3619 
                           Action
3620 
                        </a>
3621 
                      </li>
3622 
                      <li>
3623 
                        <a href="#">
3624 
                           Another action
3625 
                        </a>
3626 
                      </li>
3627 
                      <li>
3628 
                        <a href="#">
3629 
                           Something else here
3630 
                        </a>
3631 
                      </li>
3632 
                      <li class="divider">
3633 
                      </li>
3634 
                      <li>
3635 
                        <a href="#">
3636 
                           Separated link
3637 
                        </a>
3638 
                      </li>
3639 
                    </ul>
3640 
                  </div>
3641 
                  <!-- /btn-group -->
3642 
                </div>
3643 
              </div>
3644 
              <div class="clearfix">
3645 
                <h4 class="block">Dropdown with Checkboxes & Search Form</h4>
3646 
                <div class="btn-group">
3647 
                  <button class="btn green dropdown-toggle" type="button" data-toggle="dropdown">
3648 
                  Search Dropdown
3649 
                  </button>
3650 
                  <div class="dropdown-menu dropdown-content input-large hold-on-click" role="menu">
3651 
                    <form action="#">
3652 
                      <div class="input-group">
3653 
                        <input type="text" class="form-control" placeholder="search...">
3654 
                        <span class="input-group-btn">
3655 
                          <button class="btn blue" type="submit">Go!</button>
3656 
                        </span>
3657 
                      </div>
3658 
                    </form>
3659 
                  </div>
3660 
                </div>
3661 
                <div class="btn-group">
3662 
                  <button type="button" class="btn blue">Dropdown</button>
3663 
                  <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown"></button>
3664 
                  <div class="dropdown-menu hold-on-click dropdown-checkboxes" role="menu">
3665 
                    <label><input type="checkbox">Option 1</label>
3666 
                    <label><input type="checkbox" checked>Option 2</label>
3667 
                    <label><input type="checkbox">Option 3</label>
3668 
                    <label><input type="checkbox" checked>Option 4</label>
3669 
                    <label><input type="checkbox">Option 5</label>
3670 
                  </div>
3671 
                </div>
3672 
                <!-- /btn-group -->
3673 
                <div class="btn-group dropup">
3674 
                  <button type="button" class="btn green">Dropup</button>
3675 
                  <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
3676 
                  <div class="dropdown-menu hold-on-click dropdown-checkboxes" role="menu">
3677 
                    <label><input type="checkbox">Option 1</label>
3678 
                    <label><input type="checkbox" checked>Option 2</label>
3679 
                    <label><input type="checkbox">Option 3</label>
3680 
                    <label><input type="checkbox" checked>Option 4</label>
3681 
                    <label><input type="checkbox">Option 5</label>
3682 
                  </div>
3683 
                </div>
3684 
                <!-- /btn-group -->
3685 
                <div class="clearfix margin-top-10">
3686 
                  <span class="label label-success">
3687 
                     NOTE:
3688 
                  </span>
3689 
                   &nbsp; By adding <code>hold-on-click</code> class you can avoid closing the dropdown on click
3690 
                </div>
3691 
              </div>
3692 
              <div class="clearfix">
3693 
                <h4 class="block">Dropdown with Radio Buttons</h4>
3694 
                <div class="btn-group">
3695 
                  <button type="button" class="btn blue">Dropdown</button>
3696 
                  <button type="button" class="btn blue dropdown-toggle" data-toggle="dropdown"></button>
3697 
                  <div class="dropdown-menu hold-on-click dropdown-radiobuttons" role="menu">
3698 
                    <label><input type="radio" name="radio_button_1">Option 1</label>
3699 
                    <label><input type="radio" name="radio_button_1">Option 2</label>
3700 
                    <label><input type="radio" name="radio_button_1">Option 3</label>
3701 
                    <label><input type="radio" name="radio_button_1">Option 4</label>
3702 
                    <label><input type="radio" name="radio_button_1">Option 5</label>
3703 
                  </div>
3704 
                </div>
3705 
                <!-- /btn-group -->
3706 
                <div class="btn-group dropup">
3707 
                  <button type="button" class="btn green">Dropup</button>
3708 
                  <button type="button" class="btn green dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
3709 
                  <div class="dropdown-menu hold-on-click dropdown-radiobuttons" role="menu">
3710 
                    <label><input type="radio" name="radio_button_2">Option 1</label>
3711 
                    <label><input type="radio" name="radio_button_2">Option 2</label>
3712 
                    <label><input type="radio" name="radio_button_2">Option 3</label>
3713 
                    <label><input type="radio" name="radio_button_2">Option 4</label>
3714 
                    <label><input type="radio" name="radio_button_2">Option 5</label>
3715 
                  </div>
3716 
                </div>
3717 
                <!-- /btn-group -->
3718 
                <div class="clearfix margin-top-10">
3719 
                  <span class="label label-success">
3720 
                     NOTE:
3721 
                  </span>
3722 
                   &nbsp; By adding <code>hold-on-click</code> class you can avoid closing the dropdown on click
3723 
                </div>
3724 
              </div>
3725 
            </div>
3726 
            <!-- END DROPDOWNS PORTLET-->
3727 
          </div>
3728 
          <div class="portlet box green util-btn-group-margin-bottom-5">
3729 
            <div class="portlet-title">
3730 
              <div class="caption">
3731 
                <i class="fa fa-gift"></i>
3732 
                <span class="hidden-480">
3733 
                   Button States
3734 
                </span>
3735 
              </div>
3736 
            </div>
3737 
            <div class="portlet-body util-btn-margin-bottom-5">
3738 
              <h4>Loading State</h4>
3739 
              <div class="clearfix">
3740 
                <button type="button" data-loading-text="Loading..." class="demo-loading-btn btn btn-primary">
3741 
                Loading state </button>
3742 
                <button type="button" data-loading-text="Loading..." class="demo-loading-btn btn btn-default">
3743 
                Loading state </button>
3744 
                <button type="button" data-loading-text="Loading..." class="demo-loading-btn btn red">
3745 
                Loading state </button>
3746 
                <button type="button" data-loading-text="Loading..." class="demo-loading-btn btn blue">
3747 
                Loading state </button>
3748 
              </div>
3749 
              <h4>Single Toggle</h4>
3750 
              <div class="clearfix">
3751 
                <button type="button" class="btn btn-primary" data-toggle="button">
3752 
                Single toggle </button>
3753 
                <button type="button" class="btn btn-default" data-toggle="button">
3754 
                Single toggle </button>
3755 
                <button type="button" class="btn red" data-toggle="button">
3756 
                Single toggle </button>
3757 
                <button type="button" class="btn blue" data-toggle="button">
3758 
                Single toggle </button>
3759 
              </div>
3760 
              <h4>Checkbox</h4>
3761 
              <div class="clearfix">
3762 
                <div class="btn-group" data-toggle="buttons">
3763 
                  <label class="btn default active">
3764 
                  <input type="checkbox" class="toggle"> Option 1 </label>
3765 
                  <label class="btn default">
3766 
                  <input type="checkbox" class="toggle"> Option 2 </label>
3767 
                  <label class="btn default">
3768 
                  <input type="checkbox" class="toggle"> Option 3 </label>
3769 
                </div>
3770 
              </div>
3771 
              <div class="clearfix">
3772 
                <div class="btn-group" data-toggle="buttons">
3773 
                  <label class="btn btn-default">
3774 
                  <input type="checkbox" class="toggle"> Option 1 </label>
3775 
                  <label class="btn btn-default active">
3776 
                  <input type="checkbox" class="toggle"> Option 2 </label>
3777 
                  <label class="btn btn-default">
3778 
                  <input type="checkbox" class="toggle"> Option 3 </label>
3779 
                </div>
3780 
              </div>
3781 
              <h4>Radio</h4>
3782 
              <div class="clearfix">
3783 
                <div class="btn-group" data-toggle="buttons">
3784 
                  <label class="btn blue active">
3785 
                  <input type="radio" class="toggle"> Option 1 </label>
3786 
                  <label class="btn blue">
3787 
                  <input type="radio" class="toggle"> Option 2 </label>
3788 
                  <label class="btn blue">
3789 
                  <input type="radio" class="toggle"> Option 3 </label>
3790 
                </div>
3791 
              </div>
3792 
              <div class="clearfix">
3793 
                <div class="btn-group" data-toggle="buttons">
3794 
                  <label class="btn btn-default active">
3795 
                  <input type="radio" class="toggle"> Option 1 </label>
3796 
                  <label class="btn btn-default">
3797 
                  <input type="radio" class="toggle"> Option 2 </label>
3798 
                  <label class="btn btn-default">
3799 
                  <input type="radio" class="toggle"> Option 3 </label>
3800 
                </div>
3801 
              </div>
3802 
            </div>
3803 
          </div>
3804 
        </div>
3805 
      </div>
3806 
      <div class="row">
3807 
        <div class="col-md-12">
3808 
          <div>
3809 
            <ul class="nav nav-tabs">
3810 
              <li class="active">
3811 
                <a href="#tab_1_1" data-toggle="tab">
3812 
                   Font Awesome Icons
3813 
                </a>
3814 
              </li>
3815 
              <li>
3816 
                <a href="#tab_1_2" data-toggle="tab">
3817 
                   Glyphicons
3818 
                </a>
3819 
              </li>
3820 
            </ul>
3821 
            <div class="tab-content">
3822 
              <div class="tab-pane active fontawesome-demo" id="tab_1_1">
3823 
                <div class="note note-success">
3824 
                  <p>
3825 
                     Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. The complete set of 439 icons in Font Awesome 4.1.0
3826 
                  </p>
3827 
                </div>
3828 
                <h3>71 New Icons in 4.1</h3>
3829 
                <div class="row margin-bottom-20">
3830 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-automobile"></i> fa-automobile <span class="text-muted">(alias)</span></div>
3831 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bank"></i> fa-bank <span class="text-muted">(alias)</span></div>
3832 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-behance"></i> fa-behance</a></div>
3833 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-behance-square"></i> fa-behance-square</a></div>
3834 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-bomb"></i> fa-bomb</a></div>
3835 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-building"></i> fa-building</a></div>
3836 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cab"></i> fa-cab <span class="text-muted">(alias)</span></div>
3837 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-car"></i> fa-car</a></div>
3838 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-child"></i> fa-child</a></div>
3839 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle-o-notch"></i> fa-circle-o-notch</a></div>
3840 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-circle-thin"></i> fa-circle-thin</a></div>
3841 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-codepen"></i> fa-codepen</a></div>
3842 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cube"></i> fa-cube</a></div>
3843 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-cubes"></i> fa-cubes</a></div>
3844 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-database"></i> fa-database</a></div>
3845 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-delicious"></i> fa-delicious</a></div>
3846 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-deviantart"></i> fa-deviantart</a></div>
3847 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-digg"></i> fa-digg</a></div>
3848 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-drupal"></i> fa-drupal</a></div>
3849 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-empire"></i> fa-empire</a></div>
3850 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-envelope-square"></i> fa-envelope-square</a></div>
3851 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-fax"></i> fa-fax</a></div>
3852 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-archive-o"></i> fa-file-archive-o</a></div>
3853 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-audio-o"></i> fa-file-audio-o</a></div>
3854 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-code-o"></i> fa-file-code-o</a></div>
3855 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-excel-o"></i> fa-file-excel-o</a></div>
3856 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-image-o"></i> fa-file-image-o</a></div>
3857 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span></div>
3858 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-pdf-o"></i> fa-file-pdf-o</a></div>
3859 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span></div>
3860 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span></div>
3861 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o</a></div>
3862 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span></div>
3863 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-video-o"></i> fa-file-video-o</a></div>
3864 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-word-o"></i> fa-file-word-o</a></div>
3865 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span></div>
3866 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ge"></i> fa-ge <span class="text-muted">(alias)</span></div>
3867 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-git"></i> fa-git</a></div>
3868 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-git-square"></i> fa-git-square</a></div>
3869 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-google"></i> fa-google</a></div>
3870 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-graduation-cap"></i> fa-graduation-cap</a></div>
3871 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-hacker-news"></i> fa-hacker-news</a></div>
3872 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-header"></i> fa-header</a></div>
3873 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-history"></i> fa-history</a></div>
3874 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-institution"></i> fa-institution <span class="text-muted">(alias)</span></div>
3875 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-joomla"></i> fa-joomla</a></div>
3876 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-jsfiddle"></i> fa-jsfiddle</a></div>
3877 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-language"></i> fa-language</a></div>
3878 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-life-bouy"></i> fa-life-bouy <span class="text-muted">(alias)</span></div>
3879 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-life-ring"></i> fa-life-ring</a></div>
3880 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-life-saver"></i> fa-life-saver <span class="text-muted">(alias)</span></div>
3881 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-mortar-board"></i> fa-mortar-board <span class="text-muted">(alias)</span></div>
3882 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-openid"></i> fa-openid</a></div>
3883 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paper-plane"></i> fa-paper-plane</a></div>
3884 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paper-plane-o"></i> fa-paper-plane-o</a></div>
3885 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paragraph"></i> fa-paragraph</a></div>
3886 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-paw"></i> fa-paw</a></div>
3887 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pied-piper"></i> fa-pied-piper</a></div>
3888 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pied-piper-alt"></i> fa-pied-piper-alt</a></div>
3889 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-pied-piper-square"></i> fa-pied-piper-square <span class="text-muted">(alias)</span></div>
3890 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-qq"></i> fa-qq</a></div>
3891 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-ra"></i> fa-ra <span class="text-muted">(alias)</span></div>
3892 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-rebel"></i> fa-rebel</a></div>
3893 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-recycle"></i> fa-recycle</a></div>
3894 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-reddit"></i> fa-reddit</a></div>
3895 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-reddit-square"></i> fa-reddit-square</a></div>
3896 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-send"></i> fa-send <span class="text-muted">(alias)</span></div>
3897 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-send-o"></i> fa-send-o <span class="text-muted">(alias)</span></div>
3898 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share-alt"></i> fa-share-alt</a></div>
3899 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-share-alt-square"></i> fa-share-alt-square</a></div>
3900 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-slack"></i> fa-slack</a></div>
3901 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-sliders"></i> fa-sliders</a></div>
3902 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-soundcloud"></i> fa-soundcloud</a></div>
3903 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-space-shuttle"></i> fa-space-shuttle</a></div>
3904 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-spoon"></i> fa-spoon</a></div>
3905 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-spotify"></i> fa-spotify</a></div>
3906 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-steam"></i> fa-steam</a></div>
3907 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-steam-square"></i> fa-steam-square</a></div>
3908 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-stumbleupon"></i> fa-stumbleupon</a></div>
3909 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-stumbleupon-circle"></i> fa-stumbleupon-circle</a></div>
3910 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-support"></i> fa-support <span class="text-muted">(alias)</span></div>
3911 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-taxi"></i> fa-taxi</a></div>
3912 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tencent-weibo"></i> fa-tencent-weibo</a></div>
3913 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-tree"></i> fa-tree</a></div>
3914 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-university"></i> fa-university</a></div>
3915 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-vine"></i> fa-vine</a></div>
3916 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wechat"></i> fa-wechat <span class="text-muted">(alias)</span></div>
3917 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-weixin"></i> fa-weixin</a></div>
3918 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-wordpress"></i> fa-wordpress</a></div>
3919 
                  <div class="fa-item col-md-3 col-sm-4"><i class="fa fa-yahoo"></i> fa-yahoo</a></div>
3920 
                  <!--<div class="fa-item col-md-3 col-sm-4">
3921 
                    <i class="fa fa-rub"></i> fa-rub
3922 
                  </div>
3923 
                  <div class="fa-item col-md-3 col-sm-4">
3924 
                    <i class="fa fa-ruble"></i> fa-ruble
3925 
                    <span class="text-muted">
3926 
                       (alias)
3927 
                    </span>
3928 
                  </div>
3929 
                  <div class="fa-item col-md-3 col-sm-4">
3930 
                    <i class="fa fa-rouble"></i> fa-rouble
3931 
                    <span class="text-muted">
3932 
                       (alias)
3933 
                    </span>
3934 
                  </div>
3935 
                  <div class="fa-item col-md-3 col-sm-4">
3936 
                    <i class="fa fa-pagelines"></i> fa-pagelines
3937 
                  </div>
3938 
                  <div class="fa-item col-md-3 col-sm-4">
3939 
                    <i class="fa fa-stack-exchange"></i> fa-stack-exchange
3940 
                  </div>
3941 
                  <div class="fa-item col-md-3 col-sm-4">
3942 
                    <i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
3943 
                  </div>
3944 
                  <div class="fa-item col-md-3 col-sm-4">
3945 
                    <i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
3946 
                  </div>
3947 
                  <div class="fa-item col-md-3 col-sm-4">
3948 
                    <i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
3949 
                  </div>
3950 
                  <div class="fa-item col-md-3 col-sm-4">
3951 
                    <i class="fa fa-toggle-left"></i> fa-toggle-left
3952 
                    <span class="text-muted">
3953 
                       (alias)
3954 
                    </span>
3955 
                  </div>
3956 
                  <div class="fa-item col-md-3 col-sm-4">
3957 
                    <i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
3958 
                  </div>
3959 
                  <div class="fa-item col-md-3 col-sm-4">
3960 
                    <i class="fa fa-wheelchair"></i> fa-wheelchair
3961 
                  </div>
3962 
                  <div class="fa-item col-md-3 col-sm-4">
3963 
                    <i class="fa fa-vimeo-square"></i> fa-vimeo-square
3964 
                  </div>
3965 
                  <div class="fa-item col-md-3 col-sm-4">
3966 
                    <i class="fa fa-try"></i> fa-try
3967 
                  </div>
3968 
                  <div class="fa-item col-md-3 col-sm-4">
3969 
                    <i class="fa fa-turkish-lira"></i> fa-turkish-lira
3970 
                    <span class="text-muted">
3971 
                       (alias)
3972 
                    </span>
3973 
                  </div>
3974 
                  <div class="fa-item col-md-3 col-sm-4">
3975 
                    <i class="fa fa-plus-square-o"></i> fa-plus-square-o
3976 
                  </div>-->
3977 
                </div>
3978 
                <h3>Web Application Icons</h3>
3979 
                <div class="row margin-bottom-20">
3980 
                  <div class="fa-item col-md-3 col-sm-4">
3981 
                    <i class="fa fa-adjust"></i> fa-adjust
3982 
                  </div>
3983 
                  <div class="fa-item col-md-3 col-sm-4">
3984 
                    <i class="fa fa-anchor"></i> fa-anchor
3985 
                  </div>
3986 
                  <div class="fa-item col-md-3 col-sm-4">
3987 
                    <i class="fa fa-archive"></i> fa-archive
3988 
                  </div>
3989 
                  <div class="fa-item col-md-3 col-sm-4">
3990 
                    <i class="fa fa-arrows"></i> fa-arrows
3991 
                  </div>
3992 
                  <div class="fa-item col-md-3 col-sm-4">
3993 
                    <i class="fa fa-arrows-h"></i> fa-arrows-h
3994 
                  </div>
3995 
                  <div class="fa-item col-md-3 col-sm-4">
3996 
                    <i class="fa fa-arrows-v"></i> fa-arrows-v
3997 
                  </div>
3998 
                  <div class="fa-item col-md-3 col-sm-4">
3999 
                    <i class="fa fa-asterisk"></i> fa-asterisk
4000 
                  </div>
4001 
                  <div class="fa-item col-md-3 col-sm-4">
4002 
                    <i class="fa fa-ban"></i> fa-ban
4003 
                  </div>
4004 
                  <div class="fa-item col-md-3 col-sm-4">
4005 
                    <i class="fa fa-bar-chart-o"></i> fa-bar-chart-o
4006 
                  </div>
4007 
                  <div class="fa-item col-md-3 col-sm-4">
4008 
                    <i class="fa fa-barcode"></i> fa-barcode
4009 
                  </div>
4010 
                  <div class="fa-item col-md-3 col-sm-4">
4011 
                    <i class="fa fa-bars"></i> fa-bars
4012 
                  </div>
4013 
                  <div class="fa-item col-md-3 col-sm-4">
4014 
                    <i class="fa fa-beer"></i> fa-beer
4015 
                  </div>
4016 
                  <div class="fa-item col-md-3 col-sm-4">
4017 
                    <i class="fa fa-bell"></i> fa-bell
4018 
                  </div>
4019 
                  <div class="fa-item col-md-3 col-sm-4">
4020 
                    <i class="fa fa-bell-o"></i> fa-bell-o
4021 
                  </div>
4022 
                  <div class="fa-item col-md-3 col-sm-4">
4023 
                    <i class="fa fa-bolt"></i> fa-bolt
4024 
                  </div>
4025 
                  <div class="fa-item col-md-3 col-sm-4">
4026 
                    <i class="fa fa-book"></i> fa-book
4027 
                  </div>
4028 
                  <div class="fa-item col-md-3 col-sm-4">
4029 
                    <i class="fa fa-bookmark"></i> fa-bookmark
4030 
                  </div>
4031 
                  <div class="fa-item col-md-3 col-sm-4">
4032 
                    <i class="fa fa-bookmark-o"></i> fa-bookmark-o
4033 
                  </div>
4034 
                  <div class="fa-item col-md-3 col-sm-4">
4035 
                    <i class="fa fa-briefcase"></i> fa-briefcase
4036 
                  </div>
4037 
                  <div class="fa-item col-md-3 col-sm-4">
4038 
                    <i class="fa fa-bug"></i> fa-bug
4039 
                  </div>
4040 
                  <div class="fa-item col-md-3 col-sm-4">
4041 
                    <i class="fa fa-building-o"></i> fa-building-o
4042 
                  </div>
4043 
                  <div class="fa-item col-md-3 col-sm-4">
4044 
                    <i class="fa fa-bullhorn"></i> fa-bullhorn
4045 
                  </div>
4046 
                  <div class="fa-item col-md-3 col-sm-4">
4047 
                    <i class="fa fa-bullseye"></i> fa-bullseye
4048 
                  </div>
4049 
                  <div class="fa-item col-md-3 col-sm-4">
4050 
                    <i class="fa fa-calendar"></i> fa-calendar
4051 
                  </div>
4052 
                  <div class="fa-item col-md-3 col-sm-4">
4053 
                    <i class="fa fa-calendar-o"></i> fa-calendar-o
4054 
                  </div>
4055 
                  <div class="fa-item col-md-3 col-sm-4">
4056 
                    <i class="fa fa-camera"></i> fa-camera
4057 
                  </div>
4058 
                  <div class="fa-item col-md-3 col-sm-4">
4059 
                    <i class="fa fa-camera-retro"></i> fa-camera-retro
4060 
                  </div>
4061 
                  <div class="fa-item col-md-3 col-sm-4">
4062 
                    <i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
4063 
                  </div>
4064 
                  <div class="fa-item col-md-3 col-sm-4">
4065 
                    <i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
4066 
                  </div>
4067 
                  <div class="fa-item col-md-3 col-sm-4">
4068 
                    <i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
4069 
                  </div>
4070 
                  <div class="fa-item col-md-3 col-sm-4">
4071 
                    <i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
4072 
                  </div>
4073 
                  <div class="fa-item col-md-3 col-sm-4">
4074 
                    <i class="fa fa-certificate"></i> fa-certificate
4075 
                  </div>
4076 
                  <div class="fa-item col-md-3 col-sm-4">
4077 
                    <i class="fa fa-check"></i> fa-check
4078 
                  </div>
4079 
                  <div class="fa-item col-md-3 col-sm-4">
4080 
                    <i class="fa fa-check-circle"></i> fa-check-circle
4081 
                  </div>
4082 
                  <div class="fa-item col-md-3 col-sm-4">
4083 
                    <i class="fa fa-check-circle-o"></i> fa-check-circle-o
4084 
                  </div>
4085 
                  <div class="fa-item col-md-3 col-sm-4">
4086 
                    <i class="fa fa-check-square"></i> fa-check-square
4087 
                  </div>
4088 
                  <div class="fa-item col-md-3 col-sm-4">
4089 
                    <i class="fa fa-check-square-o"></i> fa-check-square-o
4090 
                  </div>
4091 
                  <div class="fa-item col-md-3 col-sm-4">
4092 
                    <i class="fa fa-circle"></i> fa-circle
4093 
                  </div>
4094 
                  <div class="fa-item col-md-3 col-sm-4">
4095 
                    <i class="fa fa-circle-o"></i> fa-circle-o
4096 
                  </div>
4097 
                  <div class="fa-item col-md-3 col-sm-4">
4098 
                    <i class="fa fa-clock-o"></i> fa-clock-o
4099 
                  </div>
4100 
                  <div class="fa-item col-md-3 col-sm-4">
4101 
                    <i class="fa fa-cloud"></i> fa-cloud
4102 
                  </div>
4103 
                  <div class="fa-item col-md-3 col-sm-4">
4104 
                    <i class="fa fa-cloud-download"></i> fa-cloud-download
4105 
                  </div>
4106 
                  <div class="fa-item col-md-3 col-sm-4">
4107 
                    <i class="fa fa-cloud-upload"></i> fa-cloud-upload
4108 
                  </div>
4109 
                  <div class="fa-item col-md-3 col-sm-4">
4110 
                    <i class="fa fa-code"></i> fa-code
4111 
                  </div>
4112 
                  <div class="fa-item col-md-3 col-sm-4">
4113 
                    <i class="fa fa-code-fork"></i> fa-code-fork
4114 
                  </div>
4115 
                  <div class="fa-item col-md-3 col-sm-4">
4116 
                    <i class="fa fa-coffee"></i> fa-coffee
4117 
                  </div>
4118 
                  <div class="fa-item col-md-3 col-sm-4">
4119 
                    <i class="fa fa-cog"></i> fa-cog
4120 
                  </div>
4121 
                  <div class="fa-item col-md-3 col-sm-4">
4122 
                    <i class="fa fa-cogs"></i> fa-cogs
4123 
                  </div>
4124 
                  <div class="fa-item col-md-3 col-sm-4">
4125 
                    <i class="fa fa-comment"></i> fa-comment
4126 
                  </div>
4127 
                  <div class="fa-item col-md-3 col-sm-4">
4128 
                    <i class="fa fa-comment-o"></i> fa-comment-o
4129 
                  </div>
4130 
                  <div class="fa-item col-md-3 col-sm-4">
4131 
                    <i class="fa fa-comments"></i> fa-comments
4132 
                  </div>
4133 
                  <div class="fa-item col-md-3 col-sm-4">
4134 
                    <i class="fa fa-comments-o"></i> fa-comments-o
4135 
                  </div>
4136 
                  <div class="fa-item col-md-3 col-sm-4">
4137 
                    <i class="fa fa-compass"></i> fa-compass
4138 
                  </div>
4139 
                  <div class="fa-item col-md-3 col-sm-4">
4140 
                    <i class="fa fa-credit-card"></i> fa-credit-card
4141 
                  </div>
4142 
                  <div class="fa-item col-md-3 col-sm-4">
4143 
                    <i class="fa fa-crop"></i> fa-crop
4144 
                  </div>
4145 
                  <div class="fa-item col-md-3 col-sm-4">
4146 
                    <i class="fa fa-crosshairs"></i> fa-crosshairs
4147 
                  </div>
4148 
                  <div class="fa-item col-md-3 col-sm-4">
4149 
                    <i class="fa fa-cutlery"></i> fa-cutlery
4150 
                  </div>
4151 
                  <div class="fa-item col-md-3 col-sm-4">
4152 
                    <i class="fa fa-dashboard"></i> fa-dashboard
4153 
                    <span class="text-muted">
4154 
                       (alias)
4155 
                    </span>
4156 
                  </div>
4157 
                  <div class="fa-item col-md-3 col-sm-4">
4158 
                    <i class="fa fa-desktop"></i> fa-desktop
4159 
                  </div>
4160 
                  <div class="fa-item col-md-3 col-sm-4">
4161 
                    <i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
4162 
                  </div>
4163 
                  <div class="fa-item col-md-3 col-sm-4">
4164 
                    <i class="fa fa-download"></i> fa-download
4165 
                  </div>
4166 
                  <div class="fa-item col-md-3 col-sm-4">
4167 
                    <i class="fa fa-edit"></i> fa-edit
4168 
                    <span class="text-muted">
4169 
                       (alias)
4170 
                    </span>
4171 
                  </div>
4172 
                  <div class="fa-item col-md-3 col-sm-4">
4173 
                    <i class="fa fa-ellipsis-h"></i> fa-ellipsis-h
4174 
                  </div>
4175 
                  <div class="fa-item col-md-3 col-sm-4">
4176 
                    <i class="fa fa-ellipsis-v"></i> fa-ellipsis-v
4177 
                  </div>
4178 
                  <div class="fa-item col-md-3 col-sm-4">
4179 
                    <i class="fa fa-envelope"></i> fa-envelope
4180 
                  </div>
4181 
                  <div class="fa-item col-md-3 col-sm-4">
4182 
                    <i class="fa fa-envelope-o"></i> fa-envelope-o
4183 
                  </div>
4184 
                  <div class="fa-item col-md-3 col-sm-4">
4185 
                    <i class="fa fa-eraser"></i> fa-eraser
4186 
                  </div>
4187 
                  <div class="fa-item col-md-3 col-sm-4">
4188 
                    <i class="fa fa-exchange"></i> fa-exchange
4189 
                  </div>
4190 
                  <div class="fa-item col-md-3 col-sm-4">
4191 
                    <i class="fa fa-exclamation"></i> fa-exclamation
4192 
                  </div>
4193 
                  <div class="fa-item col-md-3 col-sm-4">
4194 
                    <i class="fa fa-exclamation-circle"></i> fa-exclamation-circle
4195 
                  </div>
4196 
                  <div class="fa-item col-md-3 col-sm-4">
4197 
                    <i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle
4198 
                  </div>
4199 
                  <div class="fa-item col-md-3 col-sm-4">
4200 
                    <i class="fa fa-external-link"></i> fa-external-link
4201 
                  </div>
4202 
                  <div class="fa-item col-md-3 col-sm-4">
4203 
                    <i class="fa fa-external-link-square"></i> fa-external-link-square
4204 
                  </div>
4205 
                  <div class="fa-item col-md-3 col-sm-4">
4206 
                    <i class="fa fa-eye"></i> fa-eye
4207 
                  </div>
4208 
                  <div class="fa-item col-md-3 col-sm-4">
4209 
                    <i class="fa fa-eye-slash"></i> fa-eye-slash
4210 
                  </div>
4211 
                  <div class="fa-item col-md-3 col-sm-4">
4212 
                    <i class="fa fa-female"></i> fa-female
4213 
                  </div>
4214 
                  <div class="fa-item col-md-3 col-sm-4">
4215 
                    <i class="fa fa-fighter-jet"></i> fa-fighter-jet
4216 
                  </div>
4217 
                  <div class="fa-item col-md-3 col-sm-4">
4218 
                    <i class="fa fa-film"></i> fa-film
4219 
                  </div>
4220 
                  <div class="fa-item col-md-3 col-sm-4">
4221 
                    <i class="fa fa-filter"></i> fa-filter
4222 
                  </div>
4223 
                  <div class="fa-item col-md-3 col-sm-4">
4224 
                    <i class="fa fa-fire"></i> fa-fire
4225 
                  </div>
4226 
                  <div class="fa-item col-md-3 col-sm-4">
4227 
                    <i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher
4228 
                  </div>
4229 
                  <div class="fa-item col-md-3 col-sm-4">
4230 
                    <i class="fa fa-flag"></i> fa-flag
4231 
                  </div>
4232 
                  <div class="fa-item col-md-3 col-sm-4">
4233 
                    <i class="fa fa-flag-checkered"></i> fa-flag-checkered
4234 
                  </div>
4235 
                  <div class="fa-item col-md-3 col-sm-4">
4236 
                    <i class="fa fa-flag-o"></i> fa-flag-o
4237 
                  </div>
4238 
                  <div class="fa-item col-md-3 col-sm-4">
4239 
                    <i class="fa fa-flash"></i> fa-flash
4240 
                    <span class="text-muted">
4241 
                       (alias)
4242 
                    </span>
4243 
                  </div>
4244 
                  <div class="fa-item col-md-3 col-sm-4">
4245 
                    <i class="fa fa-flask"></i> fa-flask
4246 
                  </div>
4247 
                  <div class="fa-item col-md-3 col-sm-4">
4248 
                    <i class="fa fa-folder"></i> fa-folder
4249 
                  </div>
4250 
                  <div class="fa-item col-md-3 col-sm-4">
4251 
                    <i class="fa fa-folder-o"></i> fa-folder-o
4252 
                  </div>
4253 
                  <div class="fa-item col-md-3 col-sm-4">
4254 
                    <i class="fa fa-folder-open"></i> fa-folder-open
4255 
                  </div>
4256 
                  <div class="fa-item col-md-3 col-sm-4">
4257 
                    <i class="fa fa-folder-open-o"></i> fa-folder-open-o
4258 
                  </div>
4259 
                  <div class="fa-item col-md-3 col-sm-4">
4260 
                    <i class="fa fa-frown-o"></i> fa-frown-o
4261 
                  </div>
4262 
                  <div class="fa-item col-md-3 col-sm-4">
4263 
                    <i class="fa fa-gamepad"></i> fa-gamepad
4264 
                  </div>
4265 
                  <div class="fa-item col-md-3 col-sm-4">
4266 
                    <i class="fa fa-gavel"></i> fa-gavel
4267 
                  </div>
4268 
                  <div class="fa-item col-md-3 col-sm-4">
4269 
                    <i class="fa fa-gear"></i> fa-gear
4270 
                    <span class="text-muted">
4271 
                       (alias)
4272 
                    </span>
4273 
                  </div>
4274 
                  <div class="fa-item col-md-3 col-sm-4">
4275 
                    <i class="fa fa-gears"></i> fa-gears
4276 
                    <span class="text-muted">
4277 
                       (alias)
4278 
                    </span>
4279 
                  </div>
4280 
                  <div class="fa-item col-md-3 col-sm-4">
4281 
                    <i class="fa fa-gift"></i> fa-gift
4282 
                  </div>
4283 
                  <div class="fa-item col-md-3 col-sm-4">
4284 
                    <i class="fa fa-glass"></i> fa-glass
4285 
                  </div>
4286 
                  <div class="fa-item col-md-3 col-sm-4">
4287 
                    <i class="fa fa-globe"></i> fa-globe
4288 
                  </div>
4289 
                  <div class="fa-item col-md-3 col-sm-4">
4290 
                    <i class="fa fa-group"></i> fa-group
4291 
                    <span class="text-muted">
4292 
                       (alias)
4293 
                    </span>
4294 
                  </div>
4295 
                  <div class="fa-item col-md-3 col-sm-4">
4296 
                    <i class="fa fa-hdd-o"></i> fa-hdd-o
4297 
                  </div>
4298 
                  <div class="fa-item col-md-3 col-sm-4">
4299 
                    <i class="fa fa-headphones"></i> fa-headphones
4300 
                  </div>
4301 
                  <div class="fa-item col-md-3 col-sm-4">
4302 
                    <i class="fa fa-heart"></i> fa-heart
4303 
                  </div>
4304 
                  <div class="fa-item col-md-3 col-sm-4">
4305 
                    <i class="fa fa-heart-o"></i> fa-heart-o
4306 
                  </div>
4307 
                  <div class="fa-item col-md-3 col-sm-4">
4308 
                    <i class="fa fa-home"></i> fa-home
4309 
                  </div>
4310 
                  <div class="fa-item col-md-3 col-sm-4">
4311 
                    <i class="fa fa-inbox"></i> fa-inbox
4312 
                  </div>
4313 
                  <div class="fa-item col-md-3 col-sm-4">
4314 
                    <i class="fa fa-info"></i> fa-info
4315 
                  </div>
4316 
                  <div class="fa-item col-md-3 col-sm-4">
4317 
                    <i class="fa fa-info-circle"></i> fa-info-circle
4318 
                  </div>
4319 
                  <div class="fa-item col-md-3 col-sm-4">
4320 
                    <i class="fa fa-key"></i> fa-key
4321 
                  </div>
4322 
                  <div class="fa-item col-md-3 col-sm-4">
4323 
                    <i class="fa fa-keyboard-o"></i> fa-keyboard-o
4324 
                  </div>
4325 
                  <div class="fa-item col-md-3 col-sm-4">
4326 
                    <i class="fa fa-laptop"></i> fa-laptop
4327 
                  </div>
4328 
                  <div class="fa-item col-md-3 col-sm-4">
4329 
                    <i class="fa fa-leaf"></i> fa-leaf
4330 
                  </div>
4331 
                  <div class="fa-item col-md-3 col-sm-4">
4332 
                    <i class="fa fa-legal"></i> fa-legal
4333 
                    <span class="text-muted">
4334 
                       (alias)
4335 
                    </span>
4336 
                  </div>
4337 
                  <div class="fa-item col-md-3 col-sm-4">
4338 
                    <i class="fa fa-lemon-o"></i> fa-lemon-o
4339 
                  </div>
4340 
                  <div class="fa-item col-md-3 col-sm-4">
4341 
                    <i class="fa fa-level-down"></i> fa-level-down
4342 
                  </div>
4343 
                  <div class="fa-item col-md-3 col-sm-4">
4344 
                    <i class="fa fa-level-up"></i> fa-level-up
4345 
                  </div>
4346 
                  <div class="fa-item col-md-3 col-sm-4">
4347 
                    <i class="fa fa-lightbulb-o"></i> fa-lightbulb-o
4348 
                  </div>
4349 
                  <div class="fa-item col-md-3 col-sm-4">
4350 
                    <i class="fa fa-location-arrow"></i> fa-location-arrow
4351 
                  </div>
4352 
                  <div class="fa-item col-md-3 col-sm-4">
4353 
                    <i class="fa fa-lock"></i> fa-lock
4354 
                  </div>
4355 
                  <div class="fa-item col-md-3 col-sm-4">
4356 
                    <i class="fa fa-magic"></i> fa-magic
4357 
                  </div>
4358 
                  <div class="fa-item col-md-3 col-sm-4">
4359 
                    <i class="fa fa-magnet"></i> fa-magnet
4360 
                  </div>
4361 
                  <div class="fa-item col-md-3 col-sm-4">
4362 
                    <i class="fa fa-mail-forward"></i> fa-mail-forward
4363 
                    <span class="text-muted">
4364 
                       (alias)
4365 
                    </span>
4366 
                  </div>
4367 
                  <div class="fa-item col-md-3 col-sm-4">
4368 
                    <i class="fa fa-mail-reply"></i> fa-mail-reply
4369 
                    <span class="text-muted">
4370 
                       (alias)
4371 
                    </span>
4372 
                  </div>
4373 
                  <div class="fa-item col-md-3 col-sm-4">
4374 
                    <i class="fa fa-mail-reply-all"></i> fa-mail-reply-all
4375 
                  </div>
4376 
                  <div class="fa-item col-md-3 col-sm-4">
4377 
                    <i class="fa fa-male"></i> fa-male
4378 
                  </div>
4379 
                  <div class="fa-item col-md-3 col-sm-4">
4380 
                    <i class="fa fa-map-marker"></i> fa-map-marker
4381 
                  </div>
4382 
                  <div class="fa-item col-md-3 col-sm-4">
4383 
                    <i class="fa fa-meh-o"></i> fa-meh-o
4384 
                  </div>
4385 
                  <div class="fa-item col-md-3 col-sm-4">
4386 
                    <i class="fa fa-microphone"></i> fa-microphone
4387 
                  </div>
4388 
                  <div class="fa-item col-md-3 col-sm-4">
4389 
                    <i class="fa fa-microphone-slash"></i> fa-microphone-slash
4390 
                  </div>
4391 
                  <div class="fa-item col-md-3 col-sm-4">
4392 
                    <i class="fa fa-minus"></i> fa-minus
4393 
                  </div>
4394 
                  <div class="fa-item col-md-3 col-sm-4">
4395 
                    <i class="fa fa-minus-circle"></i> fa-minus-circle
4396 
                  </div>
4397 
                  <div class="fa-item col-md-3 col-sm-4">
4398 
                    <i class="fa fa-minus-square"></i> fa-minus-square
4399 
                  </div>
4400 
                  <div class="fa-item col-md-3 col-sm-4">
4401 
                    <i class="fa fa-minus-square-o"></i> fa-minus-square-o
4402 
                  </div>
4403 
                  <div class="fa-item col-md-3 col-sm-4">
4404 
                    <i class="fa fa-mobile"></i> fa-mobile
4405 
                  </div>
4406 
                  <div class="fa-item col-md-3 col-sm-4">
4407 
                    <i class="fa fa-mobile-phone"></i> fa-mobile-phone
4408 
                    <span class="text-muted">
4409 
                       (alias)
4410 
                    </span>
4411 
                  </div>
4412 
                  <div class="fa-item col-md-3 col-sm-4">
4413 
                    <i class="fa fa-money"></i> fa-money
4414 
                  </div>
4415 
                  <div class="fa-item col-md-3 col-sm-4">
4416 
                    <i class="fa fa-moon-o"></i> fa-moon-o
4417 
                  </div>
4418 
                  <div class="fa-item col-md-3 col-sm-4">
4419 
                    <i class="fa fa-music"></i> fa-music
4420 
                  </div>
4421 
                  <div class="fa-item col-md-3 col-sm-4">
4422 
                    <i class="fa fa-pencil"></i> fa-pencil
4423 
                  </div>
4424 
                  <div class="fa-item col-md-3 col-sm-4">
4425 
                    <i class="fa fa-pencil-square"></i> fa-pencil-square
4426 
                  </div>
4427 
                  <div class="fa-item col-md-3 col-sm-4">
4428 
                    <i class="fa fa-pencil-square-o"></i> fa-pencil-square-o
4429 
                  </div>
4430 
                  <div class="fa-item col-md-3 col-sm-4">
4431 
                    <i class="fa fa-phone"></i> fa-phone
4432 
                  </div>
4433 
                  <div class="fa-item col-md-3 col-sm-4">
4434 
                    <i class="fa fa-phone-square"></i> fa-phone-square
4435 
                  </div>
4436 
                  <div class="fa-item col-md-3 col-sm-4">
4437 
                    <i class="fa fa-picture-o"></i> fa-picture-o
4438 
                  </div>
4439 
                  <div class="fa-item col-md-3 col-sm-4">
4440 
                    <i class="fa fa-plane"></i> fa-plane
4441 
                  </div>
4442 
                  <div class="fa-item col-md-3 col-sm-4">
4443 
                    <i class="fa fa-plus"></i> fa-plus
4444 
                  </div>
4445 
                  <div class="fa-item col-md-3 col-sm-4">
4446 
                    <i class="fa fa-plus-circle"></i> fa-plus-circle
4447 
                  </div>
4448 
                  <div class="fa-item col-md-3 col-sm-4">
4449 
                    <i class="fa fa-plus-square"></i> fa-plus-square
4450 
                  </div>
4451 
                  <div class="fa-item col-md-3 col-sm-4">
4452 
                    <i class="fa fa-plus-square-o"></i> fa-plus-square-o
4453 
                  </div>
4454 
                  <div class="fa-item col-md-3 col-sm-4">
4455 
                    <i class="fa fa-power-off"></i> fa-power-off
4456 
                  </div>
4457 
                  <div class="fa-item col-md-3 col-sm-4">
4458 
                    <i class="fa fa-print"></i> fa-print
4459 
                  </div>
4460 
                  <div class="fa-item col-md-3 col-sm-4">
4461 
                    <i class="fa fa-puzzle-piece"></i> fa-puzzle-piece
4462 
                  </div>
4463 
                  <div class="fa-item col-md-3 col-sm-4">
4464 
                    <i class="fa fa-qrcode"></i> fa-qrcode
4465 
                  </div>
4466 
                  <div class="fa-item col-md-3 col-sm-4">
4467 
                    <i class="fa fa-question"></i> fa-question
4468 
                  </div>
4469 
                  <div class="fa-item col-md-3 col-sm-4">
4470 
                    <i class="fa fa-question-circle"></i> fa-question-circle
4471 
                  </div>
4472 
                  <div class="fa-item col-md-3 col-sm-4">
4473 
                    <i class="fa fa-quote-left"></i> fa-quote-left
4474 
                  </div>
4475 
                  <div class="fa-item col-md-3 col-sm-4">
4476 
                    <i class="fa fa-quote-right"></i> fa-quote-right
4477 
                  </div>
4478 
                  <div class="fa-item col-md-3 col-sm-4">
4479 
                    <i class="fa fa-random"></i> fa-random
4480 
                  </div>
4481 
                  <div class="fa-item col-md-3 col-sm-4">
4482 
                    <i class="fa fa-refresh"></i> fa-refresh
4483 
                  </div>
4484 
                  <div class="fa-item col-md-3 col-sm-4">
4485 
                    <i class="fa fa-reply"></i> fa-reply
4486 
                  </div>
4487 
                  <div class="fa-item col-md-3 col-sm-4">
4488 
                    <i class="fa fa-reply-all"></i> fa-reply-all
4489 
                  </div>
4490 
                  <div class="fa-item col-md-3 col-sm-4">
4491 
                    <i class="fa fa-retweet"></i> fa-retweet
4492 
                  </div>
4493 
                  <div class="fa-item col-md-3 col-sm-4">
4494 
                    <i class="fa fa-road"></i> fa-road
4495 
                  </div>
4496 
                  <div class="fa-item col-md-3 col-sm-4">
4497 
                    <i class="fa fa-rocket"></i> fa-rocket
4498 
                  </div>
4499 
                  <div class="fa-item col-md-3 col-sm-4">
4500 
                    <i class="fa fa-rss"></i> fa-rss
4501 
                  </div>
4502 
                  <div class="fa-item col-md-3 col-sm-4">
4503 
                    <i class="fa fa-rss-square"></i> fa-rss-square
4504 
                  </div>
4505 
                  <div class="fa-item col-md-3 col-sm-4">
4506 
                    <i class="fa fa-search"></i> fa-search
4507 
                  </div>
4508 
                  <div class="fa-item col-md-3 col-sm-4">
4509 
                    <i class="fa fa-search-minus"></i> fa-search-minus
4510 
                  </div>
4511 
                  <div class="fa-item col-md-3 col-sm-4">
4512 
                    <i class="fa fa-search-plus"></i> fa-search-plus
4513 
                  </div>
4514 
                  <div class="fa-item col-md-3 col-sm-4">
4515 
                    <i class="fa fa-share"></i> fa-share
4516 
                  </div>
4517 
                  <div class="fa-item col-md-3 col-sm-4">
4518 
                    <i class="fa fa-share-square"></i> fa-share-square
4519 
                  </div>
4520 
                  <div class="fa-item col-md-3 col-sm-4">
4521 
                    <i class="fa fa-share-square-o"></i> fa-share-square-o
4522 
                  </div>
4523 
                  <div class="fa-item col-md-3 col-sm-4">
4524 
                    <i class="fa fa-shield"></i> fa-shield
4525 
                  </div>
4526 
                  <div class="fa-item col-md-3 col-sm-4">
4527 
                    <i class="fa fa-shopping-cart"></i> fa-shopping-cart
4528 
                  </div>
4529 
                  <div class="fa-item col-md-3 col-sm-4">
4530 
                    <i class="fa fa-sign-in"></i> fa-sign-in
4531 
                  </div>
4532 
                  <div class="fa-item col-md-3 col-sm-4">
4533 
                    <i class="fa fa-sign-out"></i> fa-sign-out
4534 
                  </div>
4535 
                  <div class="fa-item col-md-3 col-sm-4">
4536 
                    <i class="fa fa-signal"></i> fa-signal
4537 
                  </div>
4538 
                  <div class="fa-item col-md-3 col-sm-4">
4539 
                    <i class="fa fa-sitemap"></i> fa-sitemap
4540 
                  </div>
4541 
                  <div class="fa-item col-md-3 col-sm-4">
4542 
                    <i class="fa fa-smile-o"></i> fa-smile-o
4543 
                  </div>
4544 
                  <div class="fa-item col-md-3 col-sm-4">
4545 
                    <i class="fa fa-sort"></i> fa-sort
4546 
                  </div>
4547 
                  <div class="fa-item col-md-3 col-sm-4">
4548 
                    <i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc
4549 
                  </div>
4550 
                  <div class="fa-item col-md-3 col-sm-4">
4551 
                    <i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc
4552 
                  </div>
4553 
                  <div class="fa-item col-md-3 col-sm-4">
4554 
                    <i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc
4555 
                  </div>
4556 
                  <div class="fa-item col-md-3 col-sm-4">
4557 
                    <i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc
4558 
                  </div>
4559 
                  <div class="fa-item col-md-3 col-sm-4">
4560 
                    <i class="fa fa-sort-asc"></i> fa-sort-asc
4561 
                  </div>
4562 
                  <div class="fa-item col-md-3 col-sm-4">
4563 
                    <i class="fa fa-sort-desc"></i> fa-sort-desc
4564 
                  </div>
4565 
                  <div class="fa-item col-md-3 col-sm-4">
4566 
                    <i class="fa fa-sort-down"></i> fa-sort-down
4567 
                    <span class="text-muted">
4568 
                       (alias)
4569 
                    </span>
4570 
                  </div>
4571 
                  <div class="fa-item col-md-3 col-sm-4">
4572 
                    <i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc
4573 
                  </div>
4574 
                  <div class="fa-item col-md-3 col-sm-4">
4575 
                    <i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc
4576 
                  </div>
4577 
                  <div class="fa-item col-md-3 col-sm-4">
4578 
                    <i class="fa fa-sort-up"></i> fa-sort-up
4579 
                    <span class="text-muted">
4580 
                       (alias)
4581 
                    </span>
4582 
                  </div>
4583 
                  <div class="fa-item col-md-3 col-sm-4">
4584 
                    <i class="fa fa-spinner"></i> fa-spinner
4585 
                  </div>
4586 
                  <div class="fa-item col-md-3 col-sm-4">
4587 
                    <i class="fa fa-square"></i> fa-square
4588 
                  </div>
4589 
                  <div class="fa-item col-md-3 col-sm-4">
4590 
                    <i class="fa fa-square-o"></i> fa-square-o
4591 
                  </div>
4592 
                  <div class="fa-item col-md-3 col-sm-4">
4593 
                    <i class="fa fa-star"></i> fa-star
4594 
                  </div>
4595 
                  <div class="fa-item col-md-3 col-sm-4">
4596 
                    <i class="fa fa-star-half"></i> fa-star-half
4597 
                  </div>
4598 
                  <div class="fa-item col-md-3 col-sm-4">
4599 
                    <i class="fa fa-star-half-empty"></i> fa-star-half-empty
4600 
                    <span class="text-muted">
4601 
                       (alias)
4602 
                    </span>
4603 
                  </div>
4604 
                  <div class="fa-item col-md-3 col-sm-4">
4605 
                    <i class="fa fa-star-half-full"></i> fa-star-half-full
4606 
                    <span class="text-muted">
4607 
                       (alias)
4608 
                    </span>
4609 
                  </div>
4610 
                  <div class="fa-item col-md-3 col-sm-4">
4611 
                    <i class="fa fa-star-half-o"></i> fa-star-half-o
4612 
                  </div>
4613 
                  <div class="fa-item col-md-3 col-sm-4">
4614 
                    <i class="fa fa-star-o"></i> fa-star-o
4615 
                  </div>
4616 
                  <div class="fa-item col-md-3 col-sm-4">
4617 
                    <i class="fa fa-subscript"></i> fa-subscript
4618 
                  </div>
4619 
                  <div class="fa-item col-md-3 col-sm-4">
4620 
                    <i class="fa fa-suitcase"></i> fa-suitcase
4621 
                  </div>
4622 
                  <div class="fa-item col-md-3 col-sm-4">
4623 
                    <i class="fa fa-sun-o"></i> fa-sun-o
4624 
                  </div>
4625 
                  <div class="fa-item col-md-3 col-sm-4">
4626 
                    <i class="fa fa-superscript"></i> fa-superscript
4627 
                  </div>
4628 
                  <div class="fa-item col-md-3 col-sm-4">
4629 
                    <i class="fa fa-tablet"></i> fa-tablet
4630 
                  </div>
4631 
                  <div class="fa-item col-md-3 col-sm-4">
4632 
                    <i class="fa fa-tachometer"></i> fa-tachometer
4633 
                  </div>
4634 
                  <div class="fa-item col-md-3 col-sm-4">
4635 
                    <i class="fa fa-tag"></i> fa-tag
4636 
                  </div>
4637 
                  <div class="fa-item col-md-3 col-sm-4">
4638 
                    <i class="fa fa-tags"></i> fa-tags
4639 
                  </div>
4640 
                  <div class="fa-item col-md-3 col-sm-4">
4641 
                    <i class="fa fa-tasks"></i> fa-tasks
4642 
                  </div>
4643 
                  <div class="fa-item col-md-3 col-sm-4">
4644 
                    <i class="fa fa-terminal"></i> fa-terminal
4645 
                  </div>
4646 
                  <div class="fa-item col-md-3 col-sm-4">
4647 
                    <i class="fa fa-thumb-tack"></i> fa-thumb-tack
4648 
                  </div>
4649 
                  <div class="fa-item col-md-3 col-sm-4">
4650 
                    <i class="fa fa-thumbs-down"></i> fa-thumbs-down
4651 
                  </div>
4652 
                  <div class="fa-item col-md-3 col-sm-4">
4653 
                    <i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down
4654 
                  </div>
4655 
                  <div class="fa-item col-md-3 col-sm-4">
4656 
                    <i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up
4657 
                  </div>
4658 
                  <div class="fa-item col-md-3 col-sm-4">
4659 
                    <i class="fa fa-thumbs-up"></i> fa-thumbs-up
4660 
                  </div>
4661 
                  <div class="fa-item col-md-3 col-sm-4">
4662 
                    <i class="fa fa-ticket"></i> fa-ticket
4663 
                  </div>
4664 
                  <div class="fa-item col-md-3 col-sm-4">
4665 
                    <i class="fa fa-times"></i> fa-times
4666 
                  </div>
4667 
                  <div class="fa-item col-md-3 col-sm-4">
4668 
                    <i class="fa fa-times-circle"></i> fa-times-circle
4669 
                  </div>
4670 
                  <div class="fa-item col-md-3 col-sm-4">
4671 
                    <i class="fa fa-times-circle-o"></i> fa-times-circle-o
4672 
                  </div>
4673 
                  <div class="fa-item col-md-3 col-sm-4">
4674 
                    <i class="fa fa-tint"></i> fa-tint
4675 
                  </div>
4676 
                  <div class="fa-item col-md-3 col-sm-4">
4677 
                    <i class="fa fa-toggle-down"></i> fa-toggle-down
4678 
                    <span class="text-muted">
4679 
                       (alias)
4680 
                    </span>
4681 
                  </div>
4682 
                  <div class="fa-item col-md-3 col-sm-4">
4683 
                    <i class="fa fa-toggle-left"></i> fa-toggle-left
4684 
                    <span class="text-muted">
4685 
                       (alias)
4686 
                    </span>
4687 
                  </div>
4688 
                  <div class="fa-item col-md-3 col-sm-4">
4689 
                    <i class="fa fa-toggle-right"></i> fa-toggle-right
4690 
                    <span class="text-muted">
4691 
                       (alias)
4692 
                    </span>
4693 
                  </div>
4694 
                  <div class="fa-item col-md-3 col-sm-4">
4695 
                    <i class="fa fa-toggle-up"></i> fa-toggle-up
4696 
                    <span class="text-muted">
4697 
                       (alias)
4698 
                    </span>
4699 
                  </div>
4700 
                  <div class="fa-item col-md-3 col-sm-4">
4701 
                    <i class="fa fa-trash-o"></i> fa-trash-o
4702 
                  </div>
4703 
                  <div class="fa-item col-md-3 col-sm-4">
4704 
                    <i class="fa fa-trophy"></i> fa-trophy
4705 
                  </div>
4706 
                  <div class="fa-item col-md-3 col-sm-4">
4707 
                    <i class="fa fa-truck"></i> fa-truck
4708 
                  </div>
4709 
                  <div class="fa-item col-md-3 col-sm-4">
4710 
                    <i class="fa fa-umbrella"></i> fa-umbrella
4711 
                  </div>
4712 
                  <div class="fa-item col-md-3 col-sm-4">
4713 
                    <i class="fa fa-unlock"></i> fa-unlock
4714 
                  </div>
4715 
                  <div class="fa-item col-md-3 col-sm-4">
4716 
                    <i class="fa fa-unlock-alt"></i> fa-unlock-alt
4717 
                  </div>
4718 
                  <div class="fa-item col-md-3 col-sm-4">
4719 
                    <i class="fa fa-unsorted"></i> fa-unsorted
4720 
                    <span class="text-muted">
4721 
                       (alias)
4722 
                    </span>
4723 
                  </div>
4724 
                  <div class="fa-item col-md-3 col-sm-4">
4725 
                    <i class="fa fa-upload"></i> fa-upload
4726 
                  </div>
4727 
                  <div class="fa-item col-md-3 col-sm-4">
4728 
                    <i class="fa fa-user"></i> fa-user
4729 
                  </div>
4730 
                  <div class="fa-item col-md-3 col-sm-4">
4731 
                    <i class="fa fa-users"></i> fa-users
4732 
                  </div>
4733 
                  <div class="fa-item col-md-3 col-sm-4">
4734 
                    <i class="fa fa-video-camera"></i> fa-video-camera
4735 
                  </div>
4736 
                  <div class="fa-item col-md-3 col-sm-4">
4737 
                    <i class="fa fa-volume-down"></i> fa-volume-down
4738 
                  </div>
4739 
                  <div class="fa-item col-md-3 col-sm-4">
4740 
                    <i class="fa fa-volume-off"></i> fa-volume-off
4741 
                  </div>
4742 
                  <div class="fa-item col-md-3 col-sm-4">
4743 
                    <i class="fa fa-volume-up"></i> fa-volume-up
4744 
                  </div>
4745 
                  <div class="fa-item col-md-3 col-sm-4">
4746 
                    <i class="fa fa-warning"></i> fa-warning
4747 
                    <span class="text-muted">
4748 
                       (alias)
4749 
                    </span>
4750 
                  </div>
4751 
                  <div class="fa-item col-md-3 col-sm-4">
4752 
                    <i class="fa fa-wheelchair"></i> fa-wheelchair
4753 
                  </div>
4754 
                  <div class="fa-item col-md-3 col-sm-4">
4755 
                    <i class="fa fa-wrench"></i> fa-wrench
4756 
                  </div>
4757 
                </div>
4758 
                <h3>Form Control Icons</h3>
4759 
                <div class="row margin-bottom-20">
4760 
                  <div class="fa-item col-md-3 col-sm-4">
4761 
                    <i class="fa fa-check-square"></i> fa-check-square
4762 
                  </div>
4763 
                  <div class="fa-item col-md-3 col-sm-4">
4764 
                    <i class="fa fa-check-square-o"></i> fa-check-square-o
4765 
                  </div>
4766 
                  <div class="fa-item col-md-3 col-sm-4">
4767 
                    <i class="fa fa-circle"></i> fa-circle
4768 
                  </div>
4769 
                  <div class="fa-item col-md-3 col-sm-4">
4770 
                    <i class="fa fa-circle-o"></i> fa-circle-o
4771 
                  </div>
4772 
                  <div class="fa-item col-md-3 col-sm-4">
4773 
                    <i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
4774 
                  </div>
4775 
                  <div class="fa-item col-md-3 col-sm-4">
4776 
                    <i class="fa fa-minus-square"></i> fa-minus-square
4777 
                  </div>
4778 
                  <div class="fa-item col-md-3 col-sm-4">
4779 
                    <i class="fa fa-minus-square-o"></i> fa-minus-square-o
4780 
                  </div>
4781 
                  <div class="fa-item col-md-3 col-sm-4">
4782 
                    <i class="fa fa-plus-square"></i> fa-plus-square
4783 
                  </div>
4784 
                  <div class="fa-item col-md-3 col-sm-4">
4785 
                    <i class="fa fa-plus-square-o"></i> fa-plus-square-o
4786 
                  </div>
4787 
                  <div class="fa-item col-md-3 col-sm-4">
4788 
                    <i class="fa fa-square"></i> fa-square
4789 
                  </div>
4790 
                  <div class="fa-item col-md-3 col-sm-4">
4791 
                    <i class="fa fa-square-o"></i> fa-square-o
4792 
                  </div>
4793 
                </div>
4794 
                <h3>Currency Icons</h3>
4795 
                <div class="row margin-bottom-20">
4796 
                  <div class="fa-item col-md-3 col-sm-4">
4797 
                    <i class="fa fa-bitcoin"></i> fa-bitcoin
4798 
                    <span class="text-muted">
4799 
                       (alias)
4800 
                    </span>
4801 
                  </div>
4802 
                  <div class="fa-item col-md-3 col-sm-4">
4803 
                    <i class="fa fa-btc"></i> fa-btc
4804 
                  </div>
4805 
                  <div class="fa-item col-md-3 col-sm-4">
4806 
                    <i class="fa fa-cny"></i> fa-cny
4807 
                    <span class="text-muted">
4808 
                       (alias)
4809 
                    </span>
4810 
                  </div>
4811 
                  <div class="fa-item col-md-3 col-sm-4">
4812 
                    <i class="fa fa-dollar"></i> fa-dollar
4813 
                    <span class="text-muted">
4814 
                       (alias)
4815 
                    </span>
4816 
                  </div>
4817 
                  <div class="fa-item col-md-3 col-sm-4">
4818 
                    <i class="fa fa-eur"></i> fa-eur
4819 
                  </div>
4820 
                  <div class="fa-item col-md-3 col-sm-4">
4821 
                    <i class="fa fa-euro"></i> fa-euro
4822 
                    <span class="text-muted">
4823 
                       (alias)
4824 
                    </span>
4825 
                  </div>
4826 
                  <div class="fa-item col-md-3 col-sm-4">
4827 
                    <i class="fa fa-gbp"></i> fa-gbp
4828 
                  </div>
4829 
                  <div class="fa-item col-md-3 col-sm-4">
4830 
                    <i class="fa fa-inr"></i> fa-inr
4831 
                  </div>
4832 
                  <div class="fa-item col-md-3 col-sm-4">
4833 
                    <i class="fa fa-jpy"></i> fa-jpy
4834 
                  </div>
4835 
                  <div class="fa-item col-md-3 col-sm-4">
4836 
                    <i class="fa fa-krw"></i> fa-krw
4837 
                  </div>
4838 
                  <div class="fa-item col-md-3 col-sm-4">
4839 
                    <i class="fa fa-money"></i> fa-money
4840 
                  </div>
4841 
                  <div class="fa-item col-md-3 col-sm-4">
4842 
                    <i class="fa fa-rmb"></i> fa-rmb
4843 
                    <span class="text-muted">
4844 
                       (alias)
4845 
                    </span>
4846 
                  </div>
4847 
                  <div class="fa-item col-md-3 col-sm-4">
4848 
                    <i class="fa fa-rouble"></i> fa-rouble
4849 
                    <span class="text-muted">
4850 
                       (alias)
4851 
                    </span>
4852 
                  </div>
4853 
                  <div class="fa-item col-md-3 col-sm-4">
4854 
                    <i class="fa fa-rub"></i> fa-rub
4855 
                  </div>
4856 
                  <div class="fa-item col-md-3 col-sm-4">
4857 
                    <i class="fa fa-ruble"></i> fa-ruble
4858 
                    <span class="text-muted">
4859 
                       (alias)
4860 
                    </span>
4861 
                  </div>
4862 
                  <div class="fa-item col-md-3 col-sm-4">
4863 
                    <i class="fa fa-rupee"></i> fa-rupee
4864 
                    <span class="text-muted">
4865 
                       (alias)
4866 
                    </span>
4867 
                  </div>
4868 
                  <div class="fa-item col-md-3 col-sm-4">
4869 
                    <i class="fa fa-try"></i> fa-try
4870 
                  </div>
4871 
                  <div class="fa-item col-md-3 col-sm-4">
4872 
                    <i class="fa fa-turkish-lira"></i> fa-turkish-lira
4873 
                    <span class="text-muted">
4874 
                       (alias)
4875 
                    </span>
4876 
                  </div>
4877 
                  <div class="fa-item col-md-3 col-sm-4">
4878 
                    <i class="fa fa-usd"></i> fa-usd
4879 
                  </div>
4880 
                  <div class="fa-item col-md-3 col-sm-4">
4881 
                    <i class="fa fa-won"></i> fa-won
4882 
                    <span class="text-muted">
4883 
                       (alias)
4884 
                    </span>
4885 
                  </div>
4886 
                  <div class="fa-item col-md-3 col-sm-4">
4887 
                    <i class="fa fa-yen"></i> fa-yen
4888 
                    <span class="text-muted">
4889 
                       (alias)
4890 
                    </span>
4891 
                  </div>
4892 
                </div>
4893 
                <h3>Text Editor Icons</h3>
4894 
                <div class="row margin-bottom-20">
4895 
                  <div class="fa-item col-md-3 col-sm-4">
4896 
                    <i class="fa fa-align-center"></i> fa-align-center
4897 
                  </div>
4898 
                  <div class="fa-item col-md-3 col-sm-4">
4899 
                    <i class="fa fa-align-justify"></i> fa-align-justify
4900 
                  </div>
4901 
                  <div class="fa-item col-md-3 col-sm-4">
4902 
                    <i class="fa fa-align-left"></i> fa-align-left
4903 
                  </div>
4904 
                  <div class="fa-item col-md-3 col-sm-4">
4905 
                    <i class="fa fa-align-right"></i> fa-align-right
4906 
                  </div>
4907 
                  <div class="fa-item col-md-3 col-sm-4">
4908 
                    <i class="fa fa-bold"></i> fa-bold
4909 
                  </div>
4910 
                  <div class="fa-item col-md-3 col-sm-4">
4911 
                    <i class="fa fa-chain"></i> fa-chain
4912 
                    <span class="text-muted">
4913 
                       (alias)
4914 
                    </span>
4915 
                  </div>
4916 
                  <div class="fa-item col-md-3 col-sm-4">
4917 
                    <i class="fa fa-chain-broken"></i> fa-chain-broken
4918 
                  </div>
4919 
                  <div class="fa-item col-md-3 col-sm-4">
4920 
                    <i class="fa fa-clipboard"></i> fa-clipboard
4921 
                  </div>
4922 
                  <div class="fa-item col-md-3 col-sm-4">
4923 
                    <i class="fa fa-columns"></i> fa-columns
4924 
                  </div>
4925 
                  <div class="fa-item col-md-3 col-sm-4">
4926 
                    <i class="fa fa-copy"></i> fa-copy
4927 
                    <span class="text-muted">
4928 
                       (alias)
4929 
                    </span>
4930 
                  </div>
4931 
                  <div class="fa-item col-md-3 col-sm-4">
4932 
                    <i class="fa fa-cut"></i> fa-cut
4933 
                    <span class="text-muted">
4934 
                       (alias)
4935 
                    </span>
4936 
                  </div>
4937 
                  <div class="fa-item col-md-3 col-sm-4">
4938 
                    <i class="fa fa-dedent"></i> fa-dedent
4939 
                    <span class="text-muted">
4940 
                       (alias)
4941 
                    </span>
4942 
                  </div>
4943 
                  <div class="fa-item col-md-3 col-sm-4">
4944 
                    <i class="fa fa-eraser"></i> fa-eraser
4945 
                  </div>
4946 
                  <div class="fa-item col-md-3 col-sm-4">
4947 
                    <i class="fa fa-file"></i> fa-file
4948 
                  </div>
4949 
                  <div class="fa-item col-md-3 col-sm-4">
4950 
                    <i class="fa fa-file-o"></i> fa-file-o
4951 
                  </div>
4952 
                  <div class="fa-item col-md-3 col-sm-4">
4953 
                    <i class="fa fa-file-text"></i> fa-file-text
4954 
                  </div>
4955 
                  <div class="fa-item col-md-3 col-sm-4">
4956 
                    <i class="fa fa-file-text-o"></i> fa-file-text-o
4957 
                  </div>
4958 
                  <div class="fa-item col-md-3 col-sm-4">
4959 
                    <i class="fa fa-files-o"></i> fa-files-o
4960 
                  </div>
4961 
                  <div class="fa-item col-md-3 col-sm-4">
4962 
                    <i class="fa fa-floppy-o"></i> fa-floppy-o
4963 
                  </div>
4964 
                  <div class="fa-item col-md-3 col-sm-4">
4965 
                    <i class="fa fa-font"></i> fa-font
4966 
                  </div>
4967 
                  <div class="fa-item col-md-3 col-sm-4">
4968 
                    <i class="fa fa-indent"></i> fa-indent
4969 
                  </div>
4970 
                  <div class="fa-item col-md-3 col-sm-4">
4971 
                    <i class="fa fa-italic"></i> fa-italic
4972 
                  </div>
4973 
                  <div class="fa-item col-md-3 col-sm-4">
4974 
                    <i class="fa fa-link"></i> fa-link
4975 
                  </div>
4976 
                  <div class="fa-item col-md-3 col-sm-4">
4977 
                    <i class="fa fa-list"></i> fa-list
4978 
                  </div>
4979 
                  <div class="fa-item col-md-3 col-sm-4">
4980 
                    <i class="fa fa-list-alt"></i> fa-list-alt
4981 
                  </div>
4982 
                  <div class="fa-item col-md-3 col-sm-4">
4983 
                    <i class="fa fa-list-ol"></i> fa-list-ol
4984 
                  </div>
4985 
                  <div class="fa-item col-md-3 col-sm-4">
4986 
                    <i class="fa fa-list-ul"></i> fa-list-ul
4987 
                  </div>
4988 
                  <div class="fa-item col-md-3 col-sm-4">
4989 
                    <i class="fa fa-outdent"></i> fa-outdent
4990 
                  </div>
4991 
                  <div class="fa-item col-md-3 col-sm-4">
4992 
                    <i class="fa fa-paperclip"></i> fa-paperclip
4993 
                  </div>
4994 
                  <div class="fa-item col-md-3 col-sm-4">
4995 
                    <i class="fa fa-paste"></i> fa-paste
4996 
                    <span class="text-muted">
4997 
                       (alias)
4998 
                    </span>
4999 
                  </div>
5000 
                  <div class="fa-item col-md-3 col-sm-4">
5001 
                    <i class="fa fa-repeat"></i> fa-repeat
5002 
                  </div>
5003 
                  <div class="fa-item col-md-3 col-sm-4">
5004 
                    <i class="fa fa-rotate-left"></i> fa-rotate-left
5005 
                    <span class="text-muted">
5006 
                       (alias)
5007 
                    </span>
5008 
                  </div>
5009 
                  <div class="fa-item col-md-3 col-sm-4">
5010 
                    <i class="fa fa-rotate-right"></i> fa-rotate-right
5011 
                    <span class="text-muted">
5012 
                       (alias)
5013 
                    </span>
5014 
                  </div>
5015 
                  <div class="fa-item col-md-3 col-sm-4">
5016 
                    <i class="fa fa-save"></i> fa-save
5017 
                    <span class="text-muted">
5018 
                       (alias)
5019 
                    </span>
5020 
                  </div>
5021 
                  <div class="fa-item col-md-3 col-sm-4">
5022 
                    <i class="fa fa-scissors"></i> fa-scissors
5023 
                  </div>
5024 
                  <div class="fa-item col-md-3 col-sm-4">
5025 
                    <i class="fa fa-strikethrough"></i> fa-strikethrough
5026 
                  </div>
5027 
                  <div class="fa-item col-md-3 col-sm-4">
5028 
                    <i class="fa fa-table"></i> fa-table
5029 
                  </div>
5030 
                  <div class="fa-item col-md-3 col-sm-4">
5031 
                    <i class="fa fa-text-height"></i> fa-text-height
5032 
                  </div>
5033 
                  <div class="fa-item col-md-3 col-sm-4">
5034 
                    <i class="fa fa-text-width"></i> fa-text-width
5035 
                  </div>
5036 
                  <div class="fa-item col-md-3 col-sm-4">
5037 
                    <i class="fa fa-th"></i> fa-th
5038 
                  </div>
5039 
                  <div class="fa-item col-md-3 col-sm-4">
5040 
                    <i class="fa fa-th-large"></i> fa-th-large
5041 
                  </div>
5042 
                  <div class="fa-item col-md-3 col-sm-4">
5043 
                    <i class="fa fa-th-list"></i> fa-th-list
5044 
                  </div>
5045 
                  <div class="fa-item col-md-3 col-sm-4">
5046 
                    <i class="fa fa-underline"></i> fa-underline
5047 
                  </div>
5048 
                  <div class="fa-item col-md-3 col-sm-4">
5049 
                    <i class="fa fa-undo"></i> fa-undo
5050 
                  </div>
5051 
                  <div class="fa-item col-md-3 col-sm-4">
5052 
                    <i class="fa fa-unlink"></i> fa-unlink
5053 
                    <span class="text-muted">
5054 
                       (alias)
5055 
                    </span>
5056 
                  </div>
5057 
                </div>
5058 
                <h3>Directional Icons</h3>
5059 
                <div class="row margin-bottom-20">
5060 
                  <div class="fa-item col-md-3 col-sm-4">
5061 
                    <i class="fa fa-angle-double-down"></i> fa-angle-double-down
5062 
                  </div>
5063 
                  <div class="fa-item col-md-3 col-sm-4">
5064 
                    <i class="fa fa-angle-double-left"></i> fa-angle-double-left
5065 
                  </div>
5066 
                  <div class="fa-item col-md-3 col-sm-4">
5067 
                    <i class="fa fa-angle-double-right"></i> fa-angle-double-right
5068 
                  </div>
5069 
                  <div class="fa-item col-md-3 col-sm-4">
5070 
                    <i class="fa fa-angle-double-up"></i> fa-angle-double-up
5071 
                  </div>
5072 
                  <div class="fa-item col-md-3 col-sm-4">
5073 
                    <i class="fa fa-angle-down"></i>
5074 
                     fa-angle-down
5075 
                  </div>
5076 
                  <div class="fa-item col-md-3 col-sm-4">
5077 
                    <i class="fa fa-angle-left"></i> fa-angle-left
5078 
                  </div>
5079 
                  <div class="fa-item col-md-3 col-sm-4">
5080 
                    <i class="fa fa-angle-right"></i> fa-angle-right
5081 
                  </div>
5082 
                  <div class="fa-item col-md-3 col-sm-4">
5083 
                    <i class="fa fa-angle-up"></i> fa-angle-up
5084 
                  </div>
5085 
                  <div class="fa-item col-md-3 col-sm-4">
5086 
                    <i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
5087 
                  </div>
5088 
                  <div class="fa-item col-md-3 col-sm-4">
5089 
                    <i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
5090 
                  </div>
5091 
                  <div class="fa-item col-md-3 col-sm-4">
5092 
                    <i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down
5093 
                  </div>
5094 
                  <div class="fa-item col-md-3 col-sm-4">
5095 
                    <i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
5096 
                  </div>
5097 
                  <div class="fa-item col-md-3 col-sm-4">
5098 
                    <i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
5099 
                  </div>
5100 
                  <div class="fa-item col-md-3 col-sm-4">
5101 
                    <i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
5102 
                  </div>
5103 
                  <div class="fa-item col-md-3 col-sm-4">
5104 
                    <i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
5105 
                  </div>
5106 
                  <div class="fa-item col-md-3 col-sm-4">
5107 
                    <i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
5108 
                  </div>
5109 
                  <div class="fa-item col-md-3 col-sm-4">
5110 
                    <i class="fa fa-arrow-down"></i> fa-arrow-down
5111 
                  </div>
5112 
                  <div class="fa-item col-md-3 col-sm-4">
5113 
                    <i class="fa fa-arrow-left"></i> fa-arrow-left
5114 
                  </div>
5115 
                  <div class="fa-item col-md-3 col-sm-4">
5116 
                    <i class="fa fa-arrow-right"></i> fa-arrow-right
5117 
                  </div>
5118 
                  <div class="fa-item col-md-3 col-sm-4">
5119 
                    <i class="fa fa-arrow-up"></i> fa-arrow-up
5120 
                  </div>
5121 
                  <div class="fa-item col-md-3 col-sm-4">
5122 
                    <i class="fa fa-arrows"></i> fa-arrows
5123 
                  </div>
5124 
                  <div class="fa-item col-md-3 col-sm-4">
5125 
                    <i class="fa fa-arrows-alt"></i> fa-arrows-alt
5126 
                  </div>
5127 
                  <div class="fa-item col-md-3 col-sm-4">
5128 
                    <i class="fa fa-arrows-h"></i> fa-arrows-h
5129 
                  </div>
5130 
                  <div class="fa-item col-md-3 col-sm-4">
5131 
                    <i class="fa fa-arrows-v"></i> fa-arrows-v
5132 
                  </div>
5133 
                  <div class="fa-item col-md-3 col-sm-4">
5134 
                    <i class="fa fa-caret-down"></i> fa-caret-down
5135 
                  </div>
5136 
                  <div class="fa-item col-md-3 col-sm-4">
5137 
                    <i class="fa fa-caret-left"></i> fa-caret-left
5138 
                  </div>
5139 
                  <div class="fa-item col-md-3 col-sm-4">
5140 
                    <i class="fa fa-caret-right"></i> fa-caret-right
5141 
                  </div>
5142 
                  <div class="fa-item col-md-3 col-sm-4">
5143 
                    <i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
5144 
                  </div>
5145 
                  <div class="fa-item col-md-3 col-sm-4">
5146 
                    <i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
5147 
                  </div>
5148 
                  <div class="fa-item col-md-3 col-sm-4">
5149 
                    <i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
5150 
                  </div>
5151 
                  <div class="fa-item col-md-3 col-sm-4">
5152 
                    <i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
5153 
                  </div>
5154 
                  <div class="fa-item col-md-3 col-sm-4">
5155 
                    <i class="fa fa-caret-up"></i> fa-caret-up
5156 
                  </div>
5157 
                  <div class="fa-item col-md-3 col-sm-4">
5158 
                    <i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down
5159 
                  </div>
5160 
                  <div class="fa-item col-md-3 col-sm-4">
5161 
                    <i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left
5162 
                  </div>
5163 
                  <div class="fa-item col-md-3 col-sm-4">
5164 
                    <i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right
5165 
                  </div>
5166 
                  <div class="fa-item col-md-3 col-sm-4">
5167 
                    <i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up
5168 
                  </div>
5169 
                  <div class="fa-item col-md-3 col-sm-4">
5170 
                    <i class="fa fa-chevron-down"></i> fa-chevron-down
5171 
                  </div>
5172 
                  <div class="fa-item col-md-3 col-sm-4">
5173 
                    <i class="fa fa-chevron-left"></i> fa-chevron-left
5174 
                  </div>
5175 
                  <div class="fa-item col-md-3 col-sm-4">
5176 
                    <i class="fa fa-chevron-right"></i> fa-chevron-right
5177 
                  </div>
5178 
                  <div class="fa-item col-md-3 col-sm-4">
5179 
                    <i class="fa fa-chevron-up"></i> fa-chevron-up
5180 
                  </div>
5181 
                  <div class="fa-item col-md-3 col-sm-4">
5182 
                    <i class="fa fa-hand-o-down"></i> fa-hand-o-down
5183 
                  </div>
5184 
                  <div class="fa-item col-md-3 col-sm-4">
5185 
                    <i class="fa fa-hand-o-left"></i> fa-hand-o-left
5186 
                  </div>
5187 
                  <div class="fa-item col-md-3 col-sm-4">
5188 
                    <i class="fa fa-hand-o-right"></i> fa-hand-o-right
5189 
                  </div>
5190 
                  <div class="fa-item col-md-3 col-sm-4">
5191 
                    <i class="fa fa-hand-o-up"></i> fa-hand-o-up
5192 
                  </div>
5193 
                  <div class="fa-item col-md-3 col-sm-4">
5194 
                    <i class="fa fa-long-arrow-down"></i> fa-long-arrow-down
5195 
                  </div>
5196 
                  <div class="fa-item col-md-3 col-sm-4">
5197 
                    <i class="fa fa-long-arrow-left"></i> fa-long-arrow-left
5198 
                  </div>
5199 
                  <div class="fa-item col-md-3 col-sm-4">
5200 
                    <i class="fa fa-long-arrow-right"></i> fa-long-arrow-right
5201 
                  </div>
5202 
                  <div class="fa-item col-md-3 col-sm-4">
5203 
                    <i class="fa fa-long-arrow-up"></i> fa-long-arrow-up
5204 
                  </div>
5205 
                  <div class="fa-item col-md-3 col-sm-4">
5206 
                    <i class="fa fa-toggle-down"></i> fa-toggle-down
5207 
                    <span class="text-muted">
5208 
                       (alias)
5209 
                    </span>
5210 
                  </div>
5211 
                  <div class="fa-item col-md-3 col-sm-4">
5212 
                    <i class="fa fa-toggle-left"></i> fa-toggle-left
5213 
                    <span class="text-muted">
5214 
                       (alias)
5215 
                    </span>
5216 
                  </div>
5217 
                  <div class="fa-item col-md-3 col-sm-4">
5218 
                    <i class="fa fa-toggle-right"></i> fa-toggle-right
5219 
                    <span class="text-muted">
5220 
                       (alias)
5221 
                    </span>
5222 
                  </div>
5223 
                  <div class="fa-item col-md-3 col-sm-4">
5224 
                    <i class="fa fa-toggle-up"></i> fa-toggle-up
5225 
                    <span class="text-muted">
5226 
                       (alias)
5227 
                    </span>
5228 
                  </div>
5229 
                </div>
5230 
                <h3>Video Player Icons</h3>
5231 
                <div class="row margin-bottom-20">
5232 
                  <div class="fa-item col-md-3 col-sm-4">
5233 
                    <i class="fa fa-arrows-alt"></i> fa-arrows-alt
5234 
                  </div>
5235 
                  <div class="fa-item col-md-3 col-sm-4">
5236 
                    <i class="fa fa-backward"></i> fa-backward
5237 
                  </div>
5238 
                  <div class="fa-item col-md-3 col-sm-4">
5239 
                    <i class="fa fa-compress"></i> fa-compress
5240 
                  </div>
5241 
                  <div class="fa-item col-md-3 col-sm-4">
5242 
                    <i class="fa fa-eject"></i> fa-eject
5243 
                  </div>
5244 
                  <div class="fa-item col-md-3 col-sm-4">
5245 
                    <i class="fa fa-expand"></i> fa-expand
5246 
                  </div>
5247 
                  <div class="fa-item col-md-3 col-sm-4">
5248 
                    <i class="fa fa-fast-backward"></i> fa-fast-backward
5249 
                  </div>
5250 
                  <div class="fa-item col-md-3 col-sm-4">
5251 
                    <i class="fa fa-fast-forward"></i> fa-fast-forward
5252 
                  </div>
5253 
                  <div class="fa-item col-md-3 col-sm-4">
5254 
                    <i class="fa fa-forward"></i> fa-forward
5255 
                  </div>
5256 
                  <div class="fa-item col-md-3 col-sm-4">
5257 
                    <i class="fa fa-pause"></i> fa-pause
5258 
                  </div>
5259 
                  <div class="fa-item col-md-3 col-sm-4">
5260 
                    <i class="fa fa-play"></i> fa-play
5261 
                  </div>
5262 
                  <div class="fa-item col-md-3 col-sm-4">
5263 
                    <i class="fa fa-play-circle"></i> fa-play-circle
5264 
                  </div>
5265 
                  <div class="fa-item col-md-3 col-sm-4">
5266 
                    <i class="fa fa-play-circle-o"></i> fa-play-circle-o
5267 
                  </div>
5268 
                  <div class="fa-item col-md-3 col-sm-4">
5269 
                    <i class="fa fa-step-backward"></i> fa-step-backward
5270 
                  </div>
5271 
                  <div class="fa-item col-md-3 col-sm-4">
5272 
                    <i class="fa fa-step-forward"></i> fa-step-forward
5273 
                  </div>
5274 
                  <div class="fa-item col-md-3 col-sm-4">
5275 
                    <i class="fa fa-stop"></i> fa-stop
5276 
                  </div>
5277 
                  <div class="fa-item col-md-3 col-sm-4">
5278 
                    <i class="fa fa-youtube-play"></i> fa-youtube-play
5279 
                  </div>
5280 
                </div>
5281 
                <h3>Brand Icons</h3>
5282 
                <div class="alert alert-success">
5283 
                  <ul class="margin-bottom-none padding-left-lg">
5284 
                    <li>
5285 
                       All brand icons are trademarks of their respective owners.
5286 
                    </li>
5287 
                    <li>
5288 
                       The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
5289 
                    </li>
5290 
                  </ul>
5291 
                </div>
5292 
                <div class="row margin-bottom-20">
5293 
                  <div class="fa-item col-md-3 col-sm-4">
5294 
                    <i class="fa fa-adn"></i> fa-adn
5295 
                  </div>
5296 
                  <div class="fa-item col-md-3 col-sm-4">
5297 
                    <i class="fa fa-android"></i> fa-android
5298 
                  </div>
5299 
                  <div class="fa-item col-md-3 col-sm-4">
5300 
                    <i class="fa fa-apple"></i> fa-apple
5301 
                  </div>
5302 
                  <div class="fa-item col-md-3 col-sm-4">
5303 
                    <i class="fa fa-bitbucket"></i> fa-bitbucket
5304 
                  </div>
5305 
                  <div class="fa-item col-md-3 col-sm-4">
5306 
                    <i class="fa fa-bitbucket-square"></i> fa-bitbucket-square
5307 
                  </div>
5308 
                  <div class="fa-item col-md-3 col-sm-4">
5309 
                    <i class="fa fa-bitcoin"></i> fa-bitcoin
5310 
                    <span class="text-muted">
5311 
                       (alias)
5312 
                    </span>
5313 
                  </div>
5314 
                  <div class="fa-item col-md-3 col-sm-4">
5315 
                    <i class="fa fa-btc"></i> fa-btc
5316 
                  </div>
5317 
                  <div class="fa-item col-md-3 col-sm-4">
5318 
                    <i class="fa fa-css3"></i> fa-css3
5319 
                  </div>
5320 
                  <div class="fa-item col-md-3 col-sm-4">
5321 
                    <i class="fa fa-dribbble"></i> fa-dribbble
5322 
                  </div>
5323 
                  <div class="fa-item col-md-3 col-sm-4">
5324 
                    <i class="fa fa-dropbox"></i> fa-dropbox
5325 
                  </div>
5326 
                  <div class="fa-item col-md-3 col-sm-4">
5327 
                    <i class="fa fa-facebook"></i> fa-facebook
5328 
                  </div>
5329 
                  <div class="fa-item col-md-3 col-sm-4">
5330 
                    <i class="fa fa-facebook-square"></i> fa-facebook-square
5331 
                  </div>
5332 
                  <div class="fa-item col-md-3 col-sm-4">
5333 
                    <i class="fa fa-flickr"></i> fa-flickr
5334 
                  </div>
5335 
                  <div class="fa-item col-md-3 col-sm-4">
5336 
                    <i class="fa fa-foursquare"></i> fa-foursquare
5337 
                  </div>
5338 
                  <div class="fa-item col-md-3 col-sm-4">
5339 
                    <i class="fa fa-github"></i> fa-github
5340 
                  </div>
5341 
                  <div class="fa-item col-md-3 col-sm-4">
5342 
                    <i class="fa fa-github-alt"></i> fa-github-alt
5343 
                  </div>
5344 
                  <div class="fa-item col-md-3 col-sm-4">
5345 
                    <i class="fa fa-github-square"></i> fa-github-square
5346 
                  </div>
5347 
                  <div class="fa-item col-md-3 col-sm-4">
5348 
                    <i class="fa fa-gittip"></i> fa-gittip
5349 
                  </div>
5350 
                  <div class="fa-item col-md-3 col-sm-4">
5351 
                    <i class="fa fa-google-plus"></i> fa-google-plus
5352 
                  </div>
5353 
                  <div class="fa-item col-md-3 col-sm-4">
5354 
                    <i class="fa fa-google-plus-square"></i> fa-google-plus-square
5355 
                  </div>
5356 
                  <div class="fa-item col-md-3 col-sm-4">
5357 
                    <i class="fa fa-html5"></i> fa-html5
5358 
                  </div>
5359 
                  <div class="fa-item col-md-3 col-sm-4">
5360 
                    <i class="fa fa-instagram"></i> fa-instagram
5361 
                  </div>
5362 
                  <div class="fa-item col-md-3 col-sm-4">
5363 
                    <i class="fa fa-linkedin"></i> fa-linkedin
5364 
                  </div>
5365 
                  <div class="fa-item col-md-3 col-sm-4">
5366 
                    <i class="fa fa-linkedin-square"></i> fa-linkedin-square
5367 
                  </div>
5368 
                  <div class="fa-item col-md-3 col-sm-4">
5369 
                    <i class="fa fa-linux"></i> fa-linux
5370 
                  </div>
5371 
                  <div class="fa-item col-md-3 col-sm-4">
5372 
                    <i class="fa fa-maxcdn"></i> fa-maxcdn
5373 
                  </div>
5374 
                  <div class="fa-item col-md-3 col-sm-4">
5375 
                    <i class="fa fa-pagelines"></i> fa-pagelines
5376 
                  </div>
5377 
                  <div class="fa-item col-md-3 col-sm-4">
5378 
                    <i class="fa fa-pinterest"></i> fa-pinterest
5379 
                  </div>
5380 
                  <div class="fa-item col-md-3 col-sm-4">
5381 
                    <i class="fa fa-pinterest-square"></i> fa-pinterest-square
5382 
                  </div>
5383 
                  <div class="fa-item col-md-3 col-sm-4">
5384 
                    <i class="fa fa-renren"></i> fa-renren
5385 
                  </div>
5386 
                  <div class="fa-item col-md-3 col-sm-4">
5387 
                    <i class="fa fa-skype"></i> fa-skype
5388 
                  </div>
5389 
                  <div class="fa-item col-md-3 col-sm-4">
5390 
                    <i class="fa fa-stack-exchange"></i> fa-stack-exchange
5391 
                  </div>
5392 
                  <div class="fa-item col-md-3 col-sm-4">
5393 
                    <i class="fa fa-stack-overflow"></i> fa-stack-overflow
5394 
                  </div>
5395 
                  <div class="fa-item col-md-3 col-sm-4">
5396 
                    <i class="fa fa-trello"></i> fa-trello
5397 
                  </div>
5398 
                  <div class="fa-item col-md-3 col-sm-4">
5399 
                    <i class="fa fa-tumblr"></i> fa-tumblr
5400 
                  </div>
5401 
                  <div class="fa-item col-md-3 col-sm-4">
5402 
                    <i class="fa fa-tumblr-square"></i> fa-tumblr-square
5403 
                  </div>
5404 
                  <div class="fa-item col-md-3 col-sm-4">
5405 
                    <i class="fa fa-twitter"></i> fa-twitter
5406 
                  </div>
5407 
                  <div class="fa-item col-md-3 col-sm-4">
5408 
                    <i class="fa fa-twitter-square"></i> fa-twitter-square
5409 
                  </div>
5410 
                  <div class="fa-item col-md-3 col-sm-4">
5411 
                    <i class="fa fa-vimeo-square"></i> fa-vimeo-square
5412 
                  </div>
5413 
                  <div class="fa-item col-md-3 col-sm-4">
5414 
                    <i class="fa fa-vk"></i> fa-vk
5415 
                  </div>
5416 
                  <div class="fa-item col-md-3 col-sm-4">
5417 
                    <i class="fa fa-weibo"></i> fa-weibo
5418 
                  </div>
5419 
                  <div class="fa-item col-md-3 col-sm-4">
5420 
                    <i class="fa fa-windows"></i> fa-windows
5421 
                  </div>
5422 
                  <div class="fa-item col-md-3 col-sm-4">
5423 
                    <i class="fa fa-xing"></i> fa-xing
5424 
                  </div>
5425 
                  <div class="fa-item col-md-3 col-sm-4">
5426 
                    <i class="fa fa-xing-square"></i> fa-xing-square
5427 
                  </div>
5428 
                  <div class="fa-item col-md-3 col-sm-4">
5429 
                    <i class="fa fa-youtube"></i> fa-youtube
5430 
                  </div>
5431 
                  <div class="fa-item col-md-3 col-sm-4">
5432 
                    <i class="fa fa-youtube-play"></i> fa-youtube-play
5433 
                  </div>
5434 
                  <div class="fa-item col-md-3 col-sm-4">
5435 
                    <i class="fa fa-youtube-square"></i> fa-youtube-square
5436 
                  </div>
5437 
                </div>
5438 
                <h3>Medical Icons</h3>
5439 
                <div class="row margin-bottom-20">
5440 
                  <div class="fa-item col-md-3 col-sm-4">
5441 
                    <i class="fa fa-ambulance"></i> fa-ambulance
5442 
                  </div>
5443 
                  <div class="fa-item col-md-3 col-sm-4">
5444 
                    <i class="fa fa-h-square"></i> fa-h-square
5445 
                  </div>
5446 
                  <div class="fa-item col-md-3 col-sm-4">
5447 
                    <i class="fa fa-hospital-o"></i> fa-hospital-o
5448 
                  </div>
5449 
                  <div class="fa-item col-md-3 col-sm-4">
5450 
                    <i class="fa fa-medkit"></i> fa-medkit
5451 
                  </div>
5452 
                  <div class="fa-item col-md-3 col-sm-4">
5453 
                    <i class="fa fa-plus-square"></i> fa-plus-square
5454 
                  </div>
5455 
                  <div class="fa-item col-md-3 col-sm-4">
5456 
                    <i class="fa fa-stethoscope"></i> fa-stethoscope
5457 
                  </div>
5458 
                  <div class="fa-item col-md-3 col-sm-4">
5459 
                    <i class="fa fa-user-md"></i> fa-user-md
5460 
                  </div>
5461 
                  <div class="fa-item col-md-3 col-sm-4">
5462 
                    <i class="fa fa-wheelchair"></i> fa-wheelchair
5463 
                  </div>
5464 
                </div>
5465 
              </div>
5466 
              <div class="tab-pane glyphicons-demo" id="tab_1_2">
5467 
                <div class="note note-success">
5468 
                  <p>
5469 
                     Includes 200 glyphs in font format from the Glyphicon Halflings set.
5470 
                    <a href="http://glyphicons.com/" target="_blank">
5471 
                       Glyphicons
5472 
                    </a>
5473 
                     Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost.
5474 
                  </p>
5475 
                </div>
5476 
                <ul class="bs-glyphicons-list">
5477 
                  <li>
5478 
                    <span class="glyphicon glyphicon-asterisk">
5479 
                    </span>
5480 
                    <span class="glyphicon-class">
5481 
                       glyphicon glyphicon-asterisk
5482 
                    </span>
5483 
                  </li>
5484 
                  <li>
5485 
                    <span class="glyphicon glyphicon-plus">
5486 
                    </span>
5487 
                    <span class="glyphicon-class">
5488 
                       glyphicon glyphicon-plus
5489 
                    </span>
5490 
                  </li>
5491 
                  <li>
5492 
                    <span class="glyphicon glyphicon-euro">
5493 
                    </span>
5494 
                    <span class="glyphicon-class">
5495 
                       glyphicon glyphicon-euro
5496 
                    </span>
5497 
                  </li>
5498 
                  <li>
5499 
                    <span class="glyphicon glyphicon-minus">
5500 
                    </span>
5501 
                    <span class="glyphicon-class">
5502 
                       glyphicon glyphicon-minus
5503 
                    </span>
5504 
                  </li>
5505 
                  <li>
5506 
                    <span class="glyphicon glyphicon-cloud">
5507 
                    </span>
5508 
                    <span class="glyphicon-class">
5509 
                       glyphicon glyphicon-cloud
5510 
                    </span>
5511 
                  </li>
5512 
                  <li>
5513 
                    <span class="glyphicon glyphicon-envelope">
5514 
                    </span>
5515 
                    <span class="glyphicon-class">
5516 
                       glyphicon glyphicon-envelope
5517 
                    </span>
5518 
                  </li>
5519 
                  <li>
5520 
                    <span class="glyphicon glyphicon-pencil">
5521 
                    </span>
5522 
                    <span class="glyphicon-class">
5523 
                       glyphicon glyphicon-pencil
5524 
                    </span>
5525 
                  </li>
5526 
                  <li>
5527 
                    <span class="glyphicon glyphicon-glass">
5528 
                    </span>
5529 
                    <span class="glyphicon-class">
5530 
                       glyphicon glyphicon-glass
5531 
                    </span>
5532 
                  </li>
5533 
                  <li>
5534 
                    <span class="glyphicon glyphicon-music">
5535 
                    </span>
5536 
                    <span class="glyphicon-class">
5537 
                       glyphicon glyphicon-music
5538 
                    </span>
5539 
                  </li>
5540 
                  <li>
5541 
                    <span class="glyphicon glyphicon-search">
5542 
                    </span>
5543 
                    <span class="glyphicon-class">
5544 
                       glyphicon glyphicon-search
5545 
                    </span>
5546 
                  </li>
5547 
                  <li>
5548 
                    <span class="glyphicon glyphicon-heart">
5549 
                    </span>
5550 
                    <span class="glyphicon-class">
5551 
                       glyphicon glyphicon-heart
5552 
                    </span>
5553 
                  </li>
5554 
                  <li>
5555 
                    <span class="glyphicon glyphicon-star">
5556 
                    </span>
5557 
                    <span class="glyphicon-class">
5558 
                       glyphicon glyphicon-star
5559 
                    </span>
5560 
                  </li>
5561 
                  <li>
5562 
                    <span class="glyphicon glyphicon-star-empty">
5563 
                    </span>
5564 
                    <span class="glyphicon-class">
5565 
                       glyphicon glyphicon-star-empty
5566 
                    </span>
5567 
                  </li>
5568 
                  <li>
5569 
                    <span class="glyphicon glyphicon-user">
5570 
                    </span>
5571 
                    <span class="glyphicon-class">
5572 
                       glyphicon glyphicon-user
5573 
                    </span>
5574 
                  </li>
5575 
                  <li>
5576 
                    <span class="glyphicon glyphicon-film">
5577 
                    </span>
5578 
                    <span class="glyphicon-class">
5579 
                       glyphicon glyphicon-film
5580 
                    </span>
5581 
                  </li>
5582 
                  <li>
5583 
                    <span class="glyphicon glyphicon-th-large">
5584 
                    </span>
5585 
                    <span class="glyphicon-class">
5586 
                       glyphicon glyphicon-th-large
5587 
                    </span>
5588 
                  </li>
5589 
                  <li>
5590 
                    <span class="glyphicon glyphicon-th">
5591 
                    </span>
5592 
                    <span class="glyphicon-class">
5593 
                       glyphicon glyphicon-th
5594 
                    </span>
5595 
                  </li>
5596 
                  <li>
5597 
                    <span class="glyphicon glyphicon-th-list">
5598 
                    </span>
5599 
                    <span class="glyphicon-class">
5600 
                       glyphicon glyphicon-th-list
5601 
                    </span>
5602 
                  </li>
5603 
                  <li>
5604 
                    <span class="glyphicon glyphicon-ok">
5605 
                    </span>
5606 
                    <span class="glyphicon-class">
5607 
                       glyphicon glyphicon-ok
5608 
                    </span>
5609 
                  </li>
5610 
                  <li>
5611 
                    <span class="glyphicon glyphicon-remove">
5612 
                    </span>
5613 
                    <span class="glyphicon-class">
5614 
                       glyphicon glyphicon-remove
5615 
                    </span>
5616 
                  </li>
5617 
                  <li>
5618 
                    <span class="glyphicon glyphicon-zoom-in">
5619 
                    </span>
5620 
                    <span class="glyphicon-class">
5621 
                       glyphicon glyphicon-zoom-in
5622 
                    </span>
5623 
                  </li>
5624 
                  <li>
5625 
                    <span class="glyphicon glyphicon-zoom-out">
5626 
                    </span>
5627 
                    <span class="glyphicon-class">
5628 
                       glyphicon glyphicon-zoom-out
5629 
                    </span>
5630 
                  </li>
5631 
                  <li>
5632 
                    <span class="glyphicon glyphicon-off">
5633 
                    </span>
5634 
                    <span class="glyphicon-class">
5635 
                       glyphicon glyphicon-off
5636 
                    </span>
5637 
                  </li>
5638 
                  <li>
5639 
                    <span class="glyphicon glyphicon-signal">
5640 
                    </span>
5641 
                    <span class="glyphicon-class">
5642 
                       glyphicon glyphicon-signal
5643 
                    </span>
5644 
                  </li>
5645 
                  <li>
5646 
                    <span class="glyphicon glyphicon-cog">
5647 
                    </span>
5648 
                    <span class="glyphicon-class">
5649 
                       glyphicon glyphicon-cog
5650 
                    </span>
5651 
                  </li>
5652 
                  <li>
5653 
                    <span class="glyphicon glyphicon-trash">
5654 
                    </span>
5655 
                    <span class="glyphicon-class">
5656 
                       glyphicon glyphicon-trash
5657 
                    </span>
5658 
                  </li>
5659 
                  <li>
5660 
                    <span class="glyphicon glyphicon-home">
5661 
                    </span>
5662 
                    <span class="glyphicon-class">
5663 
                       glyphicon glyphicon-home
5664 
                    </span>
5665 
                  </li>
5666 
                  <li>
5667 
                    <span class="glyphicon glyphicon-file">
5668 
                    </span>
5669 
                    <span class="glyphicon-class">
5670 
                       glyphicon glyphicon-file
5671 
                    </span>
5672 
                  </li>
5673 
                  <li>
5674 
                    <span class="glyphicon glyphicon-time">
5675 
                    </span>
5676 
                    <span class="glyphicon-class">
5677 
                       glyphicon glyphicon-time
5678 
                    </span>
5679 
                  </li>
5680 
                  <li>
5681 
                    <span class="glyphicon glyphicon-road">
5682 
                    </span>
5683 
                    <span class="glyphicon-class">
5684 
                       glyphicon glyphicon-road
5685 
                    </span>
5686 
                  </li>
5687 
                  <li>
5688 
                    <span class="glyphicon glyphicon-download-alt">
5689 
                    </span>
5690 
                    <span class="glyphicon-class">
5691 
                       glyphicon glyphicon-download-alt
5692 
                    </span>
5693 
                  </li>
5694 
                  <li>
5695 
                    <span class="glyphicon glyphicon-download">
5696 
                    </span>
5697 
                    <span class="glyphicon-class">
5698 
                       glyphicon glyphicon-download
5699 
                    </span>
5700 
                  </li>
5701 
                  <li>
5702 
                    <span class="glyphicon glyphicon-upload">
5703 
                    </span>
5704 
                    <span class="glyphicon-class">
5705 
                       glyphicon glyphicon-upload
5706 
                    </span>
5707 
                  </li>
5708 
                  <li>
5709 
                    <span class="glyphicon glyphicon-inbox">
5710 
                    </span>
5711 
                    <span class="glyphicon-class">
5712 
                       glyphicon glyphicon-inbox
5713 
                    </span>
5714 
                  </li>
5715 
                  <li>
5716 
                    <span class="glyphicon glyphicon-play-circle">
5717 
                    </span>
5718 
                    <span class="glyphicon-class">
5719 
                       glyphicon glyphicon-play-circle
5720 
                    </span>
5721 
                  </li>
5722 
                  <li>
5723 
                    <span class="glyphicon glyphicon-repeat">
5724 
                    </span>
5725 
                    <span class="glyphicon-class">
5726 
                       glyphicon glyphicon-repeat
5727 
                    </span>
5728 
                  </li>
5729 
                  <li>
5730 
                    <span class="glyphicon glyphicon-refresh">
5731 
                    </span>
5732 
                    <span class="glyphicon-class">
5733 
                       glyphicon glyphicon-refresh
5734 
                    </span>
5735 
                  </li>
5736 
                  <li>
5737 
                    <span class="glyphicon glyphicon-list-alt">
5738 
                    </span>
5739 
                    <span class="glyphicon-class">
5740 
                       glyphicon glyphicon-list-alt
5741 
                    </span>
5742 
                  </li>
5743 
                  <li>
5744 
                    <span class="glyphicon glyphicon-lock">
5745 
                    </span>
5746 
                    <span class="glyphicon-class">
5747 
                       glyphicon glyphicon-lock
5748 
                    </span>
5749 
                  </li>
5750 
                  <li>
5751 
                    <span class="glyphicon glyphicon-flag">
5752 
                    </span>
5753 
                    <span class="glyphicon-class">
5754 
                       glyphicon glyphicon-flag
5755 
                    </span>
5756 
                  </li>
5757 
                  <li>
5758 
                    <span class="glyphicon glyphicon-headphones">
5759 
                    </span>
5760 
                    <span class="glyphicon-class">
5761 
                       glyphicon glyphicon-headphones
5762 
                    </span>
5763 
                  </li>
5764 
                  <li>
5765 
                    <span class="glyphicon glyphicon-volume-off">
5766 
                    </span>
5767 
                    <span class="glyphicon-class">
5768 
                       glyphicon glyphicon-volume-off
5769 
                    </span>
5770 
                  </li>
5771 
                  <li>
5772 
                    <span class="glyphicon glyphicon-volume-down">
5773 
                    </span>
5774 
                    <span class="glyphicon-class">
5775 
                       glyphicon glyphicon-volume-down
5776 
                    </span>
5777 
                  </li>
5778 
                  <li>
5779 
                    <span class="glyphicon glyphicon-volume-up">
5780 
                    </span>
5781 
                    <span class="glyphicon-class">
5782 
                       glyphicon glyphicon-volume-up
5783 
                    </span>
5784 
                  </li>
5785 
                  <li>
5786 
                    <span class="glyphicon glyphicon-qrcode">
5787 
                    </span>
5788 
                    <span class="glyphicon-class">
5789 
                       glyphicon glyphicon-qrcode
5790 
                    </span>
5791 
                  </li>
5792 
                  <li>
5793 
                    <span class="glyphicon glyphicon-barcode">
5794 
                    </span>
5795 
                    <span class="glyphicon-class">
5796 
                       glyphicon glyphicon-barcode
5797 
                    </span>
5798 
                  </li>
5799 
                  <li>
5800 
                    <span class="glyphicon glyphicon-tag">
5801 
                    </span>
5802 
                    <span class="glyphicon-class">
5803 
                       glyphicon glyphicon-tag
5804 
                    </span>
5805 
                  </li>
5806 
                  <li>
5807 
                    <span class="glyphicon glyphicon-tags">
5808 
                    </span>
5809 
                    <span class="glyphicon-class">
5810 
                       glyphicon glyphicon-tags
5811 
                    </span>
5812 
                  </li>
5813 
                  <li>
5814 
                    <span class="glyphicon glyphicon-book">
5815 
                    </span>
5816 
                    <span class="glyphicon-class">
5817 
                       glyphicon glyphicon-book
5818 
                    </span>
5819 
                  </li>
5820 
                  <li>
5821 
                    <span class="glyphicon glyphicon-bookmark">
5822 
                    </span>
5823 
                    <span class="glyphicon-class">
5824 
                       glyphicon glyphicon-bookmark
5825 
                    </span>
5826 
                  </li>
5827 
                  <li>
5828 
                    <span class="glyphicon glyphicon-print">
5829 
                    </span>
5830 
                    <span class="glyphicon-class">
5831 
                       glyphicon glyphicon-print
5832 
                    </span>
5833 
                  </li>
5834 
                  <li>
5835 
                    <span class="glyphicon glyphicon-camera">
5836 
                    </span>
5837 
                    <span class="glyphicon-class">
5838 
                       glyphicon glyphicon-camera
5839 
                    </span>
5840 
                  </li>
5841 
                  <li>
5842 
                    <span class="glyphicon glyphicon-font">
5843 
                    </span>
5844 
                    <span class="glyphicon-class">
5845 
                       glyphicon glyphicon-font
5846 
                    </span>
5847 
                  </li>
5848 
                  <li>
5849 
                    <span class="glyphicon glyphicon-bold">
5850 
                    </span>
5851 
                    <span class="glyphicon-class">
5852 
                       glyphicon glyphicon-bold
5853 
                    </span>
5854 
                  </li>
5855 
                  <li>
5856 
                    <span class="glyphicon glyphicon-italic">
5857 
                    </span>
5858 
                    <span class="glyphicon-class">
5859 
                       glyphicon glyphicon-italic
5860 
                    </span>
5861 
                  </li>
5862 
                  <li>
5863 
                    <span class="glyphicon glyphicon-text-height">
5864 
                    </span>
5865 
                    <span class="glyphicon-class">
5866 
                       glyphicon glyphicon-text-height
5867 
                    </span>
5868 
                  </li>
5869 
                  <li>
5870 
                    <span class="glyphicon glyphicon-text-width">
5871 
                    </span>
5872 
                    <span class="glyphicon-class">
5873 
                       glyphicon glyphicon-text-width
5874 
                    </span>
5875 
                  </li>
5876 
                  <li>
5877 
                    <span class="glyphicon glyphicon-align-left">
5878 
                    </span>
5879 
                    <span class="glyphicon-class">
5880 
                       glyphicon glyphicon-align-left
5881 
                    </span>
5882 
                  </li>
5883 
                  <li>
5884 
                    <span class="glyphicon glyphicon-align-center">
5885 
                    </span>
5886 
                    <span class="glyphicon-class">
5887 
                       glyphicon glyphicon-align-center
5888 
                    </span>
5889 
                  </li>
5890 
                  <li>
5891 
                    <span class="glyphicon glyphicon-align-right">
5892 
                    </span>
5893 
                    <span class="glyphicon-class">
5894 
                       glyphicon glyphicon-align-right
5895 
                    </span>
5896 
                  </li>
5897 
                  <li>
5898 
                    <span class="glyphicon glyphicon-align-justify">
5899 
                    </span>
5900 
                    <span class="glyphicon-class">
5901 
                       glyphicon glyphicon-align-justify
5902 
                    </span>
5903 
                  </li>
5904 
                  <li>
5905 
                    <span class="glyphicon glyphicon-list">
5906 
                    </span>
5907 
                    <span class="glyphicon-class">
5908 
                       glyphicon glyphicon-list
5909 
                    </span>
5910 
                  </li>
5911 
                  <li>
5912 
                    <span class="glyphicon glyphicon-indent-left">
5913 
                    </span>
5914 
                    <span class="glyphicon-class">
5915 
                       glyphicon glyphicon-indent-left
5916 
                    </span>
5917 
                  </li>
5918 
                  <li>
5919 
                    <span class="glyphicon glyphicon-indent-right">
5920 
                    </span>
5921 
                    <span class="glyphicon-class">
5922 
                       glyphicon glyphicon-indent-right
5923 
                    </span>
5924 
                  </li>
5925 
                  <li>
5926 
                    <span class="glyphicon glyphicon-facetime-video">
5927 
                    </span>
5928 
                    <span class="glyphicon-class">
5929 
                       glyphicon glyphicon-facetime-video
5930 
                    </span>
5931 
                  </li>
5932 
                  <li>
5933 
                    <span class="glyphicon glyphicon-picture">
5934 
                    </span>
5935 
                    <span class="glyphicon-class">
5936 
                       glyphicon glyphicon-picture
5937 
                    </span>
5938 
                  </li>
5939 
                  <li>
5940 
                    <span class="glyphicon glyphicon-map-marker">
5941 
                    </span>
5942 
                    <span class="glyphicon-class">
5943 
                       glyphicon glyphicon-map-marker
5944 
                    </span>
5945 
                  </li>
5946 
                  <li>
5947 
                    <span class="glyphicon glyphicon-adjust">
5948 
                    </span>
5949 
                    <span class="glyphicon-class">
5950 
                       glyphicon glyphicon-adjust
5951 
                    </span>
5952 
                  </li>
5953 
                  <li>
5954 
                    <span class="glyphicon glyphicon-tint">
5955 
                    </span>
5956 
                    <span class="glyphicon-class">
5957 
                       glyphicon glyphicon-tint
5958 
                    </span>
5959 
                  </li>
5960 
                  <li>
5961 
                    <span class="glyphicon glyphicon-edit">
5962 
                    </span>
5963 
                    <span class="glyphicon-class">
5964 
                       glyphicon glyphicon-edit
5965 
                    </span>
5966 
                  </li>
5967 
                  <li>
5968 
                    <span class="glyphicon glyphicon-share">
5969 
                    </span>
5970 
                    <span class="glyphicon-class">
5971 
                       glyphicon glyphicon-share
5972 
                    </span>
5973 
                  </li>
5974 
                  <li>
5975 
                    <span class="glyphicon glyphicon-check">
5976 
                    </span>
5977 
                    <span class="glyphicon-class">
5978 
                       glyphicon glyphicon-check
5979 
                    </span>
5980 
                  </li>
5981 
                  <li>
5982 
                    <span class="glyphicon glyphicon-move">
5983 
                    </span>
5984 
                    <span class="glyphicon-class">
5985 
                       glyphicon glyphicon-move
5986 
                    </span>
5987 
                  </li>
5988 
                  <li>
5989 
                    <span class="glyphicon glyphicon-step-backward">
5990 
                    </span>
5991 
                    <span class="glyphicon-class">
5992 
                       glyphicon glyphicon-step-backward
5993 
                    </span>
5994 
                  </li>
5995 
                  <li>
5996 
                    <span class="glyphicon glyphicon-fast-backward">
5997 
                    </span>
5998 
                    <span class="glyphicon-class">
5999 
                       glyphicon glyphicon-fast-backward
6000 
                    </span>
6001 
                  </li>
6002 
                  <li>
6003 
                    <span class="glyphicon glyphicon-backward">
6004 
                    </span>
6005 
                    <span class="glyphicon-class">
6006 
                       glyphicon glyphicon-backward
6007 
                    </span>
6008 
                  </li>
6009 
                  <li>
6010 
                    <span class="glyphicon glyphicon-play">
6011 
                    </span>
6012 
                    <span class="glyphicon-class">
6013 
                       glyphicon glyphicon-play
6014 
                    </span>
6015 
                  </li>
6016 
                  <li>
6017 
                    <span class="glyphicon glyphicon-pause">
6018 
                    </span>
6019 
                    <span class="glyphicon-class">
6020 
                       glyphicon glyphicon-pause
6021 
                    </span>
6022 
                  </li>
6023 
                  <li>
6024 
                    <span class="glyphicon glyphicon-stop">
6025 
                    </span>
6026 
                    <span class="glyphicon-class">
6027 
                       glyphicon glyphicon-stop
6028 
                    </span>
6029 
                  </li>
6030 
                  <li>
6031 
                    <span class="glyphicon glyphicon-forward">
6032 
                    </span>
6033 
                    <span class="glyphicon-class">
6034 
                       glyphicon glyphicon-forward
6035 
                    </span>
6036 
                  </li>
6037 
                  <li>
6038 
                    <span class="glyphicon glyphicon-fast-forward">
6039 
                    </span>
6040 
                    <span class="glyphicon-class">
6041 
                       glyphicon glyphicon-fast-forward
6042 
                    </span>
6043 
                  </li>
6044 
                  <li>
6045 
                    <span class="glyphicon glyphicon-step-forward">
6046 
                    </span>
6047 
                    <span class="glyphicon-class">
6048 
                       glyphicon glyphicon-step-forward
6049 
                    </span>
6050 
                  </li>
6051 
                  <li>
6052 
                    <span class="glyphicon glyphicon-eject">
6053 
                    </span>
6054 
                    <span class="glyphicon-class">
6055 
                       glyphicon glyphicon-eject
6056 
                    </span>
6057 
                  </li>
6058 
                  <li>
6059 
                    <span class="glyphicon glyphicon-chevron-left">
6060 
                    </span>
6061 
                    <span class="glyphicon-class">
6062 
                       glyphicon glyphicon-chevron-left
6063 
                    </span>
6064 
                  </li>
6065 
                  <li>
6066 
                    <span class="glyphicon glyphicon-chevron-right">
6067 
                    </span>
6068 
                    <span class="glyphicon-class">
6069 
                       glyphicon glyphicon-chevron-right
6070 
                    </span>
6071 
                  </li>
6072 
                  <li>
6073 
                    <span class="glyphicon glyphicon-plus-sign">
6074 
                    </span>
6075 
                    <span class="glyphicon-class">
6076 
                       glyphicon glyphicon-plus-sign
6077 
                    </span>
6078 
                  </li>
6079 
                  <li>
6080 
                    <span class="glyphicon glyphicon-minus-sign">
6081 
                    </span>
6082 
                    <span class="glyphicon-class">
6083 
                       glyphicon glyphicon-minus-sign
6084 
                    </span>
6085 
                  </li>
6086 
                  <li>
6087 
                    <span class="glyphicon glyphicon-remove-sign">
6088 
                    </span>
6089 
                    <span class="glyphicon-class">
6090 
                       glyphicon glyphicon-remove-sign
6091 
                    </span>
6092 
                  </li>
6093 
                  <li>
6094 
                    <span class="glyphicon glyphicon-ok-sign">
6095 
                    </span>
6096 
                    <span class="glyphicon-class">
6097 
                       glyphicon glyphicon-ok-sign
6098 
                    </span>
6099 
                  </li>
6100 
                  <li>
6101 
                    <span class="glyphicon glyphicon-question-sign">
6102 
                    </span>
6103 
                    <span class="glyphicon-class">
6104 
                       glyphicon glyphicon-question-sign
6105 
                    </span>
6106 
                  </li>
6107 
                  <li>
6108 
                    <span class="glyphicon glyphicon-info-sign">
6109 
                    </span>
6110 
                    <span class="glyphicon-class">
6111 
                       glyphicon glyphicon-info-sign
6112 
                    </span>
6113 
                  </li>
6114 
                  <li>
6115 
                    <span class="glyphicon glyphicon-screenshot">
6116 
                    </span>
6117 
                    <span class="glyphicon-class">
6118 
                       glyphicon glyphicon-screenshot
6119 
                    </span>
6120 
                  </li>
6121 
                  <li>
6122 
                    <span class="glyphicon glyphicon-remove-circle">
6123 
                    </span>
6124 
                    <span class="glyphicon-class">
6125 
                       glyphicon glyphicon-remove-circle
6126 
                    </span>
6127 
                  </li>
6128 
                  <li>
6129 
                    <span class="glyphicon glyphicon-ok-circle">
6130 
                    </span>
6131 
                    <span class="glyphicon-class">
6132 
                       glyphicon glyphicon-ok-circle
6133 
                    </span>
6134 
                  </li>
6135 
                  <li>
6136 
                    <span class="glyphicon glyphicon-ban-circle">
6137 
                    </span>
6138 
                    <span class="glyphicon-class">
6139 
                       glyphicon glyphicon-ban-circle
6140 
                    </span>
6141 
                  </li>
6142 
                  <li>
6143 
                    <span class="glyphicon glyphicon-arrow-left">
6144 
                    </span>
6145 
                    <span class="glyphicon-class">
6146 
                       glyphicon glyphicon-arrow-left
6147 
                    </span>
6148 
                  </li>
6149 
                  <li>
6150 
                    <span class="glyphicon glyphicon-arrow-right">
6151 
                    </span>
6152 
                    <span class="glyphicon-class">
6153 
                       glyphicon glyphicon-arrow-right
6154 
                    </span>
6155 
                  </li>
6156 
                  <li>
6157 
                    <span class="glyphicon glyphicon-arrow-up">
6158 
                    </span>
6159 
                    <span class="glyphicon-class">
6160 
                       glyphicon glyphicon-arrow-up
6161 
                    </span>
6162 
                  </li>
6163 
                  <li>
6164 
                    <span class="glyphicon glyphicon-arrow-down">
6165 
                    </span>
6166 
                    <span class="glyphicon-class">
6167 
                       glyphicon glyphicon-arrow-down
6168 
                    </span>
6169 
                  </li>
6170 
                  <li>
6171 
                    <span class="glyphicon glyphicon-share-alt">
6172 
                    </span>
6173 
                    <span class="glyphicon-class">
6174 
                       glyphicon glyphicon-share-alt
6175 
                    </span>
6176 
                  </li>
6177 
                  <li>
6178 
                    <span class="glyphicon glyphicon-resize-full">
6179 
                    </span>
6180 
                    <span class="glyphicon-class">
6181 
                       glyphicon glyphicon-resize-full
6182 
                    </span>
6183 
                  </li>
6184 
                  <li>
6185 
                    <span class="glyphicon glyphicon-resize-small">
6186 
                    </span>
6187 
                    <span class="glyphicon-class">
6188 
                       glyphicon glyphicon-resize-small
6189 
                    </span>
6190 
                  </li>
6191 
                  <li>
6192 
                    <span class="glyphicon glyphicon-exclamation-sign">
6193 
                    </span>
6194 
                    <span class="glyphicon-class">
6195 
                       glyphicon glyphicon-exclamation-sign
6196 
                    </span>
6197 
                  </li>
6198 
                  <li>
6199 
                    <span class="glyphicon glyphicon-gift">
6200 
                    </span>
6201 
                    <span class="glyphicon-class">
6202 
                       glyphicon glyphicon-gift
6203 
                    </span>
6204 
                  </li>
6205 
                  <li>
6206 
                    <span class="glyphicon glyphicon-leaf">
6207 
                    </span>
6208 
                    <span class="glyphicon-class">
6209 
                       glyphicon glyphicon-leaf
6210 
                    </span>
6211 
                  </li>
6212 
                  <li>
6213 
                    <span class="glyphicon glyphicon-fire">
6214 
                    </span>
6215 
                    <span class="glyphicon-class">
6216 
                       glyphicon glyphicon-fire
6217 
                    </span>
6218 
                  </li>
6219 
                  <li>
6220 
                    <span class="glyphicon glyphicon-eye-open">
6221 
                    </span>
6222 
                    <span class="glyphicon-class">
6223 
                       glyphicon glyphicon-eye-open
6224 
                    </span>
6225 
                  </li>
6226 
                  <li>
6227 
                    <span class="glyphicon glyphicon-eye-close">
6228 
                    </span>
6229 
                    <span class="glyphicon-class">
6230 
                       glyphicon glyphicon-eye-close
6231 
                    </span>
6232 
                  </li>
6233 
                  <li>
6234 
                    <span class="glyphicon glyphicon-warning-sign">
6235 
                    </span>
6236 
                    <span class="glyphicon-class">
6237 
                       glyphicon glyphicon-warning-sign
6238 
                    </span>
6239 
                  </li>
6240 
                  <li>
6241 
                    <span class="glyphicon glyphicon-plane">
6242 
                    </span>
6243 
                    <span class="glyphicon-class">
6244 
                       glyphicon glyphicon-plane
6245 
                    </span>
6246 
                  </li>
6247 
                  <li>
6248 
                    <span class="glyphicon glyphicon-calendar">
6249 
                    </span>
6250 
                    <span class="glyphicon-class">
6251 
                       glyphicon glyphicon-calendar
6252 
                    </span>
6253 
                  </li>
6254 
                  <li>
6255 
                    <span class="glyphicon glyphicon-random">
6256 
                    </span>
6257 
                    <span class="glyphicon-class">
6258 
                       glyphicon glyphicon-random
6259 
                    </span>
6260 
                  </li>
6261 
                  <li>
6262 
                    <span class="glyphicon glyphicon-comment">
6263 
                    </span>
6264 
                    <span class="glyphicon-class">
6265 
                       glyphicon glyphicon-comment
6266 
                    </span>
6267 
                  </li>
6268 
                  <li>
6269 
                    <span class="glyphicon glyphicon-magnet">
6270 
                    </span>
6271 
                    <span class="glyphicon-class">
6272 
                       glyphicon glyphicon-magnet
6273 
                    </span>
6274 
                  </li>
6275 
                  <li>
6276 
                    <span class="glyphicon glyphicon-chevron-up">
6277 
                    </span>
6278 
                    <span class="glyphicon-class">
6279 
                       glyphicon glyphicon-chevron-up
6280 
                    </span>
6281 
                  </li>
6282 
                  <li>
6283 
                    <span class="glyphicon glyphicon-chevron-down">
6284 
                    </span>
6285 
                    <span class="glyphicon-class">
6286 
                       glyphicon glyphicon-chevron-down
6287 
                    </span>
6288 
                  </li>
6289 
                  <li>
6290 
                    <span class="glyphicon glyphicon-retweet">
6291 
                    </span>
6292 
                    <span class="glyphicon-class">
6293 
                       glyphicon glyphicon-retweet
6294 
                    </span>
6295 
                  </li>
6296 
                  <li>
6297 
                    <span class="glyphicon glyphicon-shopping-cart">
6298 
                    </span>
6299 
                    <span class="glyphicon-class">
6300 
                       glyphicon glyphicon-shopping-cart
6301 
                    </span>
6302 
                  </li>
6303 
                  <li>
6304 
                    <span class="glyphicon glyphicon-folder-close">
6305 
                    </span>
6306 
                    <span class="glyphicon-class">
6307 
                       glyphicon glyphicon-folder-close
6308 
                    </span>
6309 
                  </li>
6310 
                  <li>
6311 
                    <span class="glyphicon glyphicon-folder-open">
6312 
                    </span>
6313 
                    <span class="glyphicon-class">
6314 
                       glyphicon glyphicon-folder-open
6315 
                    </span>
6316 
                  </li>
6317 
                  <li>
6318 
                    <span class="glyphicon glyphicon-resize-vertical">
6319 
                    </span>
6320 
                    <span class="glyphicon-class">
6321 
                       glyphicon glyphicon-resize-vertical
6322 
                    </span>
6323 
                  </li>
6324 
                  <li>
6325 
                    <span class="glyphicon glyphicon-resize-horizontal">
6326 
                    </span>
6327 
                    <span class="glyphicon-class">
6328 
                       glyphicon glyphicon-resize-horizontal
6329 
                    </span>
6330 
                  </li>
6331 
                  <li>
6332 
                    <span class="glyphicon glyphicon-hdd">
6333 
                    </span>
6334 
                    <span class="glyphicon-class">
6335 
                       glyphicon glyphicon-hdd
6336 
                    </span>
6337 
                  </li>
6338 
                  <li>
6339 
                    <span class="glyphicon glyphicon-bullhorn">
6340 
                    </span>
6341 
                    <span class="glyphicon-class">
6342 
                       glyphicon glyphicon-bullhorn
6343 
                    </span>
6344 
                  </li>
6345 
                  <li>
6346 
                    <span class="glyphicon glyphicon-bell">
6347 
                    </span>
6348 
                    <span class="glyphicon-class">
6349 
                       glyphicon glyphicon-bell
6350 
                    </span>
6351 
                  </li>
6352 
                  <li>
6353 
                    <span class="glyphicon glyphicon-certificate">
6354 
                    </span>
6355 
                    <span class="glyphicon-class">
6356 
                       glyphicon glyphicon-certificate
6357 
                    </span>
6358 
                  </li>
6359 
                  <li>
6360 
                    <span class="glyphicon glyphicon-thumbs-up">
6361 
                    </span>
6362 
                    <span class="glyphicon-class">
6363 
                       glyphicon glyphicon-thumbs-up
6364 
                    </span>
6365 
                  </li>
6366 
                  <li>
6367 
                    <span class="glyphicon glyphicon-thumbs-down">
6368 
                    </span>
6369 
                    <span class="glyphicon-class">
6370 
                       glyphicon glyphicon-thumbs-down
6371 
                    </span>
6372 
                  </li>
6373 
                  <li>
6374 
                    <span class="glyphicon glyphicon-hand-right">
6375 
                    </span>
6376 
                    <span class="glyphicon-class">
6377 
                       glyphicon glyphicon-hand-right
6378 
                    </span>
6379 
                  </li>
6380 
                  <li>
6381 
                    <span class="glyphicon glyphicon-hand-left">
6382 
                    </span>
6383 
                    <span class="glyphicon-class">
6384 
                       glyphicon glyphicon-hand-left
6385 
                    </span>
6386 
                  </li>
6387 
                  <li>
6388 
                    <span class="glyphicon glyphicon-hand-up">
6389 
                    </span>
6390 
                    <span class="glyphicon-class">
6391 
                       glyphicon glyphicon-hand-up
6392 
                    </span>
6393 
                  </li>
6394 
                  <li>
6395 
                    <span class="glyphicon glyphicon-hand-down">
6396 
                    </span>
6397 
                    <span class="glyphicon-class">
6398 
                       glyphicon glyphicon-hand-down
6399 
                    </span>
6400 
                  </li>
6401 
                  <li>
6402 
                    <span class="glyphicon glyphicon-circle-arrow-right">
6403 
                    </span>
6404 
                    <span class="glyphicon-class">
6405 
                       glyphicon glyphicon-circle-arrow-right
6406 
                    </span>
6407 
                  </li>
6408 
                  <li>
6409 
                    <span class="glyphicon glyphicon-circle-arrow-left">
6410 
                    </span>
6411 
                    <span class="glyphicon-class">
6412 
                       glyphicon glyphicon-circle-arrow-left
6413 
                    </span>
6414 
                  </li>
6415 
                  <li>
6416 
                    <span class="glyphicon glyphicon-circle-arrow-up">
6417 
                    </span>
6418 
                    <span class="glyphicon-class">
6419 
                       glyphicon glyphicon-circle-arrow-up
6420 
                    </span>
6421 
                  </li>
6422 
                  <li>
6423 
                    <span class="glyphicon glyphicon-circle-arrow-down">
6424 
                    </span>
6425 
                    <span class="glyphicon-class">
6426 
                       glyphicon glyphicon-circle-arrow-down
6427 
                    </span>
6428 
                  </li>
6429 
                  <li>
6430 
                    <span class="glyphicon glyphicon-globe">
6431 
                    </span>
6432 
                    <span class="glyphicon-class">
6433 
                       glyphicon glyphicon-globe
6434 
                    </span>
6435 
                  </li>
6436 
                  <li>
6437 
                    <span class="glyphicon glyphicon-wrench">
6438 
                    </span>
6439 
                    <span class="glyphicon-class">
6440 
                       glyphicon glyphicon-wrench
6441 
                    </span>
6442 
                  </li>
6443 
                  <li>
6444 
                    <span class="glyphicon glyphicon-tasks">
6445 
                    </span>
6446 
                    <span class="glyphicon-class">
6447 
                       glyphicon glyphicon-tasks
6448 
                    </span>
6449 
                  </li>
6450 
                  <li>
6451 
                    <span class="glyphicon glyphicon-filter">
6452 
                    </span>
6453 
                    <span class="glyphicon-class">
6454 
                       glyphicon glyphicon-filter
6455 
                    </span>
6456 
                  </li>
6457 
                  <li>
6458 
                    <span class="glyphicon glyphicon-briefcase">
6459 
                    </span>
6460 
                    <span class="glyphicon-class">
6461 
                       glyphicon glyphicon-briefcase
6462 
                    </span>
6463 
                  </li>
6464 
                  <li>
6465 
                    <span class="glyphicon glyphicon-fullscreen">
6466 
                    </span>
6467 
                    <span class="glyphicon-class">
6468 
                       glyphicon glyphicon-fullscreen
6469 
                    </span>
6470 
                  </li>
6471 
                  <li>
6472 
                    <span class="glyphicon glyphicon-dashboard">
6473 
                    </span>
6474 
                    <span class="glyphicon-class">
6475 
                       glyphicon glyphicon-dashboard
6476 
                    </span>
6477 
                  </li>
6478 
                  <li>
6479 
                    <span class="glyphicon glyphicon-paperclip">
6480 
                    </span>
6481 
                    <span class="glyphicon-class">
6482 
                       glyphicon glyphicon-paperclip
6483 
                    </span>
6484 
                  </li>
6485 
                  <li>
6486 
                    <span class="glyphicon glyphicon-heart-empty">
6487 
                    </span>
6488 
                    <span class="glyphicon-class">
6489 
                       glyphicon glyphicon-heart-empty
6490 
                    </span>
6491 
                  </li>
6492 
                  <li>
6493 
                    <span class="glyphicon glyphicon-link">
6494 
                    </span>
6495 
                    <span class="glyphicon-class">
6496 
                       glyphicon glyphicon-link
6497 
                    </span>
6498 
                  </li>
6499 
                  <li>
6500 
                    <span class="glyphicon glyphicon-phone">
6501 
                    </span>
6502 
                    <span class="glyphicon-class">
6503 
                       glyphicon glyphicon-phone
6504 
                    </span>
6505 
                  </li>
6506 
                  <li>
6507 
                    <span class="glyphicon glyphicon-pushpin">
6508 
                    </span>
6509 
                    <span class="glyphicon-class">
6510 
                       glyphicon glyphicon-pushpin
6511 
                    </span>
6512 
                  </li>
6513 
                  <li>
6514 
                    <span class="glyphicon glyphicon-usd">
6515 
                    </span>
6516 
                    <span class="glyphicon-class">
6517 
                       glyphicon glyphicon-usd
6518 
                    </span>
6519 
                  </li>
6520 
                  <li>
6521 
                    <span class="glyphicon glyphicon-gbp">
6522 
                    </span>
6523 
                    <span class="glyphicon-class">
6524 
                       glyphicon glyphicon-gbp
6525 
                    </span>
6526 
                  </li>
6527 
                  <li>
6528 
                    <span class="glyphicon glyphicon-sort">
6529 
                    </span>
6530 
                    <span class="glyphicon-class">
6531 
                       glyphicon glyphicon-sort
6532 
                    </span>
6533 
                  </li>
6534 
                  <li>
6535 
                    <span class="glyphicon glyphicon-sort-by-alphabet">
6536 
                    </span>
6537 
                    <span class="glyphicon-class">
6538 
                       glyphicon glyphicon-sort-by-alphabet
6539 
                    </span>
6540 
                  </li>
6541 
                  <li>
6542 
                    <span class="glyphicon glyphicon-sort-by-alphabet-alt">
6543 
                    </span>
6544 
                    <span class="glyphicon-class">
6545 
                       glyphicon glyphicon-sort-by-alphabet-alt
6546 
                    </span>
6547 
                  </li>
6548 
                  <li>
6549 
                    <span class="glyphicon glyphicon-sort-by-order">
6550 
                    </span>
6551 
                    <span class="glyphicon-class">
6552 
                       glyphicon glyphicon-sort-by-order
6553 
                    </span>
6554 
                  </li>
6555 
                  <li>
6556 
                    <span class="glyphicon glyphicon-sort-by-order-alt">
6557 
                    </span>
6558 
                    <span class="glyphicon-class">
6559 
                       glyphicon glyphicon-sort-by-order-alt
6560 
                    </span>
6561 
                  </li>
6562 
                  <li>
6563 
                    <span class="glyphicon glyphicon-sort-by-attributes">
6564 
                    </span>
6565 
                    <span class="glyphicon-class">
6566 
                       glyphicon glyphicon-sort-by-attributes
6567 
                    </span>
6568 
                  </li>
6569 
                  <li>
6570 
                    <span class="glyphicon glyphicon-sort-by-attributes-alt">
6571 
                    </span>
6572 
                    <span class="glyphicon-class">
6573 
                       glyphicon glyphicon-sort-by-attributes-alt
6574 
                    </span>
6575 
                  </li>
6576 
                  <li>
6577 
                    <span class="glyphicon glyphicon-unchecked">
6578 
                    </span>
6579 
                    <span class="glyphicon-class">
6580 
                       glyphicon glyphicon-unchecked
6581 
                    </span>
6582 
                  </li>
6583 
                  <li>
6584 
                    <span class="glyphicon glyphicon-expand">
6585 
                    </span>
6586 
                    <span class="glyphicon-class">
6587 
                       glyphicon glyphicon-expand
6588 
                    </span>
6589 
                  </li>
6590 
                  <li>
6591 
                    <span class="glyphicon glyphicon-collapse-down">
6592 
                    </span>
6593 
                    <span class="glyphicon-class">
6594 
                       glyphicon glyphicon-collapse-down
6595 
                    </span>
6596 
                  </li>
6597 
                  <li>
6598 
                    <span class="glyphicon glyphicon-collapse-up">
6599 
                    </span>
6600 
                    <span class="glyphicon-class">
6601 
                       glyphicon glyphicon-collapse-up
6602 
                    </span>
6603 
                  </li>
6604 
                  <li>
6605 
                    <span class="glyphicon glyphicon-log-in">
6606 
                    </span>
6607 
                    <span class="glyphicon-class">
6608 
                       glyphicon glyphicon-log-in
6609 
                    </span>
6610 
                  </li>
6611 
                  <li>
6612 
                    <span class="glyphicon glyphicon-flash">
6613 
                    </span>
6614 
                    <span class="glyphicon-class">
6615 
                       glyphicon glyphicon-flash
6616 
                    </span>
6617 
                  </li>
6618 
                  <li>
6619 
                    <span class="glyphicon glyphicon-log-out">
6620 
                    </span>
6621 
                    <span class="glyphicon-class">
6622 
                       glyphicon glyphicon-log-out
6623 
                    </span>
6624 
                  </li>
6625 
                  <li>
6626 
                    <span class="glyphicon glyphicon-new-window">
6627 
                    </span>
6628 
                    <span class="glyphicon-class">
6629 
                       glyphicon glyphicon-new-window
6630 
                    </span>
6631 
                  </li>
6632 
                  <li>
6633 
                    <span class="glyphicon glyphicon-record">
6634 
                    </span>
6635 
                    <span class="glyphicon-class">
6636 
                       glyphicon glyphicon-record
6637 
                    </span>
6638 
                  </li>
6639 
                  <li>
6640 
                    <span class="glyphicon glyphicon-save">
6641 
                    </span>
6642 
                    <span class="glyphicon-class">
6643 
                       glyphicon glyphicon-save
6644 
                    </span>
6645 
                  </li>
6646 
                  <li>
6647 
                    <span class="glyphicon glyphicon-open">
6648 
                    </span>
6649 
                    <span class="glyphicon-class">
6650 
                       glyphicon glyphicon-open
6651 
                    </span>
6652 
                  </li>
6653 
                  <li>
6654 
                    <span class="glyphicon glyphicon-saved">
6655 
                    </span>
6656 
                    <span class="glyphicon-class">
6657 
                       glyphicon glyphicon-saved
6658 
                    </span>
6659 
                  </li>
6660 
                  <li>
6661 
                    <span class="glyphicon glyphicon-import">
6662 
                    </span>
6663 
                    <span class="glyphicon-class">
6664 
                       glyphicon glyphicon-import
6665 
                    </span>
6666 
                  </li>
6667 
                  <li>
6668 
                    <span class="glyphicon glyphicon-export">
6669 
                    </span>
6670 
                    <span class="glyphicon-class">
6671 
                       glyphicon glyphicon-export
6672 
                    </span>
6673 
                  </li>
6674 
                  <li>
6675 
                    <span class="glyphicon glyphicon-send">
6676 
                    </span>
6677 
                    <span class="glyphicon-class">
6678 
                       glyphicon glyphicon-send
6679 
                    </span>
6680 
                  </li>
6681 
                  <li>
6682 
                    <span class="glyphicon glyphicon-floppy-disk">
6683 
                    </span>
6684 
                    <span class="glyphicon-class">
6685 
                       glyphicon glyphicon-floppy-disk
6686 
                    </span>
6687 
                  </li>
6688 
                  <li>
6689 
                    <span class="glyphicon glyphicon-floppy-saved">
6690 
                    </span>
6691 
                    <span class="glyphicon-class">
6692 
                       glyphicon glyphicon-floppy-saved
6693 
                    </span>
6694 
                  </li>
6695 
                  <li>
6696 
                    <span class="glyphicon glyphicon-floppy-remove">
6697 
                    </span>
6698 
                    <span class="glyphicon-class">
6699 
                       glyphicon glyphicon-floppy-remove
6700 
                    </span>
6701 
                  </li>
6702 
                  <li>
6703 
                    <span class="glyphicon glyphicon-floppy-save">
6704 
                    </span>
6705 
                    <span class="glyphicon-class">
6706 
                       glyphicon glyphicon-floppy-save
6707 
                    </span>
6708 
                  </li>
6709 
                  <li>
6710 
                    <span class="glyphicon glyphicon-floppy-open">
6711 
                    </span>
6712 
                    <span class="glyphicon-class">
6713 
                       glyphicon glyphicon-floppy-open
6714 
                    </span>
6715 
                  </li>
6716 
                  <li>
6717 
                    <span class="glyphicon glyphicon-credit-card">
6718 
                    </span>
6719 
                    <span class="glyphicon-class">
6720 
                       glyphicon glyphicon-credit-card
6721 
                    </span>
6722 
                  </li>
6723 
                  <li>
6724 
                    <span class="glyphicon glyphicon-transfer">
6725 
                    </span>
6726 
                    <span class="glyphicon-class">
6727 
                       glyphicon glyphicon-transfer
6728 
                    </span>
6729 
                  </li>
6730 
                  <li>
6731 
                    <span class="glyphicon glyphicon-cutlery">
6732 
                    </span>
6733 
                    <span class="glyphicon-class">
6734 
                       glyphicon glyphicon-cutlery
6735 
                    </span>
6736 
                  </li>
6737 
                  <li>
6738 
                    <span class="glyphicon glyphicon-header">
6739 
                    </span>
6740 
                    <span class="glyphicon-class">
6741 
                       glyphicon glyphicon-header
6742 
                    </span>
6743 
                  </li>
6744 
                  <li>
6745 
                    <span class="glyphicon glyphicon-compressed">
6746 
                    </span>
6747 
                    <span class="glyphicon-class">
6748 
                       glyphicon glyphicon-compressed
6749 
                    </span>
6750 
                  </li>
6751 
                  <li>
6752 
                    <span class="glyphicon glyphicon-earphone">
6753 
                    </span>
6754 
                    <span class="glyphicon-class">
6755 
                       glyphicon glyphicon-earphone
6756 
                    </span>
6757 
                  </li>
6758 
                  <li>
6759 
                    <span class="glyphicon glyphicon-phone-alt">
6760 
                    </span>
6761 
                    <span class="glyphicon-class">
6762 
                       glyphicon glyphicon-phone-alt
6763 
                    </span>
6764 
                  </li>
6765 
                  <li>
6766 
                    <span class="glyphicon glyphicon-tower">
6767 
                    </span>
6768 
                    <span class="glyphicon-class">
6769 
                       glyphicon glyphicon-tower
6770 
                    </span>
6771 
                  </li>
6772 
                  <li>
6773 
                    <span class="glyphicon glyphicon-stats">
6774 
                    </span>
6775 
                    <span class="glyphicon-class">
6776 
                       glyphicon glyphicon-stats
6777 
                    </span>
6778 
                  </li>
6779 
                  <li>
6780 
                    <span class="glyphicon glyphicon-sd-video">
6781 
                    </span>
6782 
                    <span class="glyphicon-class">
6783 
                       glyphicon glyphicon-sd-video
6784 
                    </span>
6785 
                  </li>
6786 
                  <li>
6787 
                    <span class="glyphicon glyphicon-hd-video">
6788 
                    </span>
6789 
                    <span class="glyphicon-class">
6790 
                       glyphicon glyphicon-hd-video
6791 
                    </span>
6792 
                  </li>
6793 
                  <li>
6794 
                    <span class="glyphicon glyphicon-subtitles">
6795 
                    </span>
6796 
                    <span class="glyphicon-class">
6797 
                       glyphicon glyphicon-subtitles
6798 
                    </span>
6799 
                  </li>
6800 
                  <li>
6801 
                    <span class="glyphicon glyphicon-sound-stereo">
6802 
                    </span>
6803 
                    <span class="glyphicon-class">
6804 
                       glyphicon glyphicon-sound-stereo
6805 
                    </span>
6806 
                  </li>
6807 
                  <li>
6808 
                    <span class="glyphicon glyphicon-sound-dolby">
6809 
                    </span>
6810 
                    <span class="glyphicon-class">
6811 
                       glyphicon glyphicon-sound-dolby
6812 
                    </span>
6813 
                  </li>
6814 
                  <li>
6815 
                    <span class="glyphicon glyphicon-sound-5-1">
6816 
                    </span>
6817 
                    <span class="glyphicon-class">
6818 
                       glyphicon glyphicon-sound-5-1
6819 
                    </span>
6820 
                  </li>
6821 
                  <li>
6822 
                    <span class="glyphicon glyphicon-sound-6-1">
6823 
                    </span>
6824 
                    <span class="glyphicon-class">
6825 
                       glyphicon glyphicon-sound-6-1
6826 
                    </span>
6827 
                  </li>
6828 
                  <li>
6829 
                    <span class="glyphicon glyphicon-sound-7-1">
6830 
                    </span>
6831 
                    <span class="glyphicon-class">
6832 
                       glyphicon glyphicon-sound-7-1
6833 
                    </span>
6834 
                  </li>
6835 
                  <li>
6836 
                    <span class="glyphicon glyphicon-copyright-mark">
6837 
                    </span>
6838 
                    <span class="glyphicon-class">
6839 
                       glyphicon glyphicon-copyright-mark
6840 
                    </span>
6841 
                  </li>
6842 
                  <li>
6843 
                    <span class="glyphicon glyphicon-registration-mark">
6844 
                    </span>
6845 
                    <span class="glyphicon-class">
6846 
                       glyphicon glyphicon-registration-mark
6847 
                    </span>
6848 
                  </li>
6849 
                  <li>
6850 
                    <span class="glyphicon glyphicon-cloud-download">
6851 
                    </span>
6852 
                    <span class="glyphicon-class">
6853 
                       glyphicon glyphicon-cloud-download
6854 
                    </span>
6855 
                  </li>
6856 
                  <li>
6857 
                    <span class="glyphicon glyphicon-cloud-upload">
6858 
                    </span>
6859 
                    <span class="glyphicon-class">
6860 
                       glyphicon glyphicon-cloud-upload
6861 
                    </span>
6862 
                  </li>
6863 
                  <li>
6864 
                    <span class="glyphicon glyphicon-tree-conifer">
6865 
                    </span>
6866 
                    <span class="glyphicon-class">
6867 
                       glyphicon glyphicon-tree-conifer
6868 
                    </span>
6869 
                  </li>
6870 
                  <li>
6871 
                    <span class="glyphicon glyphicon-tree-deciduous">
6872 
                    </span>
6873 
                    <span class="glyphicon-class">
6874 
                       glyphicon glyphicon-tree-deciduous
6875 
                    </span>
6876 
                  </li>
6877 
                </ul>
6878 
              </div>
6879 
            </div>
6880 
          </div>
6881 
        </div>
6882 
      </div>
6883 
    </div>
6884 
    <!-- END PAGE CONTENT-->
6885 
 
6886 
            </div>
6887 
          </div>
6888 
          <!-- END CONTENT -->
6889 
        </div>
6890 
        <!-- END SIDEBAR & CONTENT -->
6891 
      </div>
6892 
    </div>
6893 
 
6894 
    <!-- BEGIN PRE-FOOTER -->
6895 
    <div class="pre-footer">
6896 
      <div class="container">
6897 
        <div class="row">
6898 
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
6899 
          <div class="col-md-4 col-sm-6 pre-footer-col">
6900 
            <h2>About us</h2>
6901 
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam sit nonummy nibh euismod tincidunt ut laoreet dolore magna aliquarm erat sit volutpat.</p>
6902 
 
6903 
            <div class="photo-stream">
6904 
              <h2>Photos Stream</h2>
6905 
              <ul class="list-unstyled">
6906 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
6907 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
6908 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
6909 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
6910 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
6911 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
6912 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
6913 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img5.jpg"></a></li>
6914 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
6915 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
6916 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
6917 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
6918 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
6919 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
6920 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
6921 
              </ul>                    
6922 
            </div>
6923 
          </div>
6924 
          <!-- END BOTTOM ABOUT BLOCK -->
6925 
 
6926 
          <!-- BEGIN BOTTOM CONTACTS -->
6927 
          <div class="col-md-4 col-sm-6 pre-footer-col">
6928 
            <h2>Our Contacts</h2>
6929 
            <address class="margin-bottom-40">
6930 
              35, Lorem Lis Street, Park Ave<br>
6931 
              California, US<br>
6932 
              Phone: 300 323 3456<br>
6933 
              Fax: 300 323 1456<br>
6934 
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
6935 
              Skype: <a href="skype:metronic">metronic</a>
6936 
            </address>
6937 
 
6938 
            <div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
6939 
              <h2>Newsletter</h2>
6940 
              <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
6941 
              <form action="#">
6942 
                <div class="input-group">
6943 
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
6944 
                  <span class="input-group-btn">
6945 
                    <button class="btn btn-primary" type="submit">Subscribe</button>
6946 
                  </span>
6947 
                </div>
6948 
              </form>
6949 
            </div>
6950 
          </div>
6951 
          <!-- END BOTTOM CONTACTS -->
6952 
 
6953 
          <!-- BEGIN TWITTER BLOCK -->
6954 
          <div class="col-md-4 col-sm-6 pre-footer-col">
6955 
            <h2 class="margin-bottom-0">Latest Tweets</h2>
6956 
            <a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="455411516829736961" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets by @keenthemes...</a>
6957 
          </div>
6958 
          <!-- END TWITTER BLOCK -->
6959 
        </div>
6960 
      </div>
6961 
    </div>
6962 
    <!-- END PRE-FOOTER -->
6963 
 
6964 
    <!-- BEGIN FOOTER -->
6965 
    <div class="footer">
6966 
      <div class="container">
6967 
        <div class="row">
6968 
          <!-- BEGIN COPYRIGHT -->
6969 
          <div class="col-md-6 col-sm-6 padding-top-10">
6970 
            2014 © Metronic Shop UI. ALL Rights Reserved. <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
6971 
          </div>
6972 
          <!-- END COPYRIGHT -->
6973 
          <!-- BEGIN PAYMENTS -->
6974 
          <div class="col-md-6 col-sm-6">
6975 
            <ul class="social-footer list-unstyled list-inline pull-right">
6976 
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
6977 
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
6978 
              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
6979 
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
6980 
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
6981 
              <li><a href="#"><i class="fa fa-skype"></i></a></li>
6982 
              <li><a href="#"><i class="fa fa-github"></i></a></li>
6983 
              <li><a href="#"><i class="fa fa-youtube"></i></a></li>
6984 
              <li><a href="#"><i class="fa fa-dropbox"></i></a></li>
6985 
            </ul>  
6986 
          </div>
6987 
          <!-- END PAYMENTS -->
6988 
        </div>
6989 
      </div>
6990 
    </div>
6991 
    <!-- END FOOTER -->
6992 
 
6993 
    <!-- Load javascripts at bottom, this will reduce page load time -->
6994 
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
6995 
    <!--[if lt IE 9]>
6996 
    <script src="../../assets/global/plugins/respond.min.js"></script>
6997 
    <![endif]-->
6998 
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
6999 
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
7000 
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
7001 
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
7002 
    <!-- END CORE PLUGINS -->
7003 
 
7004 
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
7005 
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->  
7006 
    <script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>      
7007 
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
7008 
    <script type="text/javascript">
7009 
        jQuery(document).ready(function() {
7010 
            Metronic.init(); // init global framework features
7011 
            Layout.init();
7012 
            Layout.initTwitter();
7013 
        });
7014 
    </script>
7015 
    <!-- END PAGE LEVEL JAVASCRIPTS -->
7016 
</body>
7017 
<!-- END BODY -->
7018 
</html>