@agilekit/ui 0.0.514-alpha.0 → 0.1.0-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 (202) hide show
  1. package/README.md +42 -42
  2. package/lib/index.js +1 -1
  3. package/lib/index.js.LICENSE.txt +0 -8
  4. package/lib/src/Theme.d.ts +5 -3
  5. package/lib/src/components/Badge/Badge.d.ts +1 -1
  6. package/lib/src/components/Box/Box.d.ts +1 -1
  7. package/lib/src/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  8. package/lib/src/components/Card/Card.d.ts +1 -1
  9. package/lib/src/components/ChoiceItem/ChoiceItem.d.ts +1 -1
  10. package/lib/src/components/DataTable/DataTable.d.ts +1 -1
  11. package/lib/src/components/FormSectionTitle/FormSectionTitle.d.ts +1 -1
  12. package/lib/src/components/Gallery/Gallery.d.ts +1 -1
  13. package/lib/src/components/Gallery/components/ImageWithFallback/ImageWithFallback.d.ts +1 -1
  14. package/lib/src/components/Gallery/components/Lightbox/Lightbox.d.ts +2 -2
  15. package/lib/src/components/Grid/components/Row/Row.d.ts +1 -1
  16. package/lib/src/components/Link/Link.d.ts +1 -1
  17. package/lib/src/components/PaymentProcessing/PaymentProcessing.d.ts +2 -2
  18. package/lib/src/components/Popover/Popover.d.ts +1 -1
  19. package/lib/src/components/Slider/Slider.d.ts +2 -2
  20. package/lib/src/components/Switch/Switch.d.ts +1 -1
  21. package/lib/src/components/TableList/TableList.d.ts +1 -1
  22. package/lib/src/components/TableList/components/Cell/Cell.d.ts +1 -1
  23. package/lib/src/components/TableList/components/ColumnHeader/ColumnHeader.d.ts +1 -1
  24. package/lib/src/components/TextField/TextField.styles.d.ts +4 -3
  25. package/lib/src/index.d.ts +5 -3
  26. package/package.json +160 -162
  27. package/src/assets/fonts/fontello/README.txt +75 -75
  28. package/src/assets/fonts/fontello/config.json +933 -933
  29. package/src/assets/fonts/fontello/css/animation.css +85 -85
  30. package/src/assets/fonts/fontello/css/fontello-codes.css +66 -66
  31. package/src/assets/fonts/fontello/css/fontello-embedded.css +119 -119
  32. package/src/assets/fonts/fontello/css/fontello-ie7-codes.css +66 -66
  33. package/src/assets/fonts/fontello/css/fontello-ie7.css +77 -77
  34. package/src/assets/fonts/fontello/css/fontello.css +122 -122
  35. package/src/assets/fonts/fontello/demo.html +402 -402
  36. package/src/assets/fonts/fontello/font/fontello.eot +0 -0
  37. package/src/assets/fonts/fontello/font/fontello.svg +141 -141
  38. package/src/assets/fonts/fontello/font/fontello.ttf +0 -0
  39. package/src/assets/fonts/fontello/font/fontello.woff +0 -0
  40. package/src/assets/fonts/fontello/font/fontello.woff2 +0 -0
  41. package/src/assets/fonts/svg/Icon/ic-chat.svg +12 -12
  42. package/src/assets/fonts/svg/Icon/ic-dollar.svg +13 -13
  43. package/src/assets/fonts/svg/Icon/ic-invoice.svg +15 -15
  44. package/src/assets/fonts/svg/Icon/ic-menu.svg +8 -8
  45. package/src/assets/fonts/svg/ic-activity.svg +8 -8
  46. package/src/assets/fonts/svg/ic-arrow-long-right.svg +48 -48
  47. package/src/assets/fonts/svg/ic-arrows.svg +9 -9
  48. package/src/assets/fonts/svg/ic-atm-card.svg +9 -9
  49. package/src/assets/fonts/svg/ic-bank-solid.svg +10 -10
  50. package/src/assets/fonts/svg/ic-bell.svg +10 -10
  51. package/src/assets/fonts/svg/ic-briefcase.svg +9 -9
  52. package/src/assets/fonts/svg/ic-calendar-alt.svg +15 -15
  53. package/src/assets/fonts/svg/ic-check-alt.svg +26 -26
  54. package/src/assets/fonts/svg/ic-check.svg +10 -10
  55. package/src/assets/fonts/svg/ic-circle-solid.svg +7 -7
  56. package/src/assets/fonts/svg/ic-circle.svg +7 -7
  57. package/src/assets/fonts/svg/ic-close.svg +9 -9
  58. package/src/assets/fonts/svg/ic-cog-solid.svg +14 -14
  59. package/src/assets/fonts/svg/ic-credit-card-solid.svg +7 -7
  60. package/src/assets/fonts/svg/ic-credit-card.svg +7 -7
  61. package/src/assets/fonts/svg/ic-database.svg +9 -9
  62. package/src/assets/fonts/svg/ic-desktop.svg +9 -9
  63. package/src/assets/fonts/svg/ic-dollar-solid.svg +10 -10
  64. package/src/assets/fonts/svg/ic-exclamation.svg +10 -10
  65. package/src/assets/fonts/svg/ic-globe.svg +9 -9
  66. package/src/assets/fonts/svg/ic-grid-solid.svg +9 -9
  67. package/src/assets/fonts/svg/ic-hash.svg +10 -10
  68. package/src/assets/fonts/svg/ic-help-circle.svg +11 -11
  69. package/src/assets/fonts/svg/ic-info.svg +10 -10
  70. package/src/assets/fonts/svg/ic-keyhole-square.svg +9 -9
  71. package/src/assets/fonts/svg/ic-lock.svg +8 -8
  72. package/src/assets/fonts/svg/ic-log-in.svg +9 -9
  73. package/src/assets/fonts/svg/ic-log-out.svg +9 -9
  74. package/src/assets/fonts/svg/ic-mail.svg +8 -8
  75. package/src/assets/fonts/svg/ic-map-pin.svg +8 -8
  76. package/src/assets/fonts/svg/ic-menu.svg +8 -8
  77. package/src/assets/fonts/svg/ic-minus.svg +6 -6
  78. package/src/assets/fonts/svg/ic-mobile-android.svg +9 -9
  79. package/src/assets/fonts/svg/ic-more.svg +27 -27
  80. package/src/assets/fonts/svg/ic-pen.svg +9 -9
  81. package/src/assets/fonts/svg/ic-phone.svg +13 -13
  82. package/src/assets/fonts/svg/ic-plus.svg +10 -10
  83. package/src/assets/fonts/svg/ic-question.svg +8 -8
  84. package/src/assets/fonts/svg/ic-search.svg +8 -8
  85. package/src/assets/fonts/svg/ic-settings.svg +27 -27
  86. package/src/assets/fonts/svg/ic-shield.svg +8 -8
  87. package/src/assets/fonts/svg/ic-shopping-cart.svg +9 -9
  88. package/src/assets/fonts/svg/ic-slash-solid.svg +7 -7
  89. package/src/assets/fonts/svg/ic-slash.svg +9 -9
  90. package/src/assets/fonts/svg/ic-sliders.svg +12 -12
  91. package/src/assets/fonts/svg/ic-store.svg +11 -11
  92. package/src/assets/fonts/svg/ic-tablet.svg +10 -10
  93. package/src/assets/fonts/svg/ic-user-circle.svg +10 -10
  94. package/src/assets/fonts/svg/ic-users.svg +21 -21
  95. package/src/assets/fonts/svg/ic-x-alt.svg +8 -8
  96. package/src/assets/styles/global/bootstrap/_alert.scss +51 -51
  97. package/src/assets/styles/global/bootstrap/_badge.scss +53 -53
  98. package/src/assets/styles/global/bootstrap/_breadcrumb.scss +41 -41
  99. package/src/assets/styles/global/bootstrap/_button-group.scss +163 -163
  100. package/src/assets/styles/global/bootstrap/_buttons.scss +140 -140
  101. package/src/assets/styles/global/bootstrap/_card.scss +311 -311
  102. package/src/assets/styles/global/bootstrap/_carousel.scss +199 -199
  103. package/src/assets/styles/global/bootstrap/_close.scss +44 -44
  104. package/src/assets/styles/global/bootstrap/_code.scss +48 -48
  105. package/src/assets/styles/global/bootstrap/_custom-forms.scss +508 -508
  106. package/src/assets/styles/global/bootstrap/_dropdown.scss +191 -191
  107. package/src/assets/styles/global/bootstrap/_forms.scss +335 -335
  108. package/src/assets/styles/global/bootstrap/_functions.scss +87 -87
  109. package/src/assets/styles/global/bootstrap/_grid.scss +52 -52
  110. package/src/assets/styles/global/bootstrap/_images.scss +42 -42
  111. package/src/assets/styles/global/bootstrap/_input-group.scss +193 -193
  112. package/src/assets/styles/global/bootstrap/_jumbotron.scss +18 -18
  113. package/src/assets/styles/global/bootstrap/_list-group.scss +121 -121
  114. package/src/assets/styles/global/bootstrap/_media.scss +8 -8
  115. package/src/assets/styles/global/bootstrap/_mixins.scss +41 -41
  116. package/src/assets/styles/global/bootstrap/_modal.scss +186 -186
  117. package/src/assets/styles/global/bootstrap/_nav.scss +120 -120
  118. package/src/assets/styles/global/bootstrap/_navbar.scss +299 -299
  119. package/src/assets/styles/global/bootstrap/_pagination.scss +78 -78
  120. package/src/assets/styles/global/bootstrap/_popover.scss +185 -185
  121. package/src/assets/styles/global/bootstrap/_print.scss +141 -141
  122. package/src/assets/styles/global/bootstrap/_progress.scss +34 -34
  123. package/src/assets/styles/global/bootstrap/_reboot.scss +462 -462
  124. package/src/assets/styles/global/bootstrap/_root.scss +19 -19
  125. package/src/assets/styles/global/bootstrap/_spinners.scss +53 -53
  126. package/src/assets/styles/global/bootstrap/_tables.scss +187 -187
  127. package/src/assets/styles/global/bootstrap/_toasts.scss +43 -43
  128. package/src/assets/styles/global/bootstrap/_tooltip.scss +117 -117
  129. package/src/assets/styles/global/bootstrap/_transitions.scss +22 -22
  130. package/src/assets/styles/global/bootstrap/_type.scss +125 -125
  131. package/src/assets/styles/global/bootstrap/_utilities.scss +16 -16
  132. package/src/assets/styles/global/bootstrap/_variables.scss +1088 -1088
  133. package/src/assets/styles/global/bootstrap/bootstrap-grid.scss +29 -29
  134. package/src/assets/styles/global/bootstrap/bootstrap-reboot.scss +12 -12
  135. package/src/assets/styles/global/bootstrap/bootstrap.scss +44 -44
  136. package/src/assets/styles/global/bootstrap/mixins/_alert.scss +13 -13
  137. package/src/assets/styles/global/bootstrap/mixins/_background-variant.scss +21 -21
  138. package/src/assets/styles/global/bootstrap/mixins/_badge.scss +11 -11
  139. package/src/assets/styles/global/bootstrap/mixins/_border-radius.scss +35 -35
  140. package/src/assets/styles/global/bootstrap/mixins/_box-shadow.scss +5 -5
  141. package/src/assets/styles/global/bootstrap/mixins/_breakpoints.scss +123 -123
  142. package/src/assets/styles/global/bootstrap/mixins/_buttons.scss +111 -111
  143. package/src/assets/styles/global/bootstrap/mixins/_caret.scss +62 -62
  144. package/src/assets/styles/global/bootstrap/mixins/_clearfix.scss +7 -7
  145. package/src/assets/styles/global/bootstrap/mixins/_float.scss +11 -11
  146. package/src/assets/styles/global/bootstrap/mixins/_forms.scss +198 -198
  147. package/src/assets/styles/global/bootstrap/mixins/_gradients.scss +45 -45
  148. package/src/assets/styles/global/bootstrap/mixins/_grid-framework.scss +66 -66
  149. package/src/assets/styles/global/bootstrap/mixins/_grid.scss +51 -51
  150. package/src/assets/styles/global/bootstrap/mixins/_hover.scss +37 -37
  151. package/src/assets/styles/global/bootstrap/mixins/_image.scss +36 -36
  152. package/src/assets/styles/global/bootstrap/mixins/_list-group.scss +21 -21
  153. package/src/assets/styles/global/bootstrap/mixins/_lists.scss +7 -7
  154. package/src/assets/styles/global/bootstrap/mixins/_nav-divider.scss +10 -10
  155. package/src/assets/styles/global/bootstrap/mixins/_pagination.scss +22 -22
  156. package/src/assets/styles/global/bootstrap/mixins/_reset-text.scss +17 -17
  157. package/src/assets/styles/global/bootstrap/mixins/_resize.scss +6 -6
  158. package/src/assets/styles/global/bootstrap/mixins/_screen-reader.scss +33 -33
  159. package/src/assets/styles/global/bootstrap/mixins/_size.scss +6 -6
  160. package/src/assets/styles/global/bootstrap/mixins/_table-row.scss +39 -39
  161. package/src/assets/styles/global/bootstrap/mixins/_text-emphasis.scss +14 -14
  162. package/src/assets/styles/global/bootstrap/mixins/_text-hide.scss +13 -13
  163. package/src/assets/styles/global/bootstrap/mixins/_text-truncate.scss +8 -8
  164. package/src/assets/styles/global/bootstrap/mixins/_transition.scss +16 -16
  165. package/src/assets/styles/global/bootstrap/mixins/_visibility.scss +7 -7
  166. package/src/assets/styles/global/bootstrap/utilities/_align.scss +8 -8
  167. package/src/assets/styles/global/bootstrap/utilities/_background.scss +19 -19
  168. package/src/assets/styles/global/bootstrap/utilities/_borders.scss +63 -63
  169. package/src/assets/styles/global/bootstrap/utilities/_clearfix.scss +3 -3
  170. package/src/assets/styles/global/bootstrap/utilities/_display.scss +38 -38
  171. package/src/assets/styles/global/bootstrap/utilities/_embed.scss +40 -40
  172. package/src/assets/styles/global/bootstrap/utilities/_flex.scss +51 -51
  173. package/src/assets/styles/global/bootstrap/utilities/_float.scss +9 -9
  174. package/src/assets/styles/global/bootstrap/utilities/_overflow.scss +5 -5
  175. package/src/assets/styles/global/bootstrap/utilities/_position.scss +32 -32
  176. package/src/assets/styles/global/bootstrap/utilities/_screenreaders.scss +11 -11
  177. package/src/assets/styles/global/bootstrap/utilities/_shadows.scss +6 -6
  178. package/src/assets/styles/global/bootstrap/utilities/_sizing.scss +20 -20
  179. package/src/assets/styles/global/bootstrap/utilities/_spacing.scss +73 -73
  180. package/src/assets/styles/global/bootstrap/utilities/_text.scss +67 -67
  181. package/src/assets/styles/global/bootstrap/utilities/_visibility.scss +11 -11
  182. package/src/assets/styles/global/core/card.scss +6 -6
  183. package/src/assets/styles/global/core/color.scss +76 -76
  184. package/src/assets/styles/global/core/status.scss +17 -17
  185. package/src/assets/styles/global/styles.scss +24 -24
  186. package/src/assets/styles/global/vendors/ant-design-grid.scss +5046 -5046
  187. package/src/assets/styles/shared/elements/scrollbar.scss +30 -30
  188. package/src/assets/styles/shared/settings/breakpoints.scss +10 -10
  189. package/src/assets/styles/shared/settings/colors.scss +110 -110
  190. package/src/assets/styles/shared/settings/depth.scss +14 -14
  191. package/src/assets/styles/shared/settings/layout.scss +10 -10
  192. package/src/assets/styles/shared/settings/typography.scss +9 -9
  193. package/src/assets/styles/shared/shared.scss +8 -8
  194. package/src/assets/styles/shared/tools/respond-to.scss +32 -32
  195. package/src/components/utils/breakpoints.ts +14 -14
  196. package/src/components/utils/browser.ts +10 -10
  197. package/src/components/utils/findParentBySelector.ts +17 -17
  198. package/src/components/utils/idGenerator.ts +4 -4
  199. package/src/components/utils/index.ts +4 -4
  200. package/src/components/utils/setNativeValue.ts +13 -13
  201. package/lib/src/components/Breadcrumb/Breadcrumb.styles.d.ts +0 -2
  202. package/lib/src/components/Loader/Loader.styles.d.ts +0 -2
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>