@agilekit/ui 0.0.512-alpha.0 → 0.0.514-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (182) hide show
  1. package/README.md +42 -42
  2. package/lib/index.js +1 -1
  3. package/lib/index.js.LICENSE.txt +2 -0
  4. package/lib/src/components/FileUpload/FileUpload.d.ts +3 -0
  5. package/lib/src/components/Loader/Loader.styles.d.ts +2 -0
  6. package/lib/src/components/Switch/Switch.d.ts +1 -1
  7. package/package.json +162 -162
  8. package/src/assets/fonts/fontello/README.txt +75 -75
  9. package/src/assets/fonts/fontello/config.json +933 -933
  10. package/src/assets/fonts/fontello/css/animation.css +85 -85
  11. package/src/assets/fonts/fontello/css/fontello-codes.css +66 -66
  12. package/src/assets/fonts/fontello/css/fontello-embedded.css +119 -119
  13. package/src/assets/fonts/fontello/css/fontello-ie7-codes.css +66 -66
  14. package/src/assets/fonts/fontello/css/fontello-ie7.css +77 -77
  15. package/src/assets/fonts/fontello/css/fontello.css +122 -122
  16. package/src/assets/fonts/fontello/demo.html +402 -402
  17. package/src/assets/fonts/fontello/font/fontello.eot +0 -0
  18. package/src/assets/fonts/fontello/font/fontello.svg +141 -141
  19. package/src/assets/fonts/fontello/font/fontello.ttf +0 -0
  20. package/src/assets/fonts/fontello/font/fontello.woff +0 -0
  21. package/src/assets/fonts/fontello/font/fontello.woff2 +0 -0
  22. package/src/assets/fonts/svg/Icon/ic-chat.svg +12 -12
  23. package/src/assets/fonts/svg/Icon/ic-dollar.svg +13 -13
  24. package/src/assets/fonts/svg/Icon/ic-invoice.svg +15 -15
  25. package/src/assets/fonts/svg/Icon/ic-menu.svg +8 -8
  26. package/src/assets/fonts/svg/ic-activity.svg +8 -8
  27. package/src/assets/fonts/svg/ic-arrow-long-right.svg +48 -48
  28. package/src/assets/fonts/svg/ic-arrows.svg +9 -9
  29. package/src/assets/fonts/svg/ic-atm-card.svg +9 -9
  30. package/src/assets/fonts/svg/ic-bank-solid.svg +10 -10
  31. package/src/assets/fonts/svg/ic-bell.svg +10 -10
  32. package/src/assets/fonts/svg/ic-briefcase.svg +9 -9
  33. package/src/assets/fonts/svg/ic-calendar-alt.svg +15 -15
  34. package/src/assets/fonts/svg/ic-check-alt.svg +26 -26
  35. package/src/assets/fonts/svg/ic-check.svg +10 -10
  36. package/src/assets/fonts/svg/ic-circle-solid.svg +7 -7
  37. package/src/assets/fonts/svg/ic-circle.svg +7 -7
  38. package/src/assets/fonts/svg/ic-close.svg +9 -9
  39. package/src/assets/fonts/svg/ic-cog-solid.svg +14 -14
  40. package/src/assets/fonts/svg/ic-credit-card-solid.svg +7 -7
  41. package/src/assets/fonts/svg/ic-credit-card.svg +7 -7
  42. package/src/assets/fonts/svg/ic-database.svg +9 -9
  43. package/src/assets/fonts/svg/ic-desktop.svg +9 -9
  44. package/src/assets/fonts/svg/ic-dollar-solid.svg +10 -10
  45. package/src/assets/fonts/svg/ic-exclamation.svg +10 -10
  46. package/src/assets/fonts/svg/ic-globe.svg +9 -9
  47. package/src/assets/fonts/svg/ic-grid-solid.svg +9 -9
  48. package/src/assets/fonts/svg/ic-hash.svg +10 -10
  49. package/src/assets/fonts/svg/ic-help-circle.svg +11 -11
  50. package/src/assets/fonts/svg/ic-info.svg +10 -10
  51. package/src/assets/fonts/svg/ic-keyhole-square.svg +9 -9
  52. package/src/assets/fonts/svg/ic-lock.svg +8 -8
  53. package/src/assets/fonts/svg/ic-log-in.svg +9 -9
  54. package/src/assets/fonts/svg/ic-log-out.svg +9 -9
  55. package/src/assets/fonts/svg/ic-mail.svg +8 -8
  56. package/src/assets/fonts/svg/ic-map-pin.svg +8 -8
  57. package/src/assets/fonts/svg/ic-menu.svg +8 -8
  58. package/src/assets/fonts/svg/ic-minus.svg +6 -6
  59. package/src/assets/fonts/svg/ic-mobile-android.svg +9 -9
  60. package/src/assets/fonts/svg/ic-more.svg +27 -27
  61. package/src/assets/fonts/svg/ic-pen.svg +9 -9
  62. package/src/assets/fonts/svg/ic-phone.svg +13 -13
  63. package/src/assets/fonts/svg/ic-plus.svg +10 -10
  64. package/src/assets/fonts/svg/ic-question.svg +8 -8
  65. package/src/assets/fonts/svg/ic-search.svg +8 -8
  66. package/src/assets/fonts/svg/ic-settings.svg +27 -27
  67. package/src/assets/fonts/svg/ic-shield.svg +8 -8
  68. package/src/assets/fonts/svg/ic-shopping-cart.svg +9 -9
  69. package/src/assets/fonts/svg/ic-slash-solid.svg +7 -7
  70. package/src/assets/fonts/svg/ic-slash.svg +9 -9
  71. package/src/assets/fonts/svg/ic-sliders.svg +12 -12
  72. package/src/assets/fonts/svg/ic-store.svg +11 -11
  73. package/src/assets/fonts/svg/ic-tablet.svg +10 -10
  74. package/src/assets/fonts/svg/ic-user-circle.svg +10 -10
  75. package/src/assets/fonts/svg/ic-users.svg +21 -21
  76. package/src/assets/fonts/svg/ic-x-alt.svg +8 -8
  77. package/src/assets/styles/global/bootstrap/_alert.scss +51 -51
  78. package/src/assets/styles/global/bootstrap/_badge.scss +53 -53
  79. package/src/assets/styles/global/bootstrap/_breadcrumb.scss +41 -41
  80. package/src/assets/styles/global/bootstrap/_button-group.scss +163 -163
  81. package/src/assets/styles/global/bootstrap/_buttons.scss +140 -140
  82. package/src/assets/styles/global/bootstrap/_card.scss +311 -311
  83. package/src/assets/styles/global/bootstrap/_carousel.scss +199 -199
  84. package/src/assets/styles/global/bootstrap/_close.scss +44 -44
  85. package/src/assets/styles/global/bootstrap/_code.scss +48 -48
  86. package/src/assets/styles/global/bootstrap/_custom-forms.scss +508 -508
  87. package/src/assets/styles/global/bootstrap/_dropdown.scss +191 -191
  88. package/src/assets/styles/global/bootstrap/_forms.scss +335 -335
  89. package/src/assets/styles/global/bootstrap/_functions.scss +87 -87
  90. package/src/assets/styles/global/bootstrap/_grid.scss +52 -52
  91. package/src/assets/styles/global/bootstrap/_images.scss +42 -42
  92. package/src/assets/styles/global/bootstrap/_input-group.scss +193 -193
  93. package/src/assets/styles/global/bootstrap/_jumbotron.scss +18 -18
  94. package/src/assets/styles/global/bootstrap/_list-group.scss +121 -121
  95. package/src/assets/styles/global/bootstrap/_media.scss +8 -8
  96. package/src/assets/styles/global/bootstrap/_mixins.scss +41 -41
  97. package/src/assets/styles/global/bootstrap/_modal.scss +186 -186
  98. package/src/assets/styles/global/bootstrap/_nav.scss +120 -120
  99. package/src/assets/styles/global/bootstrap/_navbar.scss +299 -299
  100. package/src/assets/styles/global/bootstrap/_pagination.scss +78 -78
  101. package/src/assets/styles/global/bootstrap/_popover.scss +185 -185
  102. package/src/assets/styles/global/bootstrap/_print.scss +141 -141
  103. package/src/assets/styles/global/bootstrap/_progress.scss +34 -34
  104. package/src/assets/styles/global/bootstrap/_reboot.scss +462 -462
  105. package/src/assets/styles/global/bootstrap/_root.scss +19 -19
  106. package/src/assets/styles/global/bootstrap/_spinners.scss +53 -53
  107. package/src/assets/styles/global/bootstrap/_tables.scss +187 -187
  108. package/src/assets/styles/global/bootstrap/_toasts.scss +43 -43
  109. package/src/assets/styles/global/bootstrap/_tooltip.scss +117 -117
  110. package/src/assets/styles/global/bootstrap/_transitions.scss +22 -22
  111. package/src/assets/styles/global/bootstrap/_type.scss +125 -125
  112. package/src/assets/styles/global/bootstrap/_utilities.scss +16 -16
  113. package/src/assets/styles/global/bootstrap/_variables.scss +1088 -1088
  114. package/src/assets/styles/global/bootstrap/bootstrap-grid.scss +29 -29
  115. package/src/assets/styles/global/bootstrap/bootstrap-reboot.scss +12 -12
  116. package/src/assets/styles/global/bootstrap/bootstrap.scss +44 -44
  117. package/src/assets/styles/global/bootstrap/mixins/_alert.scss +13 -13
  118. package/src/assets/styles/global/bootstrap/mixins/_background-variant.scss +21 -21
  119. package/src/assets/styles/global/bootstrap/mixins/_badge.scss +11 -11
  120. package/src/assets/styles/global/bootstrap/mixins/_border-radius.scss +35 -35
  121. package/src/assets/styles/global/bootstrap/mixins/_box-shadow.scss +5 -5
  122. package/src/assets/styles/global/bootstrap/mixins/_breakpoints.scss +123 -123
  123. package/src/assets/styles/global/bootstrap/mixins/_buttons.scss +111 -111
  124. package/src/assets/styles/global/bootstrap/mixins/_caret.scss +62 -62
  125. package/src/assets/styles/global/bootstrap/mixins/_clearfix.scss +7 -7
  126. package/src/assets/styles/global/bootstrap/mixins/_float.scss +11 -11
  127. package/src/assets/styles/global/bootstrap/mixins/_forms.scss +198 -198
  128. package/src/assets/styles/global/bootstrap/mixins/_gradients.scss +45 -45
  129. package/src/assets/styles/global/bootstrap/mixins/_grid-framework.scss +66 -66
  130. package/src/assets/styles/global/bootstrap/mixins/_grid.scss +51 -51
  131. package/src/assets/styles/global/bootstrap/mixins/_hover.scss +37 -37
  132. package/src/assets/styles/global/bootstrap/mixins/_image.scss +36 -36
  133. package/src/assets/styles/global/bootstrap/mixins/_list-group.scss +21 -21
  134. package/src/assets/styles/global/bootstrap/mixins/_lists.scss +7 -7
  135. package/src/assets/styles/global/bootstrap/mixins/_nav-divider.scss +10 -10
  136. package/src/assets/styles/global/bootstrap/mixins/_pagination.scss +22 -22
  137. package/src/assets/styles/global/bootstrap/mixins/_reset-text.scss +17 -17
  138. package/src/assets/styles/global/bootstrap/mixins/_resize.scss +6 -6
  139. package/src/assets/styles/global/bootstrap/mixins/_screen-reader.scss +33 -33
  140. package/src/assets/styles/global/bootstrap/mixins/_size.scss +6 -6
  141. package/src/assets/styles/global/bootstrap/mixins/_table-row.scss +39 -39
  142. package/src/assets/styles/global/bootstrap/mixins/_text-emphasis.scss +14 -14
  143. package/src/assets/styles/global/bootstrap/mixins/_text-hide.scss +13 -13
  144. package/src/assets/styles/global/bootstrap/mixins/_text-truncate.scss +8 -8
  145. package/src/assets/styles/global/bootstrap/mixins/_transition.scss +16 -16
  146. package/src/assets/styles/global/bootstrap/mixins/_visibility.scss +7 -7
  147. package/src/assets/styles/global/bootstrap/utilities/_align.scss +8 -8
  148. package/src/assets/styles/global/bootstrap/utilities/_background.scss +19 -19
  149. package/src/assets/styles/global/bootstrap/utilities/_borders.scss +63 -63
  150. package/src/assets/styles/global/bootstrap/utilities/_clearfix.scss +3 -3
  151. package/src/assets/styles/global/bootstrap/utilities/_display.scss +38 -38
  152. package/src/assets/styles/global/bootstrap/utilities/_embed.scss +40 -40
  153. package/src/assets/styles/global/bootstrap/utilities/_flex.scss +51 -51
  154. package/src/assets/styles/global/bootstrap/utilities/_float.scss +9 -9
  155. package/src/assets/styles/global/bootstrap/utilities/_overflow.scss +5 -5
  156. package/src/assets/styles/global/bootstrap/utilities/_position.scss +32 -32
  157. package/src/assets/styles/global/bootstrap/utilities/_screenreaders.scss +11 -11
  158. package/src/assets/styles/global/bootstrap/utilities/_shadows.scss +6 -6
  159. package/src/assets/styles/global/bootstrap/utilities/_sizing.scss +20 -20
  160. package/src/assets/styles/global/bootstrap/utilities/_spacing.scss +73 -73
  161. package/src/assets/styles/global/bootstrap/utilities/_text.scss +67 -67
  162. package/src/assets/styles/global/bootstrap/utilities/_visibility.scss +11 -11
  163. package/src/assets/styles/global/core/card.scss +6 -6
  164. package/src/assets/styles/global/core/color.scss +76 -76
  165. package/src/assets/styles/global/core/status.scss +17 -17
  166. package/src/assets/styles/global/styles.scss +24 -24
  167. package/src/assets/styles/global/vendors/ant-design-grid.scss +5046 -5046
  168. package/src/assets/styles/shared/elements/scrollbar.scss +30 -30
  169. package/src/assets/styles/shared/settings/breakpoints.scss +10 -10
  170. package/src/assets/styles/shared/settings/colors.scss +110 -110
  171. package/src/assets/styles/shared/settings/depth.scss +14 -14
  172. package/src/assets/styles/shared/settings/layout.scss +10 -10
  173. package/src/assets/styles/shared/settings/typography.scss +9 -9
  174. package/src/assets/styles/shared/shared.scss +8 -8
  175. package/src/assets/styles/shared/tools/respond-to.scss +32 -32
  176. package/src/components/utils/breakpoints.ts +14 -14
  177. package/src/components/utils/browser.ts +10 -10
  178. package/src/components/utils/findParentBySelector.ts +17 -17
  179. package/src/components/utils/idGenerator.ts +4 -4
  180. package/src/components/utils/index.ts +4 -4
  181. package/src/components/utils/setNativeValue.ts +13 -13
  182. package/lib/src/components/Loader/tests/Loader.test.d.ts +0 -0
package/src/assets/fonts/fontello/demo.html CHANGED
@@ -1,403 +1,403 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
4
- <meta charset="UTF-8"><style>/*
5
- * Bootstrap v2.2.1
6
- *
7
- * Copyright 2012 Twitter, Inc
8
- * Licensed under the Apache License v2.0
9
- * http://www.apache.org/licenses/LICENSE-2.0
10
- *
11
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
12
- */
13
- .clearfix {
14
- *zoom: 1;
15
- }
16
- .clearfix:before,
17
- .clearfix:after {
18
- display: table;
19
- content: "";
20
- line-height: 0;
21
- }
22
- .clearfix:after {
23
- clear: both;
24
- }
25
- html {
26
- font-size: 100%;
27
- -webkit-text-size-adjust: 100%;
28
- -ms-text-size-adjust: 100%;
29
- }
30
- a:focus {
31
- outline: thin dotted #333;
32
- outline: 5px auto -webkit-focus-ring-color;
33
- outline-offset: -2px;
34
- }
35
- a:hover,
36
- a:active {
37
- outline: 0;
38
- }
39
- button,
40
- input,
41
- select,
42
- textarea {
43
- margin: 0;
44
- font-size: 100%;
45
- vertical-align: middle;
46
- }
47
- button,
48
- input {
49
- *overflow: visible;
50
- line-height: normal;
51
- }
52
- button::-moz-focus-inner,
53
- input::-moz-focus-inner {
54
- padding: 0;
55
- border: 0;
56
- }
57
- body {
58
- margin: 0;
59
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
60
- font-size: 14px;
61
- line-height: 20px;
62
- color: #333;
63
- background-color: #fff;
64
- }
65
- a {
66
- color: #08c;
67
- text-decoration: none;
68
- }
69
- a:hover {
70
- color: #005580;
71
- text-decoration: underline;
72
- }
73
- .row {
74
- margin-left: -20px;
75
- *zoom: 1;
76
- }
77
- .row:before,
78
- .row:after {
79
- display: table;
80
- content: "";
81
- line-height: 0;
82
- }
83
- .row:after {
84
- clear: both;
85
- }
86
- [class*="span"] {
87
- float: left;
88
- min-height: 1px;
89
- margin-left: 20px;
90
- }
91
- .container,
92
- .navbar-static-top .container,
93
- .navbar-fixed-top .container,
94
- .navbar-fixed-bottom .container {
95
- width: 940px;
96
- }
97
- .span12 {
98
- width: 940px;
99
- }
100
- .span11 {
101
- width: 860px;
102
- }
103
- .span10 {
104
- width: 780px;
105
- }
106
- .span9 {
107
- width: 700px;
108
- }
109
- .span8 {
110
- width: 620px;
111
- }
112
- .span7 {
113
- width: 540px;
114
- }
115
- .span6 {
116
- width: 460px;
117
- }
118
- .span5 {
119
- width: 380px;
120
- }
121
- .span4 {
122
- width: 300px;
123
- }
124
- .span3 {
125
- width: 220px;
126
- }
127
- .span2 {
128
- width: 140px;
129
- }
130
- .span1 {
131
- width: 60px;
132
- }
133
- [class*="span"].pull-right,
134
- .row-fluid [class*="span"].pull-right {
135
- float: right;
136
- }
137
- .container {
138
- margin-right: auto;
139
- margin-left: auto;
140
- *zoom: 1;
141
- }
142
- .container:before,
143
- .container:after {
144
- display: table;
145
- content: "";
146
- line-height: 0;
147
- }
148
- .container:after {
149
- clear: both;
150
- }
151
- p {
152
- margin: 0 0 10px;
153
- }
154
- .lead {
155
- margin-bottom: 20px;
156
- font-size: 21px;
157
- font-weight: 200;
158
- line-height: 30px;
159
- }
160
- small {
161
- font-size: 85%;
162
- }
163
- h1 {
164
- margin: 10px 0;
165
- font-family: inherit;
166
- font-weight: bold;
167
- line-height: 20px;
168
- color: inherit;
169
- text-rendering: optimizelegibility;
170
- }
171
- h1 small {
172
- font-weight: normal;
173
- line-height: 1;
174
- color: #999;
175
- }
176
- h1 {
177
- line-height: 40px;
178
- }
179
- h1 {
180
- font-size: 38.5px;
181
- }
182
- h1 small {
183
- font-size: 24.5px;
184
- }
185
- body {
186
- margin-top: 90px;
187
- }
188
- .header {
189
- position: fixed;
190
- top: 0;
191
- left: 50%;
192
- margin-left: -480px;
193
- background-color: #fff;
194
- border-bottom: 1px solid #ddd;
195
- padding-top: 10px;
196
- z-index: 10;
197
- }
198
- .footer {
199
- color: #ddd;
200
- font-size: 12px;
201
- text-align: center;
202
- margin-top: 20px;
203
- }
204
- .footer a {
205
- color: #ccc;
206
- text-decoration: underline;
207
- }
208
- .the-icons {
209
- font-size: 14px;
210
- line-height: 24px;
211
- }
212
- .switch {
213
- position: absolute;
214
- right: 0;
215
- bottom: 10px;
216
- color: #666;
217
- }
218
- .switch input {
219
- margin-right: 0.3em;
220
- }
221
- .codesOn .i-name {
222
- display: none;
223
- }
224
- .codesOn .i-code {
225
- display: inline;
226
- }
227
- .i-code {
228
- display: none;
229
- }
230
- @font-face {
231
- font-family: 'fontello';
232
- src: url('./font/fontello.eot?35552135');
233
- src: url('./font/fontello.eot?35552135#iefix') format('embedded-opentype'),
234
- url('./font/fontello.woff?35552135') format('woff'),
235
- url('./font/fontello.ttf?35552135') format('truetype'),
236
- url('./font/fontello.svg?35552135#fontello') format('svg');
237
- font-weight: normal;
238
- font-style: normal;
239
- }
240
-
241
-
242
- .demo-icon
243
- {
244
- font-family: "fontello";
245
- font-style: normal;
246
- font-weight: normal;
247
- speak: none;
248
-
249
- display: inline-block;
250
- text-decoration: inherit;
251
- width: 1em;
252
- margin-right: .2em;
253
- text-align: center;
254
- /* opacity: .8; */
255
-
256
- /* For safety - reset parent styles, that can break glyph codes*/
257
- font-variant: normal;
258
- text-transform: none;
259
-
260
- /* fix buttons height, for twitter bootstrap */
261
- line-height: 1em;
262
-
263
- /* Animation center compensation - margins should be symmetric */
264
- /* remove if not needed */
265
- margin-left: .2em;
266
-
267
- /* You can be more comfortable with increased icons size */
268
- /* font-size: 120%; */
269
-
270
- /* Font smoothing. That was taken from TWBS */
271
- -webkit-font-smoothing: antialiased;
272
- -moz-osx-font-smoothing: grayscale;
273
-
274
- /* Uncomment for 3D effect */
275
- /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
276
- }
277
- </style>
278
- <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
279
- <script>
280
- function toggleCodes(on) {
281
- var obj = document.getElementById('icons');
282
-
283
- if (on) {
284
- obj.className += ' codesOn';
285
- } else {
286
- obj.className = obj.className.replace(' codesOn', '');
287
- }
288
- }
289
-
290
- </script>
291
- </head>
292
- <body>
293
- <div class="container header">
294
- <h1>fontello <small>font demo</small></h1>
295
- <label class="switch">
296
- <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
297
- </label>
298
- </div>
299
- <div class="container" id="icons">
300
- <div class="row">
301
- <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon icon-ic-trending-up">&#xe800;</i> <span class="i-name">icon-ic-trending-up</span><span class="i-code">0xe800</span></div>
302
- <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon icon-ic-chevron-down">&#xe801;</i> <span class="i-name">icon-ic-chevron-down</span><span class="i-code">0xe801</span></div>
303
- <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon icon-ic-dollar">&#xe802;</i> <span class="i-name">icon-ic-dollar</span><span class="i-code">0xe802</span></div>
304
- <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon icon-ic-minus">&#xe803;</i> <span class="i-name">icon-ic-minus</span><span class="i-code">0xe803</span></div>
305
- </div>
306
- <div class="row">
307
- <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon icon-ic-grid">&#xe804;</i> <span class="i-name">icon-ic-grid</span><span class="i-code">0xe804</span></div>
308
- <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon icon-ic-plus">&#xe805;</i> <span class="i-name">icon-ic-plus</span><span class="i-code">0xe805</span></div>
309
- <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon icon-ic-package">&#xe806;</i> <span class="i-name">icon-ic-package</span><span class="i-code">0xe806</span></div>
310
- <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon icon-ic-refresh-cw">&#xe807;</i> <span class="i-name">icon-ic-refresh-cw</span><span class="i-code">0xe807</span></div>
311
- </div>
312
- <div class="row">
313
- <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon icon-ic-star">&#xe808;</i> <span class="i-name">icon-ic-star</span><span class="i-code">0xe808</span></div>
314
- <div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon icon-ic-activity">&#xe809;</i> <span class="i-name">icon-ic-activity</span><span class="i-code">0xe809</span></div>
315
- <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon icon-ic-calendar">&#xe80a;</i> <span class="i-name">icon-ic-calendar</span><span class="i-code">0xe80a</span></div>
316
- <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon icon-ic-arrow-long-right">&#xe80b;</i> <span class="i-name">icon-ic-arrow-long-right</span><span class="i-code">0xe80b</span></div>
317
- </div>
318
- <div class="row">
319
- <div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon icon-ic-arrows">&#xe80c;</i> <span class="i-name">icon-ic-arrows</span><span class="i-code">0xe80c</span></div>
320
- <div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon icon-ic-briefcase">&#xe80d;</i> <span class="i-name">icon-ic-briefcase</span><span class="i-code">0xe80d</span></div>
321
- <div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon icon-ic-check-alt">&#xe80e;</i> <span class="i-name">icon-ic-check-alt</span><span class="i-code">0xe80e</span></div>
322
- <div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon icon-ic-dollar-1">&#xe80f;</i> <span class="i-name">icon-ic-dollar-1</span><span class="i-code">0xe80f</span></div>
323
- </div>
324
- <div class="row">
325
- <div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon icon-ic-credit-card">&#xe810;</i> <span class="i-name">icon-ic-credit-card</span><span class="i-code">0xe810</span></div>
326
- <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon icon-ic-exclamation">&#xe811;</i> <span class="i-name">icon-ic-exclamation</span><span class="i-code">0xe811</span></div>
327
- <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon icon-ic-more">&#xe812;</i> <span class="i-name">icon-ic-more</span><span class="i-code">0xe812</span></div>
328
- <div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon icon-ic-settings">&#xe813;</i> <span class="i-name">icon-ic-settings</span><span class="i-code">0xe813</span></div>
329
- </div>
330
- <div class="row">
331
- <div class="the-icons span3" title="Code: 0xe814"><i class="demo-icon icon-ic-search">&#xe814;</i> <span class="i-name">icon-ic-search</span><span class="i-code">0xe814</span></div>
332
- <div class="the-icons span3" title="Code: 0xe815"><i class="demo-icon icon-ic-slash">&#xe815;</i> <span class="i-name">icon-ic-slash</span><span class="i-code">0xe815</span></div>
333
- <div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon icon-ic-users">&#xe816;</i> <span class="i-name">icon-ic-users</span><span class="i-code">0xe816</span></div>
334
- <div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon icon-ic-x-alt">&#xe817;</i> <span class="i-name">icon-ic-x-alt</span><span class="i-code">0xe817</span></div>
335
- </div>
336
- <div class="row">
337
- <div class="the-icons span3" title="Code: 0xe818"><i class="demo-icon icon-ic-chat">&#xe818;</i> <span class="i-name">icon-ic-chat</span><span class="i-code">0xe818</span></div>
338
- <div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon icon-ic-pen">&#xe819;</i> <span class="i-name">icon-ic-pen</span><span class="i-code">0xe819</span></div>
339
- <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon icon-ic-mobile-android">&#xe81a;</i> <span class="i-name">icon-ic-mobile-android</span><span class="i-code">0xe81a</span></div>
340
- <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon icon-ic-info">&#xe81b;</i> <span class="i-name">icon-ic-info</span><span class="i-code">0xe81b</span></div>
341
- </div>
342
- <div class="row">
343
- <div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon icon-ic-help-circle">&#xe81c;</i> <span class="i-name">icon-ic-help-circle</span><span class="i-code">0xe81c</span></div>
344
- <div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon icon-ic-hash">&#xe81d;</i> <span class="i-name">icon-ic-hash</span><span class="i-code">0xe81d</span></div>
345
- <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon icon-ic-grid-solid">&#xe81e;</i> <span class="i-name">icon-ic-grid-solid</span><span class="i-code">0xe81e</span></div>
346
- <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon icon-ic-desktop">&#xe81f;</i> <span class="i-name">icon-ic-desktop</span><span class="i-code">0xe81f</span></div>
347
- </div>
348
- <div class="row">
349
- <div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon icon-ic-circle">&#xe820;</i> <span class="i-name">icon-ic-circle</span><span class="i-code">0xe820</span></div>
350
- <div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon icon-ic-circle-solid">&#xe821;</i> <span class="i-name">icon-ic-circle-solid</span><span class="i-code">0xe821</span></div>
351
- <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon icon-ic-bell">&#xe822;</i> <span class="i-name">icon-ic-bell</span><span class="i-code">0xe822</span></div>
352
- <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon icon-ic-calendar-alt">&#xe823;</i> <span class="i-name">icon-ic-calendar-alt</span><span class="i-code">0xe823</span></div>
353
- </div>
354
- <div class="row">
355
- <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon icon-ic-plus-1">&#xe824;</i> <span class="i-name">icon-ic-plus-1</span><span class="i-code">0xe824</span></div>
356
- <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon icon-ic-atm-card">&#xe825;</i> <span class="i-name">icon-ic-atm-card</span><span class="i-code">0xe825</span></div>
357
- <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon icon-ic-globe">&#xe826;</i> <span class="i-name">icon-ic-globe</span><span class="i-code">0xe826</span></div>
358
- <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon icon-ic-keyhole-square">&#xe827;</i> <span class="i-name">icon-ic-keyhole-square</span><span class="i-code">0xe827</span></div>
359
- </div>
360
- <div class="row">
361
- <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon icon-ic-database">&#xe828;</i> <span class="i-name">icon-ic-database</span><span class="i-code">0xe828</span></div>
362
- <div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon icon-ic-cog-solid">&#xe829;</i> <span class="i-name">icon-ic-cog-solid</span><span class="i-code">0xe829</span></div>
363
- <div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon icon-ic-dollar-solid">&#xe82a;</i> <span class="i-name">icon-ic-dollar-solid</span><span class="i-code">0xe82a</span></div>
364
- <div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon icon-ic-slash-solid">&#xe82b;</i> <span class="i-name">icon-ic-slash-solid</span><span class="i-code">0xe82b</span></div>
365
- </div>
366
- <div class="row">
367
- <div class="the-icons span3" title="Code: 0xe82c"><i class="demo-icon icon-ic-credit-card-solid">&#xe82c;</i> <span class="i-name">icon-ic-credit-card-solid</span><span class="i-code">0xe82c</span></div>
368
- <div class="the-icons span3" title="Code: 0xe82d"><i class="demo-icon icon-ic-minus-1">&#xe82d;</i> <span class="i-name">icon-ic-minus-1</span><span class="i-code">0xe82d</span></div>
369
- <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon icon-ic-menu">&#xe82e;</i> <span class="i-name">icon-ic-menu</span><span class="i-code">0xe82e</span></div>
370
- <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon icon-ic-invoice">&#xe82f;</i> <span class="i-name">icon-ic-invoice</span><span class="i-code">0xe82f</span></div>
371
- </div>
372
- <div class="row">
373
- <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon icon-ic-user-circle">&#xe830;</i> <span class="i-name">icon-ic-user-circle</span><span class="i-code">0xe830</span></div>
374
- <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon icon-ic-tablet">&#xe831;</i> <span class="i-name">icon-ic-tablet</span><span class="i-code">0xe831</span></div>
375
- <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon icon-ic-store">&#xe832;</i> <span class="i-name">icon-ic-store</span><span class="i-code">0xe832</span></div>
376
- <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon icon-ic-sliders">&#xe833;</i> <span class="i-name">icon-ic-sliders</span><span class="i-code">0xe833</span></div>
377
- </div>
378
- <div class="row">
379
- <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon icon-ic-shopping-cart">&#xe834;</i> <span class="i-name">icon-ic-shopping-cart</span><span class="i-code">0xe834</span></div>
380
- <div class="the-icons span3" title="Code: 0xe835"><i class="demo-icon icon-ic-shield">&#xe835;</i> <span class="i-name">icon-ic-shield</span><span class="i-code">0xe835</span></div>
381
- <div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon icon-ic-phone">&#xe836;</i> <span class="i-name">icon-ic-phone</span><span class="i-code">0xe836</span></div>
382
- <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon icon-ic-map-pin">&#xe837;</i> <span class="i-name">icon-ic-map-pin</span><span class="i-code">0xe837</span></div>
383
- </div>
384
- <div class="row">
385
- <div class="the-icons span3" title="Code: 0xe838"><i class="demo-icon icon-ic-mail">&#xe838;</i> <span class="i-name">icon-ic-mail</span><span class="i-code">0xe838</span></div>
386
- <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon icon-ic-log-out">&#xe839;</i> <span class="i-name">icon-ic-log-out</span><span class="i-code">0xe839</span></div>
387
- <div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon icon-ic-log-in">&#xe83a;</i> <span class="i-name">icon-ic-log-in</span><span class="i-code">0xe83a</span></div>
388
- <div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon icon-ic-lock">&#xe83b;</i> <span class="i-name">icon-ic-lock</span><span class="i-code">0xe83b</span></div>
389
- </div>
390
- <div class="row">
391
- <div class="the-icons span3" title="Code: 0xe83c"><i class="demo-icon icon-ic-question">&#xe83c;</i> <span class="i-name">icon-ic-question</span><span class="i-code">0xe83c</span></div>
392
- <div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon icon-ic-file-landscape-alt">&#xe83d;</i> <span class="i-name">icon-ic-file-landscape-alt</span><span class="i-code">0xe83d</span></div>
393
- <div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon icon-ic-bank-solid">&#xe83e;</i> <span class="i-name">icon-ic-bank-solid</span><span class="i-code">0xe83e</span></div>
394
- <div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon icon-ic-check">&#xe83f;</i> <span class="i-name">icon-ic-check</span><span class="i-code">0xe83f</span></div>
395
- </div>
396
- <div class="row">
397
- <div class="the-icons span3" title="Code: 0xe840"><i class="demo-icon icon-ic-close">&#xe840;</i> <span class="i-name">icon-ic-close</span><span class="i-code">0xe840</span></div>
398
- <div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon icon-ic-chevron-up">&#xe841;</i> <span class="i-name">icon-ic-chevron-up</span><span class="i-code">0xe841</span></div>
399
- </div>
400
- </div>
401
- <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
402
- </body>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
4
+ <meta charset="UTF-8"><style>/*
5
+ * Bootstrap v2.2.1
6
+ *
7
+ * Copyright 2012 Twitter, Inc
8
+ * Licensed under the Apache License v2.0
9
+ * http://www.apache.org/licenses/LICENSE-2.0
10
+ *
11
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
12
+ */
13
+ .clearfix {
14
+ *zoom: 1;
15
+ }
16
+ .clearfix:before,
17
+ .clearfix:after {
18
+ display: table;
19
+ content: "";
20
+ line-height: 0;
21
+ }
22
+ .clearfix:after {
23
+ clear: both;
24
+ }
25
+ html {
26
+ font-size: 100%;
27
+ -webkit-text-size-adjust: 100%;
28
+ -ms-text-size-adjust: 100%;
29
+ }
30
+ a:focus {
31
+ outline: thin dotted #333;
32
+ outline: 5px auto -webkit-focus-ring-color;
33
+ outline-offset: -2px;
34
+ }
35
+ a:hover,
36
+ a:active {
37
+ outline: 0;
38
+ }
39
+ button,
40
+ input,
41
+ select,
42
+ textarea {
43
+ margin: 0;
44
+ font-size: 100%;
45
+ vertical-align: middle;
46
+ }
47
+ button,
48
+ input {
49
+ *overflow: visible;
50
+ line-height: normal;
51
+ }
52
+ button::-moz-focus-inner,
53
+ input::-moz-focus-inner {
54
+ padding: 0;
55
+ border: 0;
56
+ }
57
+ body {
58
+ margin: 0;
59
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
60
+ font-size: 14px;
61
+ line-height: 20px;
62
+ color: #333;
63
+ background-color: #fff;
64
+ }
65
+ a {
66
+ color: #08c;
67
+ text-decoration: none;
68
+ }
69
+ a:hover {
70
+ color: #005580;
71
+ text-decoration: underline;
72
+ }
73
+ .row {
74
+ margin-left: -20px;
75
+ *zoom: 1;
76
+ }
77
+ .row:before,
78
+ .row:after {
79
+ display: table;
80
+ content: "";
81
+ line-height: 0;
82
+ }
83
+ .row:after {
84
+ clear: both;
85
+ }
86
+ [class*="span"] {
87
+ float: left;
88
+ min-height: 1px;
89
+ margin-left: 20px;
90
+ }
91
+ .container,
92
+ .navbar-static-top .container,
93
+ .navbar-fixed-top .container,
94
+ .navbar-fixed-bottom .container {
95
+ width: 940px;
96
+ }
97
+ .span12 {
98
+ width: 940px;
99
+ }
100
+ .span11 {
101
+ width: 860px;
102
+ }
103
+ .span10 {
104
+ width: 780px;
105
+ }
106
+ .span9 {
107
+ width: 700px;
108
+ }
109
+ .span8 {
110
+ width: 620px;
111
+ }
112
+ .span7 {
113
+ width: 540px;
114
+ }
115
+ .span6 {
116
+ width: 460px;
117
+ }
118
+ .span5 {
119
+ width: 380px;
120
+ }
121
+ .span4 {
122
+ width: 300px;
123
+ }
124
+ .span3 {
125
+ width: 220px;
126
+ }
127
+ .span2 {
128
+ width: 140px;
129
+ }
130
+ .span1 {
131
+ width: 60px;
132
+ }
133
+ [class*="span"].pull-right,
134
+ .row-fluid [class*="span"].pull-right {
135
+ float: right;
136
+ }
137
+ .container {
138
+ margin-right: auto;
139
+ margin-left: auto;
140
+ *zoom: 1;
141
+ }
142
+ .container:before,
143
+ .container:after {
144
+ display: table;
145
+ content: "";
146
+ line-height: 0;
147
+ }
148
+ .container:after {
149
+ clear: both;
150
+ }
151
+ p {
152
+ margin: 0 0 10px;
153
+ }
154
+ .lead {
155
+ margin-bottom: 20px;
156
+ font-size: 21px;
157
+ font-weight: 200;
158
+ line-height: 30px;
159
+ }
160
+ small {
161
+ font-size: 85%;
162
+ }
163
+ h1 {
164
+ margin: 10px 0;
165
+ font-family: inherit;
166
+ font-weight: bold;
167
+ line-height: 20px;
168
+ color: inherit;
169
+ text-rendering: optimizelegibility;
170
+ }
171
+ h1 small {
172
+ font-weight: normal;
173
+ line-height: 1;
174
+ color: #999;
175
+ }
176
+ h1 {
177
+ line-height: 40px;
178
+ }
179
+ h1 {
180
+ font-size: 38.5px;
181
+ }
182
+ h1 small {
183
+ font-size: 24.5px;
184
+ }
185
+ body {
186
+ margin-top: 90px;
187
+ }
188
+ .header {
189
+ position: fixed;
190
+ top: 0;
191
+ left: 50%;
192
+ margin-left: -480px;
193
+ background-color: #fff;
194
+ border-bottom: 1px solid #ddd;
195
+ padding-top: 10px;
196
+ z-index: 10;
197
+ }
198
+ .footer {
199
+ color: #ddd;
200
+ font-size: 12px;
201
+ text-align: center;
202
+ margin-top: 20px;
203
+ }
204
+ .footer a {
205
+ color: #ccc;
206
+ text-decoration: underline;
207
+ }
208
+ .the-icons {
209
+ font-size: 14px;
210
+ line-height: 24px;
211
+ }
212
+ .switch {
213
+ position: absolute;
214
+ right: 0;
215
+ bottom: 10px;
216
+ color: #666;
217
+ }
218
+ .switch input {
219
+ margin-right: 0.3em;
220
+ }
221
+ .codesOn .i-name {
222
+ display: none;
223
+ }
224
+ .codesOn .i-code {
225
+ display: inline;
226
+ }
227
+ .i-code {
228
+ display: none;
229
+ }
230
+ @font-face {
231
+ font-family: 'fontello';
232
+ src: url('./font/fontello.eot?35552135');
233
+ src: url('./font/fontello.eot?35552135#iefix') format('embedded-opentype'),
234
+ url('./font/fontello.woff?35552135') format('woff'),
235
+ url('./font/fontello.ttf?35552135') format('truetype'),
236
+ url('./font/fontello.svg?35552135#fontello') format('svg');
237
+ font-weight: normal;
238
+ font-style: normal;
239
+ }
240
+
241
+
242
+ .demo-icon
243
+ {
244
+ font-family: "fontello";
245
+ font-style: normal;
246
+ font-weight: normal;
247
+ speak: none;
248
+
249
+ display: inline-block;
250
+ text-decoration: inherit;
251
+ width: 1em;
252
+ margin-right: .2em;
253
+ text-align: center;
254
+ /* opacity: .8; */
255
+
256
+ /* For safety - reset parent styles, that can break glyph codes*/
257
+ font-variant: normal;
258
+ text-transform: none;
259
+
260
+ /* fix buttons height, for twitter bootstrap */
261
+ line-height: 1em;
262
+
263
+ /* Animation center compensation - margins should be symmetric */
264
+ /* remove if not needed */
265
+ margin-left: .2em;
266
+
267
+ /* You can be more comfortable with increased icons size */
268
+ /* font-size: 120%; */
269
+
270
+ /* Font smoothing. That was taken from TWBS */
271
+ -webkit-font-smoothing: antialiased;
272
+ -moz-osx-font-smoothing: grayscale;
273
+
274
+ /* Uncomment for 3D effect */
275
+ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
276
+ }
277
+ </style>
278
+ <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
279
+ <script>
280
+ function toggleCodes(on) {
281
+ var obj = document.getElementById('icons');
282
+
283
+ if (on) {
284
+ obj.className += ' codesOn';
285
+ } else {
286
+ obj.className = obj.className.replace(' codesOn', '');
287
+ }
288
+ }
289
+
290
+ </script>
291
+ </head>
292
+ <body>
293
+ <div class="container header">
294
+ <h1>fontello <small>font demo</small></h1>
295
+ <label class="switch">
296
+ <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
297
+ </label>
298
+ </div>
299
+ <div class="container" id="icons">
300
+ <div class="row">
301
+ <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon icon-ic-trending-up">&#xe800;</i> <span class="i-name">icon-ic-trending-up</span><span class="i-code">0xe800</span></div>
302
+ <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon icon-ic-chevron-down">&#xe801;</i> <span class="i-name">icon-ic-chevron-down</span><span class="i-code">0xe801</span></div>
303
+ <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon icon-ic-dollar">&#xe802;</i> <span class="i-name">icon-ic-dollar</span><span class="i-code">0xe802</span></div>
304
+ <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon icon-ic-minus">&#xe803;</i> <span class="i-name">icon-ic-minus</span><span class="i-code">0xe803</span></div>
305
+ </div>
306
+ <div class="row">
307
+ <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon icon-ic-grid">&#xe804;</i> <span class="i-name">icon-ic-grid</span><span class="i-code">0xe804</span></div>
308
+ <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon icon-ic-plus">&#xe805;</i> <span class="i-name">icon-ic-plus</span><span class="i-code">0xe805</span></div>
309
+ <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon icon-ic-package">&#xe806;</i> <span class="i-name">icon-ic-package</span><span class="i-code">0xe806</span></div>
310
+ <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon icon-ic-refresh-cw">&#xe807;</i> <span class="i-name">icon-ic-refresh-cw</span><span class="i-code">0xe807</span></div>
311
+ </div>
312
+ <div class="row">
313
+ <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon icon-ic-star">&#xe808;</i> <span class="i-name">icon-ic-star</span><span class="i-code">0xe808</span></div>
314
+ <div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon icon-ic-activity">&#xe809;</i> <span class="i-name">icon-ic-activity</span><span class="i-code">0xe809</span></div>
315
+ <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon icon-ic-calendar">&#xe80a;</i> <span class="i-name">icon-ic-calendar</span><span class="i-code">0xe80a</span></div>
316
+ <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon icon-ic-arrow-long-right">&#xe80b;</i> <span class="i-name">icon-ic-arrow-long-right</span><span class="i-code">0xe80b</span></div>
317
+ </div>
318
+ <div class="row">
319
+ <div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon icon-ic-arrows">&#xe80c;</i> <span class="i-name">icon-ic-arrows</span><span class="i-code">0xe80c</span></div>
320
+ <div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon icon-ic-briefcase">&#xe80d;</i> <span class="i-name">icon-ic-briefcase</span><span class="i-code">0xe80d</span></div>
321
+ <div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon icon-ic-check-alt">&#xe80e;</i> <span class="i-name">icon-ic-check-alt</span><span class="i-code">0xe80e</span></div>
322
+ <div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon icon-ic-dollar-1">&#xe80f;</i> <span class="i-name">icon-ic-dollar-1</span><span class="i-code">0xe80f</span></div>
323
+ </div>
324
+ <div class="row">
325
+ <div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon icon-ic-credit-card">&#xe810;</i> <span class="i-name">icon-ic-credit-card</span><span class="i-code">0xe810</span></div>
326
+ <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon icon-ic-exclamation">&#xe811;</i> <span class="i-name">icon-ic-exclamation</span><span class="i-code">0xe811</span></div>
327
+ <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon icon-ic-more">&#xe812;</i> <span class="i-name">icon-ic-more</span><span class="i-code">0xe812</span></div>
328
+ <div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon icon-ic-settings">&#xe813;</i> <span class="i-name">icon-ic-settings</span><span class="i-code">0xe813</span></div>
329
+ </div>
330
+ <div class="row">
331
+ <div class="the-icons span3" title="Code: 0xe814"><i class="demo-icon icon-ic-search">&#xe814;</i> <span class="i-name">icon-ic-search</span><span class="i-code">0xe814</span></div>
332
+ <div class="the-icons span3" title="Code: 0xe815"><i class="demo-icon icon-ic-slash">&#xe815;</i> <span class="i-name">icon-ic-slash</span><span class="i-code">0xe815</span></div>
333
+ <div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon icon-ic-users">&#xe816;</i> <span class="i-name">icon-ic-users</span><span class="i-code">0xe816</span></div>
334
+ <div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon icon-ic-x-alt">&#xe817;</i> <span class="i-name">icon-ic-x-alt</span><span class="i-code">0xe817</span></div>
335
+ </div>
336
+ <div class="row">
337
+ <div class="the-icons span3" title="Code: 0xe818"><i class="demo-icon icon-ic-chat">&#xe818;</i> <span class="i-name">icon-ic-chat</span><span class="i-code">0xe818</span></div>
338
+ <div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon icon-ic-pen">&#xe819;</i> <span class="i-name">icon-ic-pen</span><span class="i-code">0xe819</span></div>
339
+ <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon icon-ic-mobile-android">&#xe81a;</i> <span class="i-name">icon-ic-mobile-android</span><span class="i-code">0xe81a</span></div>
340
+ <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon icon-ic-info">&#xe81b;</i> <span class="i-name">icon-ic-info</span><span class="i-code">0xe81b</span></div>
341
+ </div>
342
+ <div class="row">
343
+ <div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon icon-ic-help-circle">&#xe81c;</i> <span class="i-name">icon-ic-help-circle</span><span class="i-code">0xe81c</span></div>
344
+ <div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon icon-ic-hash">&#xe81d;</i> <span class="i-name">icon-ic-hash</span><span class="i-code">0xe81d</span></div>
345
+ <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon icon-ic-grid-solid">&#xe81e;</i> <span class="i-name">icon-ic-grid-solid</span><span class="i-code">0xe81e</span></div>
346
+ <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon icon-ic-desktop">&#xe81f;</i> <span class="i-name">icon-ic-desktop</span><span class="i-code">0xe81f</span></div>
347
+ </div>
348
+ <div class="row">
349
+ <div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon icon-ic-circle">&#xe820;</i> <span class="i-name">icon-ic-circle</span><span class="i-code">0xe820</span></div>
350
+ <div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon icon-ic-circle-solid">&#xe821;</i> <span class="i-name">icon-ic-circle-solid</span><span class="i-code">0xe821</span></div>
351
+ <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon icon-ic-bell">&#xe822;</i> <span class="i-name">icon-ic-bell</span><span class="i-code">0xe822</span></div>
352
+ <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon icon-ic-calendar-alt">&#xe823;</i> <span class="i-name">icon-ic-calendar-alt</span><span class="i-code">0xe823</span></div>
353
+ </div>
354
+ <div class="row">
355
+ <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon icon-ic-plus-1">&#xe824;</i> <span class="i-name">icon-ic-plus-1</span><span class="i-code">0xe824</span></div>
356
+ <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon icon-ic-atm-card">&#xe825;</i> <span class="i-name">icon-ic-atm-card</span><span class="i-code">0xe825</span></div>
357
+ <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon icon-ic-globe">&#xe826;</i> <span class="i-name">icon-ic-globe</span><span class="i-code">0xe826</span></div>
358
+ <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon icon-ic-keyhole-square">&#xe827;</i> <span class="i-name">icon-ic-keyhole-square</span><span class="i-code">0xe827</span></div>
359
+ </div>
360
+ <div class="row">
361
+ <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon icon-ic-database">&#xe828;</i> <span class="i-name">icon-ic-database</span><span class="i-code">0xe828</span></div>
362
+ <div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon icon-ic-cog-solid">&#xe829;</i> <span class="i-name">icon-ic-cog-solid</span><span class="i-code">0xe829</span></div>
363
+ <div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon icon-ic-dollar-solid">&#xe82a;</i> <span class="i-name">icon-ic-dollar-solid</span><span class="i-code">0xe82a</span></div>
364
+ <div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon icon-ic-slash-solid">&#xe82b;</i> <span class="i-name">icon-ic-slash-solid</span><span class="i-code">0xe82b</span></div>
365
+ </div>
366
+ <div class="row">
367
+ <div class="the-icons span3" title="Code: 0xe82c"><i class="demo-icon icon-ic-credit-card-solid">&#xe82c;</i> <span class="i-name">icon-ic-credit-card-solid</span><span class="i-code">0xe82c</span></div>
368
+ <div class="the-icons span3" title="Code: 0xe82d"><i class="demo-icon icon-ic-minus-1">&#xe82d;</i> <span class="i-name">icon-ic-minus-1</span><span class="i-code">0xe82d</span></div>
369
+ <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon icon-ic-menu">&#xe82e;</i> <span class="i-name">icon-ic-menu</span><span class="i-code">0xe82e</span></div>
370
+ <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon icon-ic-invoice">&#xe82f;</i> <span class="i-name">icon-ic-invoice</span><span class="i-code">0xe82f</span></div>
371
+ </div>
372
+ <div class="row">
373
+ <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon icon-ic-user-circle">&#xe830;</i> <span class="i-name">icon-ic-user-circle</span><span class="i-code">0xe830</span></div>
374
+ <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon icon-ic-tablet">&#xe831;</i> <span class="i-name">icon-ic-tablet</span><span class="i-code">0xe831</span></div>
375
+ <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon icon-ic-store">&#xe832;</i> <span class="i-name">icon-ic-store</span><span class="i-code">0xe832</span></div>
376
+ <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon icon-ic-sliders">&#xe833;</i> <span class="i-name">icon-ic-sliders</span><span class="i-code">0xe833</span></div>
377
+ </div>
378
+ <div class="row">
379
+ <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon icon-ic-shopping-cart">&#xe834;</i> <span class="i-name">icon-ic-shopping-cart</span><span class="i-code">0xe834</span></div>
380
+ <div class="the-icons span3" title="Code: 0xe835"><i class="demo-icon icon-ic-shield">&#xe835;</i> <span class="i-name">icon-ic-shield</span><span class="i-code">0xe835</span></div>
381
+ <div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon icon-ic-phone">&#xe836;</i> <span class="i-name">icon-ic-phone</span><span class="i-code">0xe836</span></div>
382
+ <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon icon-ic-map-pin">&#xe837;</i> <span class="i-name">icon-ic-map-pin</span><span class="i-code">0xe837</span></div>
383
+ </div>
384
+ <div class="row">
385
+ <div class="the-icons span3" title="Code: 0xe838"><i class="demo-icon icon-ic-mail">&#xe838;</i> <span class="i-name">icon-ic-mail</span><span class="i-code">0xe838</span></div>
386
+ <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon icon-ic-log-out">&#xe839;</i> <span class="i-name">icon-ic-log-out</span><span class="i-code">0xe839</span></div>
387
+ <div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon icon-ic-log-in">&#xe83a;</i> <span class="i-name">icon-ic-log-in</span><span class="i-code">0xe83a</span></div>
388
+ <div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon icon-ic-lock">&#xe83b;</i> <span class="i-name">icon-ic-lock</span><span class="i-code">0xe83b</span></div>
389
+ </div>
390
+ <div class="row">
391
+ <div class="the-icons span3" title="Code: 0xe83c"><i class="demo-icon icon-ic-question">&#xe83c;</i> <span class="i-name">icon-ic-question</span><span class="i-code">0xe83c</span></div>
392
+ <div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon icon-ic-file-landscape-alt">&#xe83d;</i> <span class="i-name">icon-ic-file-landscape-alt</span><span class="i-code">0xe83d</span></div>
393
+ <div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon icon-ic-bank-solid">&#xe83e;</i> <span class="i-name">icon-ic-bank-solid</span><span class="i-code">0xe83e</span></div>
394
+ <div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon icon-ic-check">&#xe83f;</i> <span class="i-name">icon-ic-check</span><span class="i-code">0xe83f</span></div>
395
+ </div>
396
+ <div class="row">
397
+ <div class="the-icons span3" title="Code: 0xe840"><i class="demo-icon icon-ic-close">&#xe840;</i> <span class="i-name">icon-ic-close</span><span class="i-code">0xe840</span></div>
398
+ <div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon icon-ic-chevron-up">&#xe841;</i> <span class="i-name">icon-ic-chevron-up</span><span class="i-code">0xe841</span></div>
399
+ </div>
400
+ </div>
401
+ <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
402
+ </body>
403
403
  </html>