-
Notifications
You must be signed in to change notification settings - Fork 478
/
icon.html
1419 lines (1347 loc) · 80.4 KB
/
icon.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<!-- start: Meta -->
<meta charset="utf-8">
<title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
<meta name="description" content="Bootstrap Metro Dashboard">
<meta name="author" content="Dennis Ji">
<meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
<!-- end: Meta -->
<!-- start: Mobile Specific -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- end: Mobile Specific -->
<!-- start: CSS -->
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link id="base-style" href="css/style.css" rel="stylesheet">
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>
<!-- end: CSS -->
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link id="ie-style" href="css/ie.css" rel="stylesheet">
<![endif]-->
<!--[if IE 9]>
<link id="ie9style" href="css/ie9.css" rel="stylesheet">
<![endif]-->
<!-- start: Favicon -->
<link rel="shortcut icon" href="img/favicon.ico">
<!-- end: Favicon -->
</head>
<body>
<!-- start: Header -->
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html"><span>Metro</span></a>
<!-- start: Header Menu -->
<div class="nav-no-collapse header-nav">
<ul class="nav pull-right">
<li class="dropdown hidden-phone">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="halflings-icon white warning-sign"></i>
</a>
<ul class="dropdown-menu notifications">
<li class="dropdown-menu-title">
<span>You have 11 notifications</span>
<a href="#refresh"><i class="icon-repeat"></i></a>
</li>
<li>
<a href="#">
<span class="icon blue"><i class="icon-user"></i></span>
<span class="message">New user registration</span>
<span class="time">1 min</span>
</a>
</li>
<li>
<a href="#">
<span class="icon green"><i class="icon-comment-alt"></i></span>
<span class="message">New comment</span>
<span class="time">7 min</span>
</a>
</li>
<li>
<a href="#">
<span class="icon green"><i class="icon-comment-alt"></i></span>
<span class="message">New comment</span>
<span class="time">8 min</span>
</a>
</li>
<li>
<a href="#">
<span class="icon green"><i class="icon-comment-alt"></i></span>
<span class="message">New comment</span>
<span class="time">16 min</span>
</a>
</li>
<li>
<a href="#">
<span class="icon blue"><i class="icon-user"></i></span>
<span class="message">New user registration</span>
<span class="time">36 min</span>
</a>
</li>
<li>
<a href="#">
<span class="icon yellow"><i class="icon-shopping-cart"></i></span>
<span class="message">2 items sold</span>
<span class="time">1 hour</span>
</a>
</li>
<li class="warning">
<a href="#">
<span class="icon red"><i class="icon-user"></i></span>
<span class="message">User deleted account</span>
<span class="time">2 hour</span>
</a>
</li>
<li class="warning">
<a href="#">
<span class="icon red"><i class="icon-shopping-cart"></i></span>
<span class="message">New comment</span>
<span class="time">6 hour</span>
</a>
</li>
<li>
<a href="#">
<span class="icon green"><i class="icon-comment-alt"></i></span>
<span class="message">New comment</span>
<span class="time">yesterday</span>
</a>
</li>
<li>
<a href="#">
<span class="icon blue"><i class="icon-user"></i></span>
<span class="message">New user registration</span>
<span class="time">yesterday</span>
</a>
</li>
<li class="dropdown-menu-sub-footer">
<a>View all notifications</a>
</li>
</ul>
</li>
<!-- start: Notifications Dropdown -->
<li class="dropdown hidden-phone">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="halflings-icon white tasks"></i>
</a>
<ul class="dropdown-menu tasks">
<li class="dropdown-menu-title">
<span>You have 17 tasks in progress</span>
<a href="#refresh"><i class="icon-repeat"></i></a>
</li>
<li>
<a href="#">
<span class="header">
<span class="title">iOS Development</span>
<span class="percent"></span>
</span>
<div class="taskProgress progressSlim red">80</div>
</a>
</li>
<li>
<a href="#">
<span class="header">
<span class="title">Android Development</span>
<span class="percent"></span>
</span>
<div class="taskProgress progressSlim green">47</div>
</a>
</li>
<li>
<a href="#">
<span class="header">
<span class="title">ARM Development</span>
<span class="percent"></span>
</span>
<div class="taskProgress progressSlim yellow">32</div>
</a>
</li>
<li>
<a href="#">
<span class="header">
<span class="title">ARM Development</span>
<span class="percent"></span>
</span>
<div class="taskProgress progressSlim greenLight">63</div>
</a>
</li>
<li>
<a href="#">
<span class="header">
<span class="title">ARM Development</span>
<span class="percent"></span>
</span>
<div class="taskProgress progressSlim orange">80</div>
</a>
</li>
<li>
<a class="dropdown-menu-sub-footer">View all tasks</a>
</li>
</ul>
</li>
<!-- end: Notifications Dropdown -->
<!-- start: Message Dropdown -->
<li class="dropdown hidden-phone">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="halflings-icon white envelope"></i>
</a>
<ul class="dropdown-menu messages">
<li class="dropdown-menu-title">
<span>You have 9 messages</span>
<a href="#refresh"><i class="icon-repeat"></i></a>
</li>
<li>
<a href="#">
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
<span class="header">
<span class="from">
Dennis Ji
</span>
<span class="time">
6 min
</span>
</span>
<span class="message">
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
</span>
</a>
</li>
<li>
<a href="#">
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
<span class="header">
<span class="from">
Dennis Ji
</span>
<span class="time">
56 min
</span>
</span>
<span class="message">
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
</span>
</a>
</li>
<li>
<a href="#">
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
<span class="header">
<span class="from">
Dennis Ji
</span>
<span class="time">
3 hours
</span>
</span>
<span class="message">
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
</span>
</a>
</li>
<li>
<a href="#">
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
<span class="header">
<span class="from">
Dennis Ji
</span>
<span class="time">
yesterday
</span>
</span>
<span class="message">
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
</span>
</a>
</li>
<li>
<a href="#">
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
<span class="header">
<span class="from">
Dennis Ji
</span>
<span class="time">
Jul 25, 2012
</span>
</span>
<span class="message">
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
</span>
</a>
</li>
<li>
<a class="dropdown-menu-sub-footer">View all messages</a>
</li>
</ul>
</li>
<!-- end: Message Dropdown -->
<li>
<a class="btn" href="#">
<i class="halflings-icon white wrench"></i>
</a>
</li>
<!-- start: User Dropdown -->
<li class="dropdown">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="halflings-icon white user"></i> Dennis Ji
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li class="dropdown-menu-title">
<span>Account Settings</span>
</li>
<li><a href="#"><i class="halflings-icon user"></i> Profile</a></li>
<li><a href="login.html"><i class="halflings-icon off"></i> Logout</a></li>
</ul>
</li>
<!-- end: User Dropdown -->
</ul>
</div>
<!-- end: Header Menu -->
</div>
</div>
</div>
<!-- start: Header -->
<div class="container-fluid-full">
<div class="row-fluid">
<!-- start: Main Menu -->
<div id="sidebar-left" class="span2">
<div class="nav-collapse sidebar-nav">
<ul class="nav nav-tabs nav-stacked main-menu">
<li><a href="index.html"><i class="icon-bar-chart"></i><span class="hidden-tablet"> Dashboard</span></a></li>
<li><a href="messages.html"><i class="icon-envelope"></i><span class="hidden-tablet"> Messages</span></a></li>
<li><a href="tasks.html"><i class="icon-tasks"></i><span class="hidden-tablet"> Tasks</span></a></li>
<li><a href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
<li><a href="widgets.html"><i class="icon-dashboard"></i><span class="hidden-tablet"> Widgets</span></a></li>
<li>
<a class="dropmenu" href="#"><i class="icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span><span class="label label-important"> 3 </span></a>
<ul>
<li><a class="submenu" href="submenu.html"><i class="icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
<li><a class="submenu" href="submenu2.html"><i class="icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
<li><a class="submenu" href="submenu3.html"><i class="icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
</ul>
</li>
<li><a href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
<li><a href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
<li><a href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
<li><a href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
<li><a href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
<li><a href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
<li><a href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
<li><a href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
</ul>
</div>
</div>
<!-- end: Main Menu -->
<noscript>
<div class="alert alert-block span10">
<h4 class="alert-heading">Warning!</h4>
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
</div>
</noscript>
<!-- start: Content -->
<div id="content" class="span10">
<ul class="breadcrumb">
<li>
<i class="icon-home"></i>
<a href="index.html">Home</a>
<i class="icon-angle-right"></i>
</li>
<li><a href="#">Icon</a></li>
</ul>
<div class="row-fluid">
<div class="box span12">
<div class="box-header">
<h2><i class="halflings-icon picture"></i><span class="break"></span>Glyphicons PRO - Halflings (SVG, PNG, Font)</h2>
<div class="box-icon">
<a href="#" class="btn-setting"><i class="halflings-icon wrench"></i></a>
<a href="#" class="btn-minimize"><i class="halflings-icon chevron-up"></i></a>
<a href="#" class="btn-close"><i class="halflings-icon remove"></i></a>
</div>
</div>
<div class="box-content">
<section id="icons1">
<div class="row-fluid bs-icons">
<div class="span3">
<ul class="the-icons">
<li><i class="halflings-icon glass"></i> halflings-icon glass</li>
<li><i class="halflings-icon music"></i> halflings-icon music</li>
<li><i class="halflings-icon search"></i> halflings-icon search</li>
<li><i class="halflings-icon envelope"></i> halflings-icon envelope</li>
<li><i class="halflings-icon heart"></i> halflings-icon heart</li>
<li><i class="halflings-icon star"></i> halflings-icon star</li>
<li><i class="halflings-icon star-empty"></i> halflings-icon star-empty</li>
<li><i class="halflings-icon user"></i> halflings-icon user</li>
<li><i class="halflings-icon film"></i> halflings-icon film</li>
<li><i class="halflings-icon th-large"></i> halflings-icon th-large</li>
<li><i class="halflings-icon th"></i> halflings-icon th</li>
<li><i class="halflings-icon th-list"></i> halflings-icon th-list</li>
<li><i class="halflings-icon ok"></i> halflings-icon ok</li>
<li><i class="halflings-icon remove"></i> halflings-icon remove</li>
<li><i class="halflings-icon zoom-in"></i> halflings-icon zoom-in</li>
<li><i class="halflings-icon zoom-out"></i> halflings-icon zoom-out</li>
<li><i class="halflings-icon off"></i> halflings-icon off</li>
<li><i class="halflings-icon signal"></i> halflings-icon signal</li>
<li><i class="halflings-icon cog"></i> halflings-icon cog</li>
<li><i class="halflings-icon trash"></i> halflings-icon trash</li>
<li><i class="halflings-icon home"></i> halflings-icon home</li>
<li><i class="halflings-icon file"></i> halflings-icon file</li>
<li><i class="halflings-icon time"></i> halflings-icon time</li>
<li><i class="halflings-icon road"></i> halflings-icon road</li>
<li><i class="halflings-icon download-alt"></i> halflings-icon download-alt</li>
<li><i class="halflings-icon download"></i> halflings-icon download</li>
<li><i class="halflings-icon upload"></i> halflings-icon upload</li>
<li><i class="halflings-icon inbox"></i> halflings-icon inbox</li>
<li><i class="halflings-icon play-circle"></i> halflings-icon play-circle</li>
<li><i class="halflings-icon repeat"></i> halflings-icon repeat</li>
<li><i class="halflings-icon refresh"></i> halflings-icon refresh</li>
<li><i class="halflings-icon list-alt"></i> halflings-icon list-alt</li>
<li><i class="halflings-icon lock"></i> halflings-icon lock</li>
<li><i class="halflings-icon flag"></i> halflings-icon flag</li>
<li><i class="halflings-icon headphones"></i> halflings-icon headphones</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="halflings-icon volume-off"></i> halflings-icon volume-off</li>
<li><i class="halflings-icon volume-down"></i> halflings-icon volume-down</li>
<li><i class="halflings-icon volume-up"></i> halflings-icon volume-up</li>
<li><i class="halflings-icon qrcode"></i> halflings-icon qrcode</li>
<li><i class="halflings-icon barcode"></i> halflings-icon barcode</li>
<li><i class="halflings-icon tag"></i> halflings-icon tag</li>
<li><i class="halflings-icon tags"></i> halflings-icon tags</li>
<li><i class="halflings-icon book"></i> halflings-icon book</li>
<li><i class="halflings-icon bookmark"></i> halflings-icon bookmark</li>
<li><i class="halflings-icon print"></i> halflings-icon print</li>
<li><i class="halflings-icon camera"></i> halflings-icon camera</li>
<li><i class="halflings-icon font"></i> halflings-icon font</li>
<li><i class="halflings-icon bold"></i> halflings-icon bold</li>
<li><i class="halflings-icon italic"></i> halflings-icon italic</li>
<li><i class="halflings-icon text-height"></i> halflings-icon text-height</li>
<li><i class="halflings-icon text-width"></i> halflings-icon text-width</li>
<li><i class="halflings-icon align-left"></i> halflings-icon align-left</li>
<li><i class="halflings-icon align-center"></i> halflings-icon align-center</li>
<li><i class="halflings-icon align-right"></i> halflings-icon align-right</li>
<li><i class="halflings-icon align-justify"></i> halflings-icon align-justify</li>
<li><i class="halflings-icon list"></i> halflings-icon list</li>
<li><i class="halflings-icon indent-left"></i> halflings-icon indent-left</li>
<li><i class="halflings-icon indent-right"></i> halflings-icon indent-right</li>
<li><i class="halflings-icon facetime-video"></i> halflings-icon facetime-video</li>
<li><i class="halflings-icon picture"></i> halflings-icon picture</li>
<li><i class="halflings-icon pencil"></i> halflings-icon pencil</li>
<li><i class="halflings-icon map-marker"></i> halflings-icon map-marker</li>
<li><i class="halflings-icon adjust"></i> halflings-icon adjust</li>
<li><i class="halflings-icon tint"></i> halflings-icon tint</li>
<li><i class="halflings-icon edit"></i> halflings-icon edit</li>
<li><i class="halflings-icon share"></i> halflings-icon share</li>
<li><i class="halflings-icon check"></i> halflings-icon check</li>
<li><i class="halflings-icon move"></i> halflings-icon move</li>
<li><i class="halflings-icon step-backward"></i> halflings-icon step-backward</li>
<li><i class="halflings-icon fast-backward"></i> halflings-icon fast-backward</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="halflings-icon backward"></i> halflings-icon backward</li>
<li><i class="halflings-icon play"></i> halflings-icon play</li>
<li><i class="halflings-icon pause"></i> halflings-icon pause</li>
<li><i class="halflings-icon stop"></i> halflings-icon stop</li>
<li><i class="halflings-icon forward"></i> halflings-icon forward</li>
<li><i class="halflings-icon fast-forward"></i> halflings-icon fast-forward</li>
<li><i class="halflings-icon step-forward"></i> halflings-icon step-forward</li>
<li><i class="halflings-icon eject"></i> halflings-icon eject</li>
<li><i class="halflings-icon chevron-left"></i> halflings-icon chevron-left</li>
<li><i class="halflings-icon chevron-right"></i> halflings-icon chevron-right</li>
<li><i class="halflings-icon plus-sign"></i> halflings-icon plus-sign</li>
<li><i class="halflings-icon minus-sign"></i> halflings-icon minus-sign</li>
<li><i class="halflings-icon remove-sign"></i> halflings-icon remove-sign</li>
<li><i class="halflings-icon ok-sign"></i> halflings-icon ok-sign</li>
<li><i class="halflings-icon question-sign"></i> halflings-icon question-sign</li>
<li><i class="halflings-icon info-sign"></i> halflings-icon info-sign</li>
<li><i class="halflings-icon screenshot"></i> halflings-icon screenshot</li>
<li><i class="halflings-icon remove-circle"></i> halflings-icon remove-circle</li>
<li><i class="halflings-icon ok-circle"></i> halflings-icon ok-circle</li>
<li><i class="halflings-icon ban-circle"></i> halflings-icon ban-circle</li>
<li><i class="halflings-icon arrow-left"></i> halflings-icon arrow-left</li>
<li><i class="halflings-icon arrow-right"></i> halflings-icon arrow-right</li>
<li><i class="halflings-icon arrow-up"></i> halflings-icon arrow-up</li>
<li><i class="halflings-icon arrow-down"></i> halflings-icon arrow-down</li>
<li><i class="halflings-icon share-alt"></i> halflings-icon share-alt</li>
<li><i class="halflings-icon resize-full"></i> halflings-icon resize-full</li>
<li><i class="halflings-icon resize-small"></i> halflings-icon resize-small</li>
<li><i class="halflings-icon plus"></i> halflings-icon plus</li>
<li><i class="halflings-icon minus"></i> halflings-icon minus</li>
<li><i class="halflings-icon asterisk"></i> halflings-icon asterisk</li>
<li><i class="halflings-icon exclamation-sign"></i> halflings-icon exclamation-sign</li>
<li><i class="halflings-icon gift"></i> halflings-icon gift</li>
<li><i class="halflings-icon leaf"></i> halflings-icon leaf</li>
<li><i class="halflings-icon fire"></i> halflings-icon fire</li>
<li><i class="halflings-icon eye-open"></i> halflings-icon eye-open</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="halflings-icon eye-close"></i> halflings-icon eye-close</li>
<li><i class="halflings-icon warning-sign"></i> halflings-icon warning-sign</li>
<li><i class="halflings-icon plane"></i> halflings-icon plane</li>
<li><i class="halflings-icon calendar"></i> halflings-icon calendar</li>
<li><i class="halflings-icon random"></i> halflings-icon random</li>
<li><i class="halflings-icon comment"></i> halflings-icon comment</li>
<li><i class="halflings-icon magnet"></i> halflings-icon magnet</li>
<li><i class="halflings-icon chevron-up"></i> halflings-icon chevron-up</li>
<li><i class="halflings-icon chevron-down"></i> halflings-icon chevron-down</li>
<li><i class="halflings-icon retweet"></i> halflings-icon retweet</li>
<li><i class="halflings-icon shopping-cart"></i> halflings-icon shopping-cart</li>
<li><i class="halflings-icon folder-close"></i> halflings-icon folder-close</li>
<li><i class="halflings-icon folder-open"></i> halflings-icon folder-open</li>
<li><i class="halflings-icon resize-vertical"></i> halflings-icon resize-vertical</li>
<li><i class="halflings-icon resize-horizontal"></i> halflings-icon resize-horizontal</li>
<li><i class="halflings-icon hdd"></i> halflings-icon hdd</li>
<li><i class="halflings-icon bullhorn"></i> halflings-icon bullhorn</li>
<li><i class="halflings-icon bell"></i> halflings-icon bell</li>
<li><i class="halflings-icon certificate"></i> halflings-icon certificate</li>
<li><i class="halflings-icon thumbs-up"></i> halflings-icon thumbs-up</li>
<li><i class="halflings-icon thumbs-down"></i> halflings-icon thumbs-down</li>
<li><i class="halflings-icon hand-right"></i> halflings-icon hand-right</li>
<li><i class="halflings-icon hand-left"></i> halflings-icon hand-left</li>
<li><i class="halflings-icon hand-up"></i> halflings-icon hand-up</li>
<li><i class="halflings-icon hand-down"></i> halflings-icon hand-down</li>
<li><i class="halflings-icon circle-arrow-right"></i> halflings-icon circle-arrow-right</li>
<li><i class="halflings-icon circle-arrow-left"></i> halflings-icon circle-arrow-left</li>
<li><i class="halflings-icon circle-arrow-up"></i> halflings-icon circle-arrow-up</li>
<li><i class="halflings-icon circle-arrow-down"></i> halflings-icon circle-arrow-down</li>
<li><i class="halflings-icon globe"></i> halflings-icon globe</li>
<li><i class="halflings-icon wrench"></i> halflings-icon wrench</li>
<li><i class="halflings-icon tasks"></i> halflings-icon tasks</li>
<li><i class="halflings-icon filter"></i> halflings-icon filter</li>
<li><i class="halflings-icon briefcase"></i> halflings-icon briefcase</li>
<li><i class="halflings-icon fullscreen"></i> halflings-icon fullscreen</li>
</ul>
</div>
</div>
</div>
</div><!--/span-->
</div><!--/row-->
<hr>
<div class="row-fluid">
<div class="box span12">
<div class="box-header">
<h2><i class="halflings-icon picture"></i><span class="break"></span>Glyphicons PRO (SVG, PNG, Font)</h2>
<div class="box-icon">
<a href="#" class="btn-setting"><i class="halflings-icon wrench"></i></a>
<a href="#" class="btn-minimize"><i class="halflings-icon chevron-up"></i></a>
<a href="#" class="btn-close"><i class="halflings-icon remove"></i></a>
</div>
</div>
<div class="box-content glyphicons">
<p><i class="glyphicons-icon glass"></i> glyphicons-icon glass</p>
<p><i class="glyphicons-icon leaf"></i> glyphicons-icon leaf</p>
<p><i class="glyphicons-icon dog"></i> glyphicons-icon dog</p>
<p><i class="glyphicons-icon user"></i> glyphicons-icon user</p>
<p><i class="glyphicons-icon girl"></i> glyphicons-icon girl</p>
<p><i class="glyphicons-icon car"></i> glyphicons-icon car</p>
<p><i class="glyphicons-icon user_add"></i> glyphicons-icon user_add</p>
<p><i class="glyphicons-icon user_remove"></i> glyphicons-icon user_remove</p>
<p><i class="glyphicons-icon film"></i> glyphicons-icon film</p>
<p><i class="glyphicons-icon magic"></i> glyphicons-icon magic</p>
<p><i class="glyphicons-icon envelope"></i> glyphicons-icon envelope</p>
<p><i class="glyphicons-icon camera"></i> glyphicons-icon camera</p>
<p><i class="glyphicons-icon heart"></i> glyphicons-icon heart</p>
<p><i class="glyphicons-icon beach_umbrella"></i> glyphicons-icon beach_umbrella</p>
<p><i class="glyphicons-icon train"></i> glyphicons-icon train</p>
<p><i class="glyphicons-icon print"></i> glyphicons-icon print</p>
<p><i class="glyphicons-icon bin"></i> glyphicons-icon bin</p>
<p><i class="glyphicons-icon music"></i> glyphicons-icon music</p>
<p><i class="glyphicons-icon note"></i> glyphicons-icon note</p>
<p><i class="glyphicons-icon heart_empty"></i> glyphicons-icon heart_empty</p>
<p><i class="glyphicons-icon home"></i> glyphicons-icon home</p>
<p><i class="glyphicons-icon snowflake"></i> glyphicons-icon snowflake</p>
<p><i class="glyphicons-icon fire"></i> glyphicons-icon fire</p>
<p><i class="glyphicons-icon magnet"></i> glyphicons-icon magnet</p>
<p><i class="glyphicons-icon parents"></i> glyphicons-icon parents</p>
<p><i class="glyphicons-icon binoculars"></i> glyphicons-icon binoculars</p>
<p><i class="glyphicons-icon road"></i> glyphicons-icon road</p>
<p><i class="glyphicons-icon search"></i> glyphicons-icon search</p>
<p><i class="glyphicons-icon cars"></i> glyphicons-icon cars</p>
<p><i class="glyphicons-icon notes_2"></i> glyphicons-icon notes_2</p>
<p><i class="glyphicons-icon pencil"></i> glyphicons-icon pencil</p>
<p><i class="glyphicons-icon bus"></i> glyphicons-icon bus</p>
<p><i class="glyphicons-icon wifi_alt"></i> glyphicons-icon wifi_alt</p>
<p><i class="glyphicons-icon luggage"></i> glyphicons-icon luggage</p>
<p><i class="glyphicons-icon old_man"></i> glyphicons-icon old_man</p>
<p><i class="glyphicons-icon woman"></i> glyphicons-icon woman</p>
<p><i class="glyphicons-icon file"></i> glyphicons-icon file</p>
<p><i class="glyphicons-icon coins"></i> glyphicons-icon coins</p>
<p><i class="glyphicons-icon airplane"></i> glyphicons-icon airplane</p>
<p><i class="glyphicons-icon notes"></i> glyphicons-icon notes</p>
<p><i class="glyphicons-icon stats"></i> glyphicons-icon stats</p>
<p><i class="glyphicons-icon charts"></i> glyphicons-icon charts</p>
<p><i class="glyphicons-icon pie_chart"></i> glyphicons-icon pie_chart</p>
<p><i class="glyphicons-icon group"></i> glyphicons-icon group</p>
<p><i class="glyphicons-icon keys"></i> glyphicons-icon keys</p>
<p><i class="glyphicons-icon calendar"></i> glyphicons-icon calendar</p>
<p><i class="glyphicons-icon router"></i> glyphicons-icon router</p>
<p><i class="glyphicons-icon camera_small"></i> glyphicons-icon camera_small</p>
<p><i class="glyphicons-icon dislikes"></i> glyphicons-icon dislikes</p>
<p><i class="glyphicons-icon star"></i> glyphicons-icon star</p>
<p><i class="glyphicons-icon link"></i> glyphicons-icon link</p>
<p><i class="glyphicons-icon eye_open"></i> glyphicons-icon eye_open</p>
<p><i class="glyphicons-icon eye_close"></i> glyphicons-icon eye_close</p>
<p><i class="glyphicons-icon alarm"></i> glyphicons-icon alarm</p>
<p><i class="glyphicons-icon clock"></i> glyphicons-icon clock</p>
<p><i class="glyphicons-icon stopwatch"></i> glyphicons-icon stopwatch</p>
<p><i class="glyphicons-icon projector"></i> glyphicons-icon projector</p>
<p><i class="glyphicons-icon history"></i> glyphicons-icon history</p>
<p><i class="glyphicons-icon truck"></i> glyphicons-icon truck</p>
<p><i class="glyphicons-icon cargo"></i> glyphicons-icon cargo</p>
<p><i class="glyphicons-icon compass"></i> glyphicons-icon compass</p>
<p><i class="glyphicons-icon keynote"></i> glyphicons-icon keynote</p>
<p><i class="glyphicons-icon paperclip"></i> glyphicons-icon paperclip</p>
<p><i class="glyphicons-icon power"></i> glyphicons-icon power</p>
<p><i class="glyphicons-icon lightbulb"></i> glyphicons-icon lightbulb</p>
<p><i class="glyphicons-icon tag"></i> glyphicons-icon tag</p>
<p><i class="glyphicons-icon tags"></i> glyphicons-icon tags</p>
<p><i class="glyphicons-icon cleaning"></i> glyphicons-icon cleaning</p>
<p><i class="glyphicons-icon ruller"></i> glyphicons-icon ruller</p>
<p><i class="glyphicons-icon gift"></i> glyphicons-icon gift</p>
<p><i class="glyphicons-icon umbrella"></i> glyphicons-icon umbrella</p>
<p><i class="glyphicons-icon book"></i> glyphicons-icon book</p>
<p><i class="glyphicons-icon bookmark"></i> glyphicons-icon bookmark</p>
<p><i class="glyphicons-icon wifi"></i> glyphicons-icon wifi</p>
<p><i class="glyphicons-icon cup"></i> glyphicons-icon cup</p>
<p><i class="glyphicons-icon stroller"></i> glyphicons-icon stroller</p>
<p><i class="glyphicons-icon headphones"></i> glyphicons-icon headphones</p>
<p><i class="glyphicons-icon headset"></i> glyphicons-icon headset</p>
<p><i class="glyphicons-icon warning_sign"></i> glyphicons-icon warning_sign</p>
<p><i class="glyphicons-icon signal"></i> glyphicons-icon signal</p>
<p><i class="glyphicons-icon retweet"></i> glyphicons-icon retweet</p>
<p><i class="glyphicons-icon refresh"></i> glyphicons-icon refresh</p>
<p><i class="glyphicons-icon roundabout"></i> glyphicons-icon roundabout</p>
<p><i class="glyphicons-icon random"></i> glyphicons-icon random</p>
<p><i class="glyphicons-icon heat"></i> glyphicons-icon heat</p>
<p><i class="glyphicons-icon repeat"></i> glyphicons-icon repeat</p>
<p><i class="glyphicons-icon display"></i> glyphicons-icon display</p>
<p><i class="glyphicons-icon log_book"></i> glyphicons-icon log_book</p>
<p><i class="glyphicons-icon adress_book"></i> glyphicons-icon adress_book</p>
<p><i class="glyphicons-icon building"></i> glyphicons-icon building</p>
<p><i class="glyphicons-icon eyedropper"></i> glyphicons-icon eyedropper</p>
<p><i class="glyphicons-icon adjust"></i> glyphicons-icon adjust</p>
<p><i class="glyphicons-icon tint"></i> glyphicons-icon tint</p>
<p><i class="glyphicons-icon crop"></i> glyphicons-icon crop</p>
<p><i class="glyphicons-icon vector_path_square"></i> glyphicons-icon vector_path_square</p>
<p><i class="glyphicons-icon vector_path_circle"></i> glyphicons-icon vector_path_circle</p>
<p><i class="glyphicons-icon vector_path_polygon"></i> glyphicons-icon vector_path_polygon</p>
<p><i class="glyphicons-icon vector_path_line"></i> glyphicons-icon vector_path_line</p>
<p><i class="glyphicons-icon vector_path_curve"></i> glyphicons-icon vector_path_curve</p>
<p><i class="glyphicons-icon vector_path_all"></i> glyphicons-icon vector_path_all</p>
<p><i class="glyphicons-icon font"></i> glyphicons-icon font</p>
<p><i class="glyphicons-icon italic"></i> glyphicons-icon italic</p>
<p><i class="glyphicons-icon bold"></i> glyphicons-icon bold</p>
<p><i class="glyphicons-icon text_underline"></i> glyphicons-icon text_underline</p>
<p><i class="glyphicons-icon text_strike"></i> glyphicons-icon text_strike</p>
<p><i class="glyphicons-icon text_height"></i> glyphicons-icon text_height</p>
<p><i class="glyphicons-icon text_width"></i> glyphicons-icon text_width</p>
<p><i class="glyphicons-icon text_resize"></i> glyphicons-icon text_resize</p>
<p><i class="glyphicons-icon left_indent"></i> glyphicons-icon left_indent</p>
<p><i class="glyphicons-icon right_indent"></i> glyphicons-icon right_indent</p>
<p><i class="glyphicons-icon align_left"></i> glyphicons-icon align_left</p>
<p><i class="glyphicons-icon align_center"></i> glyphicons-icon align_center</p>
<p><i class="glyphicons-icon align_right"></i> glyphicons-icon align_right</p>
<p><i class="glyphicons-icon justify"></i> glyphicons-icon justify</p>
<p><i class="glyphicons-icon list"></i> glyphicons-icon list</p>
<p><i class="glyphicons-icon text_smaller"></i> glyphicons-icon text_smaller</p>
<p><i class="glyphicons-icon text_bigger"></i> glyphicons-icon text_bigger</p>
<p><i class="glyphicons-icon embed"></i> glyphicons-icon embed</p>
<p><i class="glyphicons-icon embed_close"></i> glyphicons-icon embed_close</p>
<p><i class="glyphicons-icon table"></i> glyphicons-icon table</p>
<p><i class="glyphicons-icon message_full"></i> glyphicons-icon message_full</p>
<p><i class="glyphicons-icon message_empty"></i> glyphicons-icon message_empty</p>
<p><i class="glyphicons-icon message_in"></i> glyphicons-icon message_in</p>
<p><i class="glyphicons-icon message_out"></i> glyphicons-icon message_out</p>
<p><i class="glyphicons-icon message_plus"></i> glyphicons-icon message_plus</p>
<p><i class="glyphicons-icon message_minus"></i> glyphicons-icon message_minus</p>
<p><i class="glyphicons-icon message_ban"></i> glyphicons-icon message_ban</p>
<p><i class="glyphicons-icon message_flag"></i> glyphicons-icon message_flag</p>
<p><i class="glyphicons-icon message_lock"></i> glyphicons-icon message_lock</p>
<p><i class="glyphicons-icon message_new"></i> glyphicons-icon message_new</p>
<p><i class="glyphicons-icon inbox"></i> glyphicons-icon inbox</p>
<p><i class="glyphicons-icon inbox_plus"></i> glyphicons-icon inbox_plus</p>
<p><i class="glyphicons-icon inbox_minus"></i> glyphicons-icon inbox_minus</p>
<p><i class="glyphicons-icon inbox_lock"></i> glyphicons-icon inbox_lock</p>
<p><i class="glyphicons-icon inbox_in"></i> glyphicons-icon inbox_in</p>
<p><i class="glyphicons-icon inbox_out"></i> glyphicons-icon inbox_out</p>
<p><i class="glyphicons-icon cogwheel"></i> glyphicons-icon cogwheel</p>
<p><i class="glyphicons-icon cogwheels"></i> glyphicons-icon cogwheels</p>
<p><i class="glyphicons-icon picture"></i> glyphicons-icon picture</p>
<p><i class="glyphicons-icon adjust_alt"></i> glyphicons-icon adjust_alt</p>
<p><i class="glyphicons-icon database_lock"></i> glyphicons-icon database_lock</p>
<p><i class="glyphicons-icon database_plus"></i> glyphicons-icon database_plus</p>
<p><i class="glyphicons-icon database_minus"></i> glyphicons-icon database_minus</p>
<p><i class="glyphicons-icon database_ban"></i> glyphicons-icon database_ban</p>
<p><i class="glyphicons-icon folder_open"></i> glyphicons-icon folder_open</p>
<p><i class="glyphicons-icon folder_plus"></i> glyphicons-icon folder_plus</p>
<p><i class="glyphicons-icon folder_minus"></i> glyphicons-icon folder_minus</p>
<p><i class="glyphicons-icon folder_lock"></i> glyphicons-icon folder_lock</p>
<p><i class="glyphicons-icon folder_flag"></i> glyphicons-icon folder_flag</p>
<p><i class="glyphicons-icon folder_new"></i> glyphicons-icon folder_new</p>
<p><i class="glyphicons-icon edit"></i> glyphicons-icon edit</p>
<p><i class="glyphicons-icon new_window"></i> glyphicons-icon new_window</p>
<p><i class="glyphicons-icon check"></i> glyphicons-icon check</p>
<p><i class="glyphicons-icon unchecked"></i> glyphicons-icon unchecked</p>
<p><i class="glyphicons-icon more_windows"></i> glyphicons-icon more_windows</p>
<p><i class="glyphicons-icon show_big_thumbnails"></i> glyphicons-icon show_big_thumbnails</p>
<p><i class="glyphicons-icon show_thumbnails"></i> glyphicons-icon show_thumbnails</p>
<p><i class="glyphicons-icon show_thumbnails_with_lines"></i> glyphicons-icon show_thumbnails_with_lines</p>
<p><i class="glyphicons-icon show_lines"></i> glyphicons-icon show_lines</p>
<p><i class="glyphicons-icon playlist"></i> glyphicons-icon playlist</p>
<p><i class="glyphicons-icon imac"></i> glyphicons-icon imac</p>
<p><i class="glyphicons-icon macbook"></i> glyphicons-icon macbook</p>
<p><i class="glyphicons-icon ipad"></i> glyphicons-icon ipad</p>
<p><i class="glyphicons-icon iphone"></i> glyphicons-icon iphone</p>
<p><i class="glyphicons-icon iphone_transfer"></i> glyphicons-icon iphone_transfer</p>
<p><i class="glyphicons-icon iphone_exchange"></i> glyphicons-icon iphone_exchange</p>
<p><i class="glyphicons-icon ipod"></i> glyphicons-icon ipod</p>
<p><i class="glyphicons-icon ipod_shuffle"></i> glyphicons-icon ipod_shuffle</p>
<p><i class="glyphicons-icon ear_plugs"></i> glyphicons-icon ear_plugs</p>
<p><i class="glyphicons-icon phone"></i> glyphicons-icon phone</p>
<p><i class="glyphicons-icon step_backward"></i> glyphicons-icon step_backward</p>
<p><i class="glyphicons-icon fast_backward"></i> glyphicons-icon fast_backward</p>
<p><i class="glyphicons-icon rewind"></i> glyphicons-icon rewind</p>
<p><i class="glyphicons-icon play"></i> glyphicons-icon play</p>
<p><i class="glyphicons-icon pause"></i> glyphicons-icon pause</p>
<p><i class="glyphicons-icon stop"></i> glyphicons-icon stop</p>
<p><i class="glyphicons-icon forward"></i> glyphicons-icon forward</p>
<p><i class="glyphicons-icon fast_forward"></i> glyphicons-icon fast_forward</p>
<p><i class="glyphicons-icon step_forward"></i> glyphicons-icon step_forward</p>
<p><i class="glyphicons-icon eject"></i> glyphicons-icon eject</p>
<p><i class="glyphicons-icon facetime_video"></i> glyphicons-icon facetime_video</p>
<p><i class="glyphicons-icon download_alt"></i> glyphicons-icon download_alt</p>
<p><i class="glyphicons-icon mute"></i> glyphicons-icon mute</p>
<p><i class="glyphicons-icon volume_down"></i> glyphicons-icon volume_down</p>
<p><i class="glyphicons-icon volume_up"></i> glyphicons-icon volume_up</p>
<p><i class="glyphicons-icon screenshot"></i> glyphicons-icon screenshot</p>
<p><i class="glyphicons-icon move"></i> glyphicons-icon move</p>
<p><i class="glyphicons-icon more"></i> glyphicons-icon more</p>
<p><i class="glyphicons-icon brightness_reduce"></i> glyphicons-icon brightness_reduce</p>
<p><i class="glyphicons-icon brightness_increase"></i> glyphicons-icon brightness_increase</p>
<p><i class="glyphicons-icon circle_plus"></i> glyphicons-icon circle_plus</p>
<p><i class="glyphicons-icon circle_minus"></i> glyphicons-icon circle_minus</p>
<p><i class="glyphicons-icon circle_remove"></i> glyphicons-icon circle_remove</p>
<p><i class="glyphicons-icon circle_ok"></i> glyphicons-icon circle_ok</p>
<p><i class="glyphicons-icon circle_question_mark"></i> glyphicons-icon circle_question_mark</p>
<p><i class="glyphicons-icon circle_info"></i> glyphicons-icon circle_info</p>
<p><i class="glyphicons-icon circle_exclamation_mark"></i> glyphicons-icon circle_exclamation_mark</p>
<p><i class="glyphicons-icon remove"></i> glyphicons-icon remove</p>
<p><i class="glyphicons-icon ok"></i> glyphicons-icon ok</p>
<p><i class="glyphicons-icon ban"></i> glyphicons-icon ban</p>
<p><i class="glyphicons-icon download"></i> glyphicons-icon download</p>
<p><i class="glyphicons-icon upload"></i> glyphicons-icon upload</p>
<p><i class="glyphicons-icon shopping_cart"></i> glyphicons-icon shopping_cart</p>
<p><i class="glyphicons-icon lock"></i> glyphicons-icon lock</p>
<p><i class="glyphicons-icon unlock"></i> glyphicons-icon unlock</p>
<p><i class="glyphicons-icon electricity"></i> glyphicons-icon electricity</p>
<p><i class="glyphicons-icon ok_2"></i> glyphicons-icon ok_2</p>
<p><i class="glyphicons-icon remove_2"></i> glyphicons-icon remove_2</p>
<p><i class="glyphicons-icon cart_out"></i> glyphicons-icon cart_out</p>
<p><i class="glyphicons-icon cart_in"></i> glyphicons-icon cart_in</p>
<p><i class="glyphicons-icon left_arrow"></i> glyphicons-icon left_arrow</p>
<p><i class="glyphicons-icon right_arrow"></i> glyphicons-icon right_arrow</p>
<p><i class="glyphicons-icon down_arrow"></i> glyphicons-icon down_arrow</p>
<p><i class="glyphicons-icon up_arrow"></i> glyphicons-icon up_arrow</p>
<p><i class="glyphicons-icon resize_small"></i> glyphicons-icon resize_small</p>
<p><i class="glyphicons-icon resize_full"></i> glyphicons-icon resize_full</p>
<p><i class="glyphicons-icon circle_arrow_left"></i> glyphicons-icon circle_arrow_left</p>
<p><i class="glyphicons-icon circle_arrow_right"></i> glyphicons-icon circle_arrow_right</p>
<p><i class="glyphicons-icon circle_arrow_top"></i> glyphicons-icon circle_arrow_top</p>
<p><i class="glyphicons-icon circle_arrow_down"></i> glyphicons-icon circle_arrow_down</p>
<p><i class="glyphicons-icon play_button"></i> glyphicons-icon play_button</p>
<p><i class="glyphicons-icon unshare"></i> glyphicons-icon unshare</p>
<p><i class="glyphicons-icon share"></i> glyphicons-icon share</p>
<p><i class="glyphicons-icon chevron-right"></i> glyphicons-icon chevron-right</p>
<p><i class="glyphicons-icon chevron-left"></i> glyphicons-icon chevron-left</p>
<p><i class="glyphicons-icon bluetooth"></i> glyphicons-icon bluetooth</p>
<p><i class="glyphicons-icon euro"></i> glyphicons-icon euro</p>
<p><i class="glyphicons-icon usd"></i> glyphicons-icon usd</p>
<p><i class="glyphicons-icon gbp"></i> glyphicons-icon gbp</p>
<p><i class="glyphicons-icon retweet_2"></i> glyphicons-icon retweet_2</p>
<p><i class="glyphicons-icon moon"></i> glyphicons-icon moon</p>
<p><i class="glyphicons-icon sun"></i> glyphicons-icon sun</p>
<p><i class="glyphicons-icon cloud"></i> glyphicons-icon cloud</p>
<p><i class="glyphicons-icon direction"></i> glyphicons-icon direction</p>
<p><i class="glyphicons-icon brush"></i> glyphicons-icon brush</p>
<p><i class="glyphicons-icon pen"></i> glyphicons-icon pen</p>
<p><i class="glyphicons-icon zoom_in"></i> glyphicons-icon zoom_in</p>
<p><i class="glyphicons-icon zoom_out"></i> glyphicons-icon zoom_out</p>
<p><i class="glyphicons-icon pin"></i> glyphicons-icon pin</p>
<p><i class="glyphicons-icon albums"></i> glyphicons-icon albums</p>
<p><i class="glyphicons-icon rotation_lock"></i> glyphicons-icon rotation_lock</p>
<p><i class="glyphicons-icon flash"></i> glyphicons-icon flash</p>
<p><i class="glyphicons-icon google_maps"></i> glyphicons-icon google_maps</p>
<p><i class="glyphicons-icon anchor"></i> glyphicons-icon anchor</p>
<p><i class="glyphicons-icon conversation"></i> glyphicons-icon conversation</p>
<p><i class="glyphicons-icon chat"></i> glyphicons-icon chat</p>
<p><i class="glyphicons-icon male"></i> glyphicons-icon male</p>
<p><i class="glyphicons-icon female"></i> glyphicons-icon female</p>
<p><i class="glyphicons-icon asterisk"></i> glyphicons-icon asterisk</p>
<p><i class="glyphicons-icon divide"></i> glyphicons-icon divide</p>
<p><i class="glyphicons-icon snorkel_diving"></i> glyphicons-icon snorkel_diving</p>
<p><i class="glyphicons-icon scuba_diving"></i> glyphicons-icon scuba_diving</p>
<p><i class="glyphicons-icon oxygen_bottle"></i> glyphicons-icon oxygen_bottle</p>
<p><i class="glyphicons-icon fins"></i> glyphicons-icon fins</p>
<p><i class="glyphicons-icon fishes"></i> glyphicons-icon fishes</p>
<p><i class="glyphicons-icon boat"></i> glyphicons-icon boat</p>
<p><i class="glyphicons-icon delete"></i> glyphicons-icon delete</p>
<p><i class="glyphicons-icon sheriffs_star"></i> glyphicons-icon sheriffs_star</p>
<p><i class="glyphicons-icon qrcode"></i> glyphicons-icon qrcode</p>
<p><i class="glyphicons-icon barcode"></i> glyphicons-icon barcode</p>
<p><i class="glyphicons-icon pool"></i> glyphicons-icon pool</p>
<p><i class="glyphicons-icon buoy"></i> glyphicons-icon buoy</p>
<p><i class="glyphicons-icon spade"></i> glyphicons-icon spade</p>
<p><i class="glyphicons-icon bank"></i> glyphicons-icon bank</p>
<p><i class="glyphicons-icon vcard"></i> glyphicons-icon vcard</p>
<p><i class="glyphicons-icon electrical_plug"></i> glyphicons-icon electrical_plug</p>
<p><i class="glyphicons-icon flag"></i> glyphicons-icon flag</p>
<p><i class="glyphicons-icon credit_card"></i> glyphicons-icon credit_card</p>
<p><i class="glyphicons-icon keyboard-wireless"></i> glyphicons-icon keyboard-wireless</p>
<p><i class="glyphicons-icon keyboard-wired"></i> glyphicons-icon keyboard-wired</p>
<p><i class="glyphicons-icon shield"></i> glyphicons-icon shield</p>
<p><i class="glyphicons-icon ring"></i> glyphicons-icon ring</p>
<p><i class="glyphicons-icon cake"></i> glyphicons-icon cake</p>
<p><i class="glyphicons-icon drink"></i> glyphicons-icon drink</p>
<p><i class="glyphicons-icon beer"></i> glyphicons-icon beer</p>
<p><i class="glyphicons-icon fast_food"></i> glyphicons-icon fast_food</p>
<p><i class="glyphicons-icon cutlery"></i> glyphicons-icon cutlery</p>
<p><i class="glyphicons-icon pizza"></i> glyphicons-icon pizza</p>
<p><i class="glyphicons-icon birthday_cake"></i> glyphicons-icon birthday_cake</p>
<p><i class="glyphicons-icon tablet"></i> glyphicons-icon tablet</p>
<p><i class="glyphicons-icon settings"></i> glyphicons-icon settings</p>
<p><i class="glyphicons-icon bullets"></i> glyphicons-icon bullets</p>
<p><i class="glyphicons-icon cardio"></i> glyphicons-icon cardio</p>
<p><i class="glyphicons-icon t-shirt"></i> glyphicons-icon t-shirt</p>
<p><i class="glyphicons-icon pants"></i> glyphicons-icon pants</p>
<p><i class="glyphicons-icon sweater"></i> glyphicons-icon sweater</p>
<p><i class="glyphicons-icon fabric"></i> glyphicons-icon fabric</p>
<p><i class="glyphicons-icon leather"></i> glyphicons-icon leather</p>
<p><i class="glyphicons-icon scissors"></i> glyphicons-icon scissors</p>
<p><i class="glyphicons-icon bomb"></i> glyphicons-icon bomb</p>
<p><i class="glyphicons-icon skull"></i> glyphicons-icon skull</p>
<p><i class="glyphicons-icon celebration"></i> glyphicons-icon celebration</p>
<p><i class="glyphicons-icon tea_kettle"></i> glyphicons-icon tea_kettle</p>
<p><i class="glyphicons-icon french_press"></i> glyphicons-icon french_press</p>
<p><i class="glyphicons-icon coffe_cup"></i> glyphicons-icon coffe_cup</p>
<p><i class="glyphicons-icon pot"></i> glyphicons-icon pot</p>
<p><i class="glyphicons-icon grater"></i> glyphicons-icon grater</p>
<p><i class="glyphicons-icon kettle"></i> glyphicons-icon kettle</p>
<p><i class="glyphicons-icon hospital"></i> glyphicons-icon hospital</p>
<p><i class="glyphicons-icon hospital_h"></i> glyphicons-icon hospital_h</p>
<p><i class="glyphicons-icon microphone"></i> glyphicons-icon microphone</p>
<p><i class="glyphicons-icon webcam"></i> glyphicons-icon webcam</p>
<p><i class="glyphicons-icon temple_christianity_church"></i> glyphicons-icon temple_christianity_church</p>
<p><i class="glyphicons-icon temple_islam"></i> glyphicons-icon temple_islam</p>
<p><i class="glyphicons-icon temple_hindu"></i> glyphicons-icon temple_hindu</p>
<p><i class="glyphicons-icon temple_buddhist"></i> glyphicons-icon temple_buddhist</p>
<p><i class="glyphicons-icon bicycle"></i> glyphicons-icon bicycle</p>
<p><i class="glyphicons-icon life_preserver"></i> glyphicons-icon life_preserver</p>
<p><i class="glyphicons-icon share_alt"></i> glyphicons-icon share_alt</p>
<p><i class="glyphicons-icon comments"></i> glyphicons-icon comments</p>
<p><i class="glyphicons-icon flower"></i> glyphicons-icon flower</p>
<p><i class="glyphicons-icon baseball"></i> glyphicons-icon baseball</p>
<p><i class="glyphicons-icon rugby"></i> glyphicons-icon rugby</p>
<p><i class="glyphicons-icon ax"></i> glyphicons-icon ax</p>
<p><i class="glyphicons-icon table_tennis"></i> glyphicons-icon table_tennis</p>
<p><i class="glyphicons-icon bowling"></i> glyphicons-icon bowling</p>
<p><i class="glyphicons-icon tree_conifer"></i> glyphicons-icon tree_conifer</p>
<p><i class="glyphicons-icon tree_deciduous"></i> glyphicons-icon tree_deciduous</p>
<p><i class="glyphicons-icon more_items"></i> glyphicons-icon more_items</p>
<p><i class="glyphicons-icon sort"></i> glyphicons-icon sort</p>
<p><i class="glyphicons-icon filter"></i> glyphicons-icon filter</p>
<p><i class="glyphicons-icon gamepad"></i> glyphicons-icon gamepad</p>
<p><i class="glyphicons-icon playing_dices"></i> glyphicons-icon playing_dices</p>
<p><i class="glyphicons-icon calculator"></i> glyphicons-icon calculator</p>
<p><i class="glyphicons-icon tie"></i> glyphicons-icon tie</p>
<p><i class="glyphicons-icon wallet"></i> glyphicons-icon wallet</p>
<p><i class="glyphicons-icon piano"></i> glyphicons-icon piano</p>
<p><i class="glyphicons-icon sampler"></i> glyphicons-icon sampler</p>
<p><i class="glyphicons-icon podium"></i> glyphicons-icon podium</p>
<p><i class="glyphicons-icon soccer_ball"></i> glyphicons-icon soccer_ball</p>
<p><i class="glyphicons-icon blog"></i> glyphicons-icon blog</p>
<p><i class="glyphicons-icon dashboard"></i> glyphicons-icon dashboard</p>
<p><i class="glyphicons-icon certificate"></i> glyphicons-icon certificate</p>
<p><i class="glyphicons-icon bell"></i> glyphicons-icon bell</p>
<p><i class="glyphicons-icon candle"></i> glyphicons-icon candle</p>
<p><i class="glyphicons-icon pushpin"></i> glyphicons-icon pushpin</p>
<p><i class="glyphicons-icon iphone_shake"></i> glyphicons-icon iphone_shake</p>
<p><i class="glyphicons-icon pin_flag"></i> glyphicons-icon pin_flag</p>
<p><i class="glyphicons-icon turtle"></i> glyphicons-icon turtle</p>
<p><i class="glyphicons-icon rabbit"></i> glyphicons-icon rabbit</p>
<p><i class="glyphicons-icon globe"></i> glyphicons-icon globe</p>
<p><i class="glyphicons-icon briefcase"></i> glyphicons-icon briefcase</p>
<p><i class="glyphicons-icon hdd"></i> glyphicons-icon hdd</p>
<p><i class="glyphicons-icon thumbs_up"></i> glyphicons-icon thumbs_up</p>
<p><i class="glyphicons-icon thumbs_down"></i> glyphicons-icon thumbs_down</p>
<p><i class="glyphicons-icon hand_right"></i> glyphicons-icon hand_right</p>
<p><i class="glyphicons-icon hand_left"></i> glyphicons-icon hand_left</p>
<p><i class="glyphicons-icon hand_up"></i> glyphicons-icon hand_up</p>
<p><i class="glyphicons-icon hand_down"></i> glyphicons-icon hand_down</p>
<p><i class="glyphicons-icon fullscreen"></i> glyphicons-icon fullscreen</p>
<p><i class="glyphicons-icon shopping_bag"></i> glyphicons-icon shopping_bag</p>
<p><i class="glyphicons-icon book_open"></i> glyphicons-icon book_open</p>
<p><i class="glyphicons-icon nameplate"></i> glyphicons-icon nameplate</p>
<p><i class="glyphicons-icon nameplate_alt"></i> glyphicons-icon nameplate_alt</p>
<p><i class="glyphicons-icon vases"></i> glyphicons-icon vases</p>
<p><i class="glyphicons-icon bullhorn"></i> glyphicons-icon bullhorn</p>
<p><i class="glyphicons-icon dumbbell"></i> glyphicons-icon dumbbell</p>
<p><i class="glyphicons-icon suitcase"></i> glyphicons-icon suitcase</p>
<p><i class="glyphicons-icon file_import"></i> glyphicons-icon file_import</p>
<p><i class="glyphicons-icon file_export"></i> glyphicons-icon file_export</p>
<p><i class="glyphicons-icon bug"></i> glyphicons-icon bug</p>
<p><i class="glyphicons-icon crown"></i> glyphicons-icon crown</p>
<p><i class="glyphicons-icon smoking"></i> glyphicons-icon smoking</p>
<p><i class="glyphicons-icon cloud-upload"></i> glyphicons-icon cloud-upload</p>
<p><i class="glyphicons-icon cloud-download"></i> glyphicons-icon cloud-download</p>
<p><i class="glyphicons-icon restart"></i> glyphicons-icon restart</p>
<p><i class="glyphicons-icon security_camera"></i> glyphicons-icon security_camera</p>
<p><i class="glyphicons-icon expand"></i> glyphicons-icon expand</p>
<p><i class="glyphicons-icon collapse"></i> glyphicons-icon collapse</p>
<p><i class="glyphicons-icon collapse_top"></i> glyphicons-icon collapse_top</p>
<p><i class="glyphicons-icon globe_af"></i> glyphicons-icon globe_af</p>
<p><i class="glyphicons-icon global"></i> glyphicons-icon global</p>
<p><i class="glyphicons-icon spray"></i> glyphicons-icon spray</p>
<p><i class="glyphicons-icon nails"></i> glyphicons-icon nails</p>
<p><i class="glyphicons-icon claw_hammer"></i> glyphicons-icon claw_hammer</p>
<p><i class="glyphicons-icon classic_hammer"></i> glyphicons-icon classic_hammer</p>
<p><i class="glyphicons-icon hand_saw"></i> glyphicons-icon hand_saw</p>
<p><i class="glyphicons-icon riflescope"></i> glyphicons-icon riflescope</p>
<p><i class="glyphicons-icon electrical_socket_eu"></i> glyphicons-icon electrical_socket_eu</p>
<p><i class="glyphicons-icon electrical_socket_us"></i> glyphicons-icon electrical_socket_us</p>
<p><i class="glyphicons-icon pinterest"></i> glyphicons-icon pinterest</p>
<p><i class="glyphicons-icon dropbox"></i> glyphicons-icon dropbox</p>
<p><i class="glyphicons-icon google_plus"></i> glyphicons-icon google_plus</p>
<p><i class="glyphicons-icon jolicloud"></i> glyphicons-icon jolicloud</p>
<p><i class="glyphicons-icon yahoo"></i> glyphicons-icon yahoo</p>
<p><i class="glyphicons-icon blogger"></i> glyphicons-icon blogger</p>
<p><i class="glyphicons-icon picasa"></i> glyphicons-icon picasa</p>
<p><i class="glyphicons-icon amazon"></i> glyphicons-icon amazon</p>
<p><i class="glyphicons-icon tumblr"></i> glyphicons-icon tumblr</p>
<p><i class="glyphicons-icon wordpress"></i> glyphicons-icon wordpress</p>
<p><i class="glyphicons-icon instapaper"></i> glyphicons-icon instapaper</p>
<p><i class="glyphicons-icon evernote"></i> glyphicons-icon evernote</p>
<p><i class="glyphicons-icon xing"></i> glyphicons-icon xing</p>
<p><i class="glyphicons-icon zootool"></i> glyphicons-icon zootool</p>
<p><i class="glyphicons-icon dribbble"></i> glyphicons-icon dribbble</p>
<p><i class="glyphicons-icon deviantart"></i> glyphicons-icon deviantart</p>
<p><i class="glyphicons-icon read_it_later"></i> glyphicons-icon read_it_later</p>
<p><i class="glyphicons-icon linked_in"></i> glyphicons-icon linked_in</p>
<p><i class="glyphicons-icon forrst"></i> glyphicons-icon forrst</p>
<p><i class="glyphicons-icon pinboard"></i> glyphicons-icon pinboard</p>
<p><i class="glyphicons-icon behance"></i> glyphicons-icon behance</p>
<p><i class="glyphicons-icon github"></i> glyphicons-icon github</p>
<p><i class="glyphicons-icon youtube"></i> glyphicons-icon youtube</p>
<p><i class="glyphicons-icon skitch"></i> glyphicons-icon skitch</p>
<p><i class="glyphicons-icon foursquare"></i> glyphicons-icon foursquare</p>
<p><i class="glyphicons-icon quora"></i> glyphicons-icon quora</p>
<p><i class="glyphicons-icon badoo"></i> glyphicons-icon badoo</p>
<p><i class="glyphicons-icon spotify"></i> glyphicons-icon spotify</p>
<p><i class="glyphicons-icon stumbleupon"></i> glyphicons-icon stumbleupon</p>
<p><i class="glyphicons-icon readability"></i> glyphicons-icon readability</p>
<p><i class="glyphicons-icon facebook"></i> glyphicons-icon facebook</p>
<p><i class="glyphicons-icon twitter"></i> glyphicons-icon twitter</p>
<p><i class="glyphicons-icon instagram"></i> glyphicons-icon instagram</p>
<p><i class="glyphicons-icon posterous_spaces"></i> glyphicons-icon posterous_spaces</p>
<p><i class="glyphicons-icon vimeo"></i> glyphicons-icon vimeo</p>
<p><i class="glyphicons-icon flickr"></i> glyphicons-icon flickr</p>
<p><i class="glyphicons-icon last_fm"></i> glyphicons-icon last_fm</p>
<p><i class="glyphicons-icon rss"></i> glyphicons-icon rss</p>
<p><i class="glyphicons-icon skype"></i> glyphicons-icon skype</p>
<p><i class="glyphicons-icon e-mail"></i> glyphicons-icon e-mail</p>
</div>
</div><!--/span-->
</div><!--/row-->