magic_stylez 0.0.0.13 → 0.0.0.19
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.
- checksums.yaml +4 -4
- data/.gitignore +2 -1
- data/lib/magic_stylez/engine.rb +3 -6
- data/lib/magic_stylez/version.rb +1 -1
- data/test/dummy/app/assets/javascripts/app.js.coffee +41 -18
- data/test/dummy/app/assets/javascripts/application.js +1 -0
- data/test/dummy/app/assets/javascripts/assets.js.coffee.erb +29 -0
- data/test/dummy/app/assets/javascripts/blank.js +14 -0
- data/test/dummy/app/assets/javascripts/views/app/start.jst.eco +13 -3
- data/test/dummy/app/assets/javascripts/views/effects/shadows.jst.eco +24 -24
- data/test/dummy/app/assets/javascripts/views/elements/buttons.jst.eco +131 -0
- data/test/dummy/app/assets/javascripts/views/elements/circle_diagram.jst.eco +67 -0
- data/test/dummy/app/assets/javascripts/views/elements/inputs.jst.eco +185 -0
- data/test/dummy/app/assets/javascripts/views/{elements → helper}/arrow_infos.jst.eco +5 -5
- data/test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco +33 -0
- data/test/dummy/app/assets/javascripts/views/helper/divider.jst.eco +82 -0
- data/test/dummy/app/assets/javascripts/views/helper/three_previews.jst.eco +46 -0
- data/test/dummy/app/assets/javascripts/views/icons/glyphicons.jst.eco +24 -0
- data/test/dummy/app/assets/javascripts/views/icons/icomoon.jst.eco +24 -0
- data/test/dummy/app/assets/javascripts/views/icons/magicons.jst.eco +25 -0
- data/test/dummy/app/assets/javascripts/views/icons/olicons.jst.eco +1774 -0
- data/test/dummy/app/assets/javascripts/views/templates/fixed_header.jst.eco +5 -0
- data/test/dummy/app/assets/javascripts/views/templates/responsive_slidebar.jst.eco +5 -0
- data/test/dummy/app/assets/stylesheets/application.css.scss +80 -31
- data/test/dummy/app/controllers/front_controller.rb +11 -0
- data/test/dummy/app/views/front/_aside.html.erb +27 -28
- data/test/dummy/app/views/front/start.html.erb +13 -3
- data/test/dummy/app/views/front/templates.html.erb +85 -0
- data/test/dummy/app/views/layouts/application.html.erb +0 -2
- data/test/dummy/app/views/layouts/blank.html.erb +17 -0
- data/test/dummy/app/views/templates/_lorem.html.erb +89 -0
- data/test/dummy/app/views/templates/fixed-header.html.erb +53 -0
- data/test/dummy/app/views/templates/responsive-slidebar.html.erb +55 -0
- data/test/dummy/config/application.rb +1 -0
- data/test/dummy/config/routes.rb +7 -0
- data/test/dummy/public/html/fixed-header.html.erb +158 -0
- data/test/dummy/public/html/index.html +173 -0
- data/test/dummy/public/html/responsive-slidebar.html.erb +160 -0
- data/vendor/assets/fonts/magic/icomoon.eot +0 -0
- data/vendor/assets/fonts/magic/icomoon.svg +461 -0
- data/vendor/assets/fonts/magic/icomoon.ttf +0 -0
- data/vendor/assets/fonts/magic/icomoon.woff +0 -0
- data/vendor/assets/images/magic/helper/blank_10.png +0 -0
- data/vendor/assets/images/magic/helper/white_10.png +0 -0
- data/vendor/assets/javascripts/magic/circle_diagram.js.coffee +146 -0
- data/vendor/assets/javascripts/magic/collapse.js.coffee +11 -0
- data/vendor/assets/javascripts/magic/helper.js.coffee +19 -0
- data/vendor/assets/javascripts/magic-min.js.coffee +22 -0
- data/vendor/assets/javascripts/magic-stylez.js.coffee +5 -0
- data/vendor/assets/stylesheets/magic/content/_box.scss +14 -5
- data/vendor/assets/stylesheets/magic/content/_buttons.scss +285 -0
- data/vendor/assets/stylesheets/magic/content/_forms.scss +2 -70
- data/vendor/assets/stylesheets/magic/content/_inputs.scss +149 -0
- data/vendor/assets/stylesheets/magic/content/_navbar.scss +59 -0
- data/vendor/assets/stylesheets/magic/corporate/_fonts.scss +1 -1
- data/vendor/assets/stylesheets/magic/corporate/_typo.scss +8 -1
- data/vendor/assets/stylesheets/magic/corporate/_variables.scss +1 -3
- data/vendor/assets/stylesheets/magic/effects/_noise.scss +36 -0
- data/vendor/assets/stylesheets/magic/effects/_shadows.scss +22 -22
- data/vendor/assets/stylesheets/magic/elements/_circle_diagram.scss +214 -0
- data/vendor/assets/stylesheets/magic/helper/_all.scss +5 -0
- data/vendor/assets/stylesheets/magic/helper/_arrow_hints.scss +28 -0
- data/vendor/assets/stylesheets/magic/helper/_crossed.scss +22 -0
- data/vendor/assets/stylesheets/magic/helper/_divider.scss +48 -0
- data/vendor/assets/stylesheets/magic/helper/_dots.scss +26 -0
- data/vendor/assets/stylesheets/magic/helper/_three_previews.scss +33 -0
- data/vendor/assets/stylesheets/magic/icons/icomoon.scss +1392 -0
- data/vendor/assets/stylesheets/magic/layout/_section.scss +18 -2
- data/vendor/assets/stylesheets/magic/lib/_animation.scss +0 -6
- data/vendor/assets/stylesheets/magic/lib/_helper.scss +92 -0
- data/vendor/assets/stylesheets/magic/{layout → xxx}/_body.scss +0 -0
- data/vendor/assets/stylesheets/magic/{content → xxx}/_header.scss +0 -0
- data/vendor/assets/stylesheets/magic-stylez.scss +18 -79
- metadata +103 -41
- data/test/dummy/app/assets/javascripts/views/elements/icons.jst.eco +0 -9004
- data/test/dummy/public/xindex.html +0 -136
- data/vendor/assets/stylesheets/magic/content/_helper.scss +0 -70
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>Glyphicons (from twitter bootstrap)</h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div class="section">
|
|
8
|
+
<div class="corset">
|
|
9
|
+
|
|
10
|
+
<% for icon, i in glyphicons: %>
|
|
11
|
+
|
|
12
|
+
<div class="icon_sample">
|
|
13
|
+
<div class="sample_icon">
|
|
14
|
+
<i class="glyphicon glyphicon-<%= icon %>"></i>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="sample_name">
|
|
17
|
+
<%= icon %>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<% end%>
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>Icomoon Free</h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div class="section">
|
|
8
|
+
<div class="corset">
|
|
9
|
+
|
|
10
|
+
<% for icon, i in icomoons: %>
|
|
11
|
+
|
|
12
|
+
<div class="icon_sample">
|
|
13
|
+
<div class="sample_icon">
|
|
14
|
+
<i class="icomoon-<%= icon %>"></i>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="sample_name">
|
|
17
|
+
<%= icon %>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<% end%>
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>magicons (used in earlier app)</h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div class="section">
|
|
8
|
+
<div class="corset">
|
|
9
|
+
|
|
10
|
+
<% for icon, i in magicons: %>
|
|
11
|
+
|
|
12
|
+
<div class="icon_sample">
|
|
13
|
+
<div class="sample_icon">
|
|
14
|
+
<i class="magicons-<%= icon %>"></i>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="sample_name">
|
|
17
|
+
<%= icon %>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<% end%>
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
@@ -0,0 +1,1774 @@
|
|
|
1
|
+
<div class="section head">
|
|
2
|
+
<div class="corset">
|
|
3
|
+
<h1>Olicons (used in orderlift.com)</h1>
|
|
4
|
+
</div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div class="section">
|
|
8
|
+
<div class="corset">
|
|
9
|
+
|
|
10
|
+
<% for icon, i in olicons: %>
|
|
11
|
+
|
|
12
|
+
<div class="icon_sample">
|
|
13
|
+
<div class="sample_icon">
|
|
14
|
+
<i class="olicons-<%= icon %>"></i>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="sample_name">
|
|
17
|
+
<%= icon %>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<% end%>
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<div class="section bright ">
|
|
27
|
+
<div class="corset">
|
|
28
|
+
<h2 class="highlight">Sorted Orderlifticons .. for better finding</h2>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
<div class="section shine-top">
|
|
34
|
+
|
|
35
|
+
<div class="corset">
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
<div class="paper_box" id="icn">
|
|
41
|
+
<div class="paper_head">
|
|
42
|
+
<h2>header <small>(6)</small></h2>
|
|
43
|
+
</div>
|
|
44
|
+
<div class="inner">
|
|
45
|
+
|
|
46
|
+
<div class="icon_sample">
|
|
47
|
+
<div class="sample_icon">
|
|
48
|
+
<i class="olicons-market"></i>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="sample_name">
|
|
51
|
+
market
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
<div class="icon_sample">
|
|
55
|
+
<div class="sample_icon">
|
|
56
|
+
<i class="olicons-projects-empty"></i>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="sample_name">
|
|
59
|
+
projects-empty
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="icon_sample">
|
|
63
|
+
<div class="sample_icon">
|
|
64
|
+
<i class="olicons-projects-full"></i>
|
|
65
|
+
</div>
|
|
66
|
+
<div class="sample_name">
|
|
67
|
+
projects-full
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
<div class="icon_sample">
|
|
71
|
+
<div class="sample_icon">
|
|
72
|
+
<i class="olicons-tasks-empty"></i>
|
|
73
|
+
</div>
|
|
74
|
+
<div class="sample_name">
|
|
75
|
+
tasks-empty
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="icon_sample">
|
|
79
|
+
<div class="sample_icon">
|
|
80
|
+
<i class="olicons-tasks-full"></i>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="sample_name">
|
|
83
|
+
tasks-full
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
<div class="icon_sample">
|
|
87
|
+
<div class="sample_icon">
|
|
88
|
+
<i class="olicons-settings"></i>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="sample_name">
|
|
91
|
+
settings
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
|
|
95
|
+
<div class="clearfix"></div>
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
<div class="paper_box" id="icn">
|
|
105
|
+
<div class="paper_head">
|
|
106
|
+
<h2>main-nav <small>(4)</small></h2>
|
|
107
|
+
</div>
|
|
108
|
+
<div class="inner">
|
|
109
|
+
|
|
110
|
+
<div class="icon_sample">
|
|
111
|
+
<div class="sample_icon">
|
|
112
|
+
<i class="olicons-overview"></i>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="sample_name">
|
|
115
|
+
overview
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
<div class="icon_sample">
|
|
119
|
+
<div class="sample_icon">
|
|
120
|
+
<i class="olicons-contacts"></i>
|
|
121
|
+
</div>
|
|
122
|
+
<div class="sample_name">
|
|
123
|
+
contacts
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
<div class="icon_sample">
|
|
127
|
+
<div class="sample_icon">
|
|
128
|
+
<i class="olicons-message-empty"></i>
|
|
129
|
+
</div>
|
|
130
|
+
<div class="sample_name">
|
|
131
|
+
message-empty
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
<div class="icon_sample">
|
|
135
|
+
<div class="sample_icon">
|
|
136
|
+
<i class="olicons-message-full"></i>
|
|
137
|
+
</div>
|
|
138
|
+
<div class="sample_name">
|
|
139
|
+
message-full
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
142
|
+
|
|
143
|
+
<div class="clearfix"></div>
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
<div class="paper_box" id="icn">
|
|
153
|
+
<div class="paper_head">
|
|
154
|
+
<h2>slidebar <small>(4)</small></h2>
|
|
155
|
+
</div>
|
|
156
|
+
<div class="inner">
|
|
157
|
+
|
|
158
|
+
<div class="icon_sample">
|
|
159
|
+
<div class="sample_icon">
|
|
160
|
+
<i class="olicons-basket-empty"></i>
|
|
161
|
+
</div>
|
|
162
|
+
<div class="sample_name">
|
|
163
|
+
basket-empty
|
|
164
|
+
</div>
|
|
165
|
+
</div>
|
|
166
|
+
<div class="icon_sample">
|
|
167
|
+
<div class="sample_icon">
|
|
168
|
+
<i class="olicons-basket-full"></i>
|
|
169
|
+
</div>
|
|
170
|
+
<div class="sample_name">
|
|
171
|
+
basket-full
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
<div class="icon_sample">
|
|
175
|
+
<div class="sample_icon">
|
|
176
|
+
<i class="olicons-bell"></i>
|
|
177
|
+
</div>
|
|
178
|
+
<div class="sample_name">
|
|
179
|
+
bell
|
|
180
|
+
</div>
|
|
181
|
+
</div>
|
|
182
|
+
<div class="icon_sample">
|
|
183
|
+
<div class="sample_icon">
|
|
184
|
+
<i class="olicons-notify"></i>
|
|
185
|
+
</div>
|
|
186
|
+
<div class="sample_name">
|
|
187
|
+
notify
|
|
188
|
+
</div>
|
|
189
|
+
</div>
|
|
190
|
+
|
|
191
|
+
<div class="clearfix"></div>
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
</div>
|
|
195
|
+
</div>
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
<div class="paper_box" id="icn">
|
|
202
|
+
<div class="paper_head">
|
|
203
|
+
<h2>profile <small>(7)</small></h2>
|
|
204
|
+
</div>
|
|
205
|
+
<div class="inner">
|
|
206
|
+
|
|
207
|
+
<div class="icon_sample">
|
|
208
|
+
<div class="sample_icon">
|
|
209
|
+
<i class="olicons-about-me"></i>
|
|
210
|
+
</div>
|
|
211
|
+
<div class="sample_name">
|
|
212
|
+
about-me
|
|
213
|
+
</div>
|
|
214
|
+
</div>
|
|
215
|
+
<div class="icon_sample">
|
|
216
|
+
<div class="sample_icon">
|
|
217
|
+
<i class="olicons-portfolio"></i>
|
|
218
|
+
</div>
|
|
219
|
+
<div class="sample_name">
|
|
220
|
+
portfolio
|
|
221
|
+
</div>
|
|
222
|
+
</div>
|
|
223
|
+
<div class="icon_sample">
|
|
224
|
+
<div class="sample_icon">
|
|
225
|
+
<i class="olicons-portfolio-alt"></i>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="sample_name">
|
|
228
|
+
portfolio-alt
|
|
229
|
+
</div>
|
|
230
|
+
</div>
|
|
231
|
+
<div class="icon_sample">
|
|
232
|
+
<div class="sample_icon">
|
|
233
|
+
<i class="olicons-general-informations"></i>
|
|
234
|
+
</div>
|
|
235
|
+
<div class="sample_name">
|
|
236
|
+
general-informations
|
|
237
|
+
</div>
|
|
238
|
+
</div>
|
|
239
|
+
<div class="icon_sample">
|
|
240
|
+
<div class="sample_icon">
|
|
241
|
+
<i class="olicons-contact-data"></i>
|
|
242
|
+
</div>
|
|
243
|
+
<div class="sample_name">
|
|
244
|
+
contact-data
|
|
245
|
+
</div>
|
|
246
|
+
</div>
|
|
247
|
+
<div class="icon_sample">
|
|
248
|
+
<div class="sample_icon">
|
|
249
|
+
<i class="olicons-career"></i>
|
|
250
|
+
</div>
|
|
251
|
+
<div class="sample_name">
|
|
252
|
+
career
|
|
253
|
+
</div>
|
|
254
|
+
</div>
|
|
255
|
+
<div class="icon_sample">
|
|
256
|
+
<div class="sample_icon">
|
|
257
|
+
<i class="olicons-skills"></i>
|
|
258
|
+
</div>
|
|
259
|
+
<div class="sample_name">
|
|
260
|
+
skills
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
|
|
264
|
+
<div class="clearfix"></div>
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
</div>
|
|
268
|
+
</div>
|
|
269
|
+
|
|
270
|
+
|
|
271
|
+
|
|
272
|
+
|
|
273
|
+
<div class="paper_box" id="icn">
|
|
274
|
+
<div class="paper_head">
|
|
275
|
+
<h2>view <small>(5)</small></h2>
|
|
276
|
+
</div>
|
|
277
|
+
<div class="inner">
|
|
278
|
+
|
|
279
|
+
<div class="icon_sample">
|
|
280
|
+
<div class="sample_icon">
|
|
281
|
+
<i class="olicons-view-list"></i>
|
|
282
|
+
</div>
|
|
283
|
+
<div class="sample_name">
|
|
284
|
+
view-list
|
|
285
|
+
</div>
|
|
286
|
+
</div>
|
|
287
|
+
<div class="icon_sample">
|
|
288
|
+
<div class="sample_icon">
|
|
289
|
+
<i class="olicons-view-tile"></i>
|
|
290
|
+
</div>
|
|
291
|
+
<div class="sample_name">
|
|
292
|
+
view-tile
|
|
293
|
+
</div>
|
|
294
|
+
</div>
|
|
295
|
+
<div class="icon_sample">
|
|
296
|
+
<div class="sample_icon">
|
|
297
|
+
<i class="olicons-view-cards"></i>
|
|
298
|
+
</div>
|
|
299
|
+
<div class="sample_name">
|
|
300
|
+
view-cards
|
|
301
|
+
</div>
|
|
302
|
+
</div>
|
|
303
|
+
<div class="icon_sample">
|
|
304
|
+
<div class="sample_icon">
|
|
305
|
+
<i class="olicons-view-map"></i>
|
|
306
|
+
</div>
|
|
307
|
+
<div class="sample_name">
|
|
308
|
+
view-map
|
|
309
|
+
</div>
|
|
310
|
+
</div>
|
|
311
|
+
<div class="icon_sample">
|
|
312
|
+
<div class="sample_icon">
|
|
313
|
+
<i class="olicons-view-map-2"></i>
|
|
314
|
+
</div>
|
|
315
|
+
<div class="sample_name">
|
|
316
|
+
view-map-2
|
|
317
|
+
</div>
|
|
318
|
+
</div>
|
|
319
|
+
|
|
320
|
+
<div class="clearfix"></div>
|
|
321
|
+
|
|
322
|
+
|
|
323
|
+
</div>
|
|
324
|
+
</div>
|
|
325
|
+
|
|
326
|
+
|
|
327
|
+
|
|
328
|
+
|
|
329
|
+
<div class="paper_box" id="icn">
|
|
330
|
+
<div class="paper_head">
|
|
331
|
+
<h2>action <small>(9)</small></h2>
|
|
332
|
+
</div>
|
|
333
|
+
<div class="inner">
|
|
334
|
+
|
|
335
|
+
<div class="icon_sample">
|
|
336
|
+
<div class="sample_icon">
|
|
337
|
+
<i class="olicons-state-active"></i>
|
|
338
|
+
</div>
|
|
339
|
+
<div class="sample_name">
|
|
340
|
+
state-active
|
|
341
|
+
</div>
|
|
342
|
+
</div>
|
|
343
|
+
<div class="icon_sample">
|
|
344
|
+
<div class="sample_icon">
|
|
345
|
+
<i class="olicons-state-inactive"></i>
|
|
346
|
+
</div>
|
|
347
|
+
<div class="sample_name">
|
|
348
|
+
state-inactive
|
|
349
|
+
</div>
|
|
350
|
+
</div>
|
|
351
|
+
<div class="icon_sample">
|
|
352
|
+
<div class="sample_icon">
|
|
353
|
+
<i class="olicons-edit"></i>
|
|
354
|
+
</div>
|
|
355
|
+
<div class="sample_name">
|
|
356
|
+
edit
|
|
357
|
+
</div>
|
|
358
|
+
</div>
|
|
359
|
+
<div class="icon_sample">
|
|
360
|
+
<div class="sample_icon">
|
|
361
|
+
<i class="olicons-search"></i>
|
|
362
|
+
</div>
|
|
363
|
+
<div class="sample_name">
|
|
364
|
+
search
|
|
365
|
+
</div>
|
|
366
|
+
</div>
|
|
367
|
+
<div class="icon_sample">
|
|
368
|
+
<div class="sample_icon">
|
|
369
|
+
<i class="olicons-zoom-in"></i>
|
|
370
|
+
</div>
|
|
371
|
+
<div class="sample_name">
|
|
372
|
+
zoom-in
|
|
373
|
+
</div>
|
|
374
|
+
</div>
|
|
375
|
+
<div class="icon_sample">
|
|
376
|
+
<div class="sample_icon">
|
|
377
|
+
<i class="olicons-zoom-out"></i>
|
|
378
|
+
</div>
|
|
379
|
+
<div class="sample_name">
|
|
380
|
+
zoom-out
|
|
381
|
+
</div>
|
|
382
|
+
</div>
|
|
383
|
+
<div class="icon_sample">
|
|
384
|
+
<div class="sample_icon">
|
|
385
|
+
<i class="olicons-comment"></i>
|
|
386
|
+
</div>
|
|
387
|
+
<div class="sample_name">
|
|
388
|
+
comment
|
|
389
|
+
</div>
|
|
390
|
+
</div>
|
|
391
|
+
<div class="icon_sample">
|
|
392
|
+
<div class="sample_icon">
|
|
393
|
+
<i class="olicons-share"></i>
|
|
394
|
+
</div>
|
|
395
|
+
<div class="sample_name">
|
|
396
|
+
share
|
|
397
|
+
</div>
|
|
398
|
+
</div>
|
|
399
|
+
<div class="icon_sample">
|
|
400
|
+
<div class="sample_icon">
|
|
401
|
+
<i class="olicons-like"></i>
|
|
402
|
+
</div>
|
|
403
|
+
<div class="sample_name">
|
|
404
|
+
like
|
|
405
|
+
</div>
|
|
406
|
+
</div>
|
|
407
|
+
|
|
408
|
+
<div class="clearfix"></div>
|
|
409
|
+
|
|
410
|
+
|
|
411
|
+
</div>
|
|
412
|
+
</div>
|
|
413
|
+
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
<div class="paper_box" id="icn">
|
|
418
|
+
<div class="paper_head">
|
|
419
|
+
<h2>#2 <small>(18)</small></h2>
|
|
420
|
+
</div>
|
|
421
|
+
<div class="inner">
|
|
422
|
+
|
|
423
|
+
<div class="icon_sample">
|
|
424
|
+
<div class="sample_icon">
|
|
425
|
+
<i class="olicons-lock"></i>
|
|
426
|
+
</div>
|
|
427
|
+
<div class="sample_name">
|
|
428
|
+
lock
|
|
429
|
+
</div>
|
|
430
|
+
</div>
|
|
431
|
+
<div class="icon_sample">
|
|
432
|
+
<div class="sample_icon">
|
|
433
|
+
<i class="olicons-lock-open"></i>
|
|
434
|
+
</div>
|
|
435
|
+
<div class="sample_name">
|
|
436
|
+
lock-open
|
|
437
|
+
</div>
|
|
438
|
+
</div>
|
|
439
|
+
<div class="icon_sample">
|
|
440
|
+
<div class="sample_icon">
|
|
441
|
+
<i class="olicons-chevron-up"></i>
|
|
442
|
+
</div>
|
|
443
|
+
<div class="sample_name">
|
|
444
|
+
chevron-up
|
|
445
|
+
</div>
|
|
446
|
+
</div>
|
|
447
|
+
<div class="icon_sample">
|
|
448
|
+
<div class="sample_icon">
|
|
449
|
+
<i class="olicons-chevron-right"></i>
|
|
450
|
+
</div>
|
|
451
|
+
<div class="sample_name">
|
|
452
|
+
chevron-right
|
|
453
|
+
</div>
|
|
454
|
+
</div>
|
|
455
|
+
<div class="icon_sample">
|
|
456
|
+
<div class="sample_icon">
|
|
457
|
+
<i class="olicons-chevron-down"></i>
|
|
458
|
+
</div>
|
|
459
|
+
<div class="sample_name">
|
|
460
|
+
chevron-down
|
|
461
|
+
</div>
|
|
462
|
+
</div>
|
|
463
|
+
<div class="icon_sample">
|
|
464
|
+
<div class="sample_icon">
|
|
465
|
+
<i class="olicons-chevron-left"></i>
|
|
466
|
+
</div>
|
|
467
|
+
<div class="sample_name">
|
|
468
|
+
chevron-left
|
|
469
|
+
</div>
|
|
470
|
+
</div>
|
|
471
|
+
<div class="icon_sample">
|
|
472
|
+
<div class="sample_icon">
|
|
473
|
+
<i class="olicons-chevron-2-up"></i>
|
|
474
|
+
</div>
|
|
475
|
+
<div class="sample_name">
|
|
476
|
+
chevron-2-up
|
|
477
|
+
</div>
|
|
478
|
+
</div>
|
|
479
|
+
<div class="icon_sample">
|
|
480
|
+
<div class="sample_icon">
|
|
481
|
+
<i class="olicons-chevron-2-right"></i>
|
|
482
|
+
</div>
|
|
483
|
+
<div class="sample_name">
|
|
484
|
+
chevron-2-right
|
|
485
|
+
</div>
|
|
486
|
+
</div>
|
|
487
|
+
<div class="icon_sample">
|
|
488
|
+
<div class="sample_icon">
|
|
489
|
+
<i class="olicons-chevron-2-down"></i>
|
|
490
|
+
</div>
|
|
491
|
+
<div class="sample_name">
|
|
492
|
+
chevron-2-down
|
|
493
|
+
</div>
|
|
494
|
+
</div>
|
|
495
|
+
<div class="icon_sample">
|
|
496
|
+
<div class="sample_icon">
|
|
497
|
+
<i class="olicons-chevron-2-left"></i>
|
|
498
|
+
</div>
|
|
499
|
+
<div class="sample_name">
|
|
500
|
+
chevron-2-left
|
|
501
|
+
</div>
|
|
502
|
+
</div>
|
|
503
|
+
<div class="icon_sample">
|
|
504
|
+
<div class="sample_icon">
|
|
505
|
+
<i class="olicons-plus"></i>
|
|
506
|
+
</div>
|
|
507
|
+
<div class="sample_name">
|
|
508
|
+
plus
|
|
509
|
+
</div>
|
|
510
|
+
</div>
|
|
511
|
+
<div class="icon_sample">
|
|
512
|
+
<div class="sample_icon">
|
|
513
|
+
<i class="olicons-minus"></i>
|
|
514
|
+
</div>
|
|
515
|
+
<div class="sample_name">
|
|
516
|
+
minus
|
|
517
|
+
</div>
|
|
518
|
+
</div>
|
|
519
|
+
<div class="icon_sample">
|
|
520
|
+
<div class="sample_icon">
|
|
521
|
+
<i class="olicons-ok"></i>
|
|
522
|
+
</div>
|
|
523
|
+
<div class="sample_name">
|
|
524
|
+
ok
|
|
525
|
+
</div>
|
|
526
|
+
</div>
|
|
527
|
+
<div class="icon_sample">
|
|
528
|
+
<div class="sample_icon">
|
|
529
|
+
<i class="olicons-close"></i>
|
|
530
|
+
</div>
|
|
531
|
+
<div class="sample_name">
|
|
532
|
+
close
|
|
533
|
+
</div>
|
|
534
|
+
</div>
|
|
535
|
+
<div class="icon_sample">
|
|
536
|
+
<div class="sample_icon">
|
|
537
|
+
<i class="olicons-plus-sign"></i>
|
|
538
|
+
</div>
|
|
539
|
+
<div class="sample_name">
|
|
540
|
+
plus-sign
|
|
541
|
+
</div>
|
|
542
|
+
</div>
|
|
543
|
+
<div class="icon_sample">
|
|
544
|
+
<div class="sample_icon">
|
|
545
|
+
<i class="olicons-minus-sign"></i>
|
|
546
|
+
</div>
|
|
547
|
+
<div class="sample_name">
|
|
548
|
+
minus-sign
|
|
549
|
+
</div>
|
|
550
|
+
</div>
|
|
551
|
+
<div class="icon_sample">
|
|
552
|
+
<div class="sample_icon">
|
|
553
|
+
<i class="olicons-ok-sign"></i>
|
|
554
|
+
</div>
|
|
555
|
+
<div class="sample_name">
|
|
556
|
+
ok-sign
|
|
557
|
+
</div>
|
|
558
|
+
</div>
|
|
559
|
+
<div class="icon_sample">
|
|
560
|
+
<div class="sample_icon">
|
|
561
|
+
<i class="olicons-close-sign"></i>
|
|
562
|
+
</div>
|
|
563
|
+
<div class="sample_name">
|
|
564
|
+
close-sign
|
|
565
|
+
</div>
|
|
566
|
+
</div>
|
|
567
|
+
|
|
568
|
+
<div class="clearfix"></div>
|
|
569
|
+
|
|
570
|
+
|
|
571
|
+
</div>
|
|
572
|
+
</div>
|
|
573
|
+
|
|
574
|
+
|
|
575
|
+
|
|
576
|
+
|
|
577
|
+
<div class="paper_box" id="icn">
|
|
578
|
+
<div class="paper_head">
|
|
579
|
+
<h2>navigation <small>(2)</small></h2>
|
|
580
|
+
</div>
|
|
581
|
+
<div class="inner">
|
|
582
|
+
|
|
583
|
+
<div class="icon_sample">
|
|
584
|
+
<div class="sample_icon">
|
|
585
|
+
<i class="olicons-show-sb"></i>
|
|
586
|
+
</div>
|
|
587
|
+
<div class="sample_name">
|
|
588
|
+
show-sb
|
|
589
|
+
</div>
|
|
590
|
+
</div>
|
|
591
|
+
<div class="icon_sample">
|
|
592
|
+
<div class="sample_icon">
|
|
593
|
+
<i class="olicons-hide-sb"></i>
|
|
594
|
+
</div>
|
|
595
|
+
<div class="sample_name">
|
|
596
|
+
hide-sb
|
|
597
|
+
</div>
|
|
598
|
+
</div>
|
|
599
|
+
|
|
600
|
+
<div class="clearfix"></div>
|
|
601
|
+
|
|
602
|
+
|
|
603
|
+
</div>
|
|
604
|
+
</div>
|
|
605
|
+
|
|
606
|
+
|
|
607
|
+
|
|
608
|
+
|
|
609
|
+
<div class="paper_box" id="icn">
|
|
610
|
+
<div class="paper_head">
|
|
611
|
+
<h2>filterbar <small>(3)</small></h2>
|
|
612
|
+
</div>
|
|
613
|
+
<div class="inner">
|
|
614
|
+
|
|
615
|
+
<div class="icon_sample">
|
|
616
|
+
<div class="sample_icon">
|
|
617
|
+
<i class="olicons-filter"></i>
|
|
618
|
+
</div>
|
|
619
|
+
<div class="sample_name">
|
|
620
|
+
filter
|
|
621
|
+
</div>
|
|
622
|
+
</div>
|
|
623
|
+
<div class="icon_sample">
|
|
624
|
+
<div class="sample_icon">
|
|
625
|
+
<i class="olicons-preview"></i>
|
|
626
|
+
</div>
|
|
627
|
+
<div class="sample_name">
|
|
628
|
+
preview
|
|
629
|
+
</div>
|
|
630
|
+
</div>
|
|
631
|
+
<div class="icon_sample">
|
|
632
|
+
<div class="sample_icon">
|
|
633
|
+
<i class="olicons-hide-filter"></i>
|
|
634
|
+
</div>
|
|
635
|
+
<div class="sample_name">
|
|
636
|
+
hide-filter
|
|
637
|
+
</div>
|
|
638
|
+
</div>
|
|
639
|
+
|
|
640
|
+
<div class="clearfix"></div>
|
|
641
|
+
|
|
642
|
+
|
|
643
|
+
</div>
|
|
644
|
+
</div>
|
|
645
|
+
|
|
646
|
+
|
|
647
|
+
|
|
648
|
+
|
|
649
|
+
<div class="paper_box" id="icn">
|
|
650
|
+
<div class="paper_head">
|
|
651
|
+
<h2>forms <small>(6)</small></h2>
|
|
652
|
+
</div>
|
|
653
|
+
<div class="inner">
|
|
654
|
+
|
|
655
|
+
<div class="icon_sample">
|
|
656
|
+
<div class="sample_icon">
|
|
657
|
+
<i class="olicons-female"></i>
|
|
658
|
+
</div>
|
|
659
|
+
<div class="sample_name">
|
|
660
|
+
female
|
|
661
|
+
</div>
|
|
662
|
+
</div>
|
|
663
|
+
<div class="icon_sample">
|
|
664
|
+
<div class="sample_icon">
|
|
665
|
+
<i class="olicons-male"></i>
|
|
666
|
+
</div>
|
|
667
|
+
<div class="sample_name">
|
|
668
|
+
male
|
|
669
|
+
</div>
|
|
670
|
+
</div>
|
|
671
|
+
<div class="icon_sample">
|
|
672
|
+
<div class="sample_icon">
|
|
673
|
+
<i class="olicons-sex"></i>
|
|
674
|
+
</div>
|
|
675
|
+
<div class="sample_name">
|
|
676
|
+
sex
|
|
677
|
+
</div>
|
|
678
|
+
</div>
|
|
679
|
+
<div class="icon_sample">
|
|
680
|
+
<div class="sample_icon">
|
|
681
|
+
<i class="olicons-sort-down"></i>
|
|
682
|
+
</div>
|
|
683
|
+
<div class="sample_name">
|
|
684
|
+
sort-down
|
|
685
|
+
</div>
|
|
686
|
+
</div>
|
|
687
|
+
<div class="icon_sample">
|
|
688
|
+
<div class="sample_icon">
|
|
689
|
+
<i class="olicons-sort-up"></i>
|
|
690
|
+
</div>
|
|
691
|
+
<div class="sample_name">
|
|
692
|
+
sort-up
|
|
693
|
+
</div>
|
|
694
|
+
</div>
|
|
695
|
+
<div class="icon_sample">
|
|
696
|
+
<div class="sample_icon">
|
|
697
|
+
<i class="olicons-sort"></i>
|
|
698
|
+
</div>
|
|
699
|
+
<div class="sample_name">
|
|
700
|
+
sort
|
|
701
|
+
</div>
|
|
702
|
+
</div>
|
|
703
|
+
|
|
704
|
+
<div class="clearfix"></div>
|
|
705
|
+
|
|
706
|
+
|
|
707
|
+
</div>
|
|
708
|
+
</div>
|
|
709
|
+
|
|
710
|
+
|
|
711
|
+
|
|
712
|
+
|
|
713
|
+
<div class="paper_box" id="icn">
|
|
714
|
+
<div class="paper_head">
|
|
715
|
+
<h2>category <small>(2)</small></h2>
|
|
716
|
+
</div>
|
|
717
|
+
<div class="inner">
|
|
718
|
+
|
|
719
|
+
<div class="icon_sample">
|
|
720
|
+
<div class="sample_icon">
|
|
721
|
+
<i class="olicons-product"></i>
|
|
722
|
+
</div>
|
|
723
|
+
<div class="sample_name">
|
|
724
|
+
product
|
|
725
|
+
</div>
|
|
726
|
+
</div>
|
|
727
|
+
<div class="icon_sample">
|
|
728
|
+
<div class="sample_icon">
|
|
729
|
+
<i class="olicons-object"></i>
|
|
730
|
+
</div>
|
|
731
|
+
<div class="sample_name">
|
|
732
|
+
object
|
|
733
|
+
</div>
|
|
734
|
+
</div>
|
|
735
|
+
|
|
736
|
+
<div class="clearfix"></div>
|
|
737
|
+
|
|
738
|
+
|
|
739
|
+
</div>
|
|
740
|
+
</div>
|
|
741
|
+
|
|
742
|
+
|
|
743
|
+
|
|
744
|
+
|
|
745
|
+
<div class="paper_box" id="icn">
|
|
746
|
+
<div class="paper_head">
|
|
747
|
+
<h2>new <small>(2)</small></h2>
|
|
748
|
+
</div>
|
|
749
|
+
<div class="inner">
|
|
750
|
+
|
|
751
|
+
<div class="icon_sample">
|
|
752
|
+
<div class="sample_icon">
|
|
753
|
+
<i class="olicons-question-answer"></i>
|
|
754
|
+
</div>
|
|
755
|
+
<div class="sample_name">
|
|
756
|
+
question-answer
|
|
757
|
+
</div>
|
|
758
|
+
</div>
|
|
759
|
+
<div class="icon_sample">
|
|
760
|
+
<div class="sample_icon">
|
|
761
|
+
<i class="olicons-secure"></i>
|
|
762
|
+
</div>
|
|
763
|
+
<div class="sample_name">
|
|
764
|
+
secure
|
|
765
|
+
</div>
|
|
766
|
+
</div>
|
|
767
|
+
|
|
768
|
+
<div class="clearfix"></div>
|
|
769
|
+
|
|
770
|
+
|
|
771
|
+
</div>
|
|
772
|
+
</div>
|
|
773
|
+
|
|
774
|
+
|
|
775
|
+
|
|
776
|
+
|
|
777
|
+
<div class="paper_box" id="icn">
|
|
778
|
+
<div class="paper_head">
|
|
779
|
+
<h2>edit ressource <small>(3)</small></h2>
|
|
780
|
+
</div>
|
|
781
|
+
<div class="inner">
|
|
782
|
+
|
|
783
|
+
<div class="icon_sample">
|
|
784
|
+
<div class="sample_icon">
|
|
785
|
+
<i class="olicons-analytics"></i>
|
|
786
|
+
</div>
|
|
787
|
+
<div class="sample_name">
|
|
788
|
+
analytics
|
|
789
|
+
</div>
|
|
790
|
+
</div>
|
|
791
|
+
<div class="icon_sample">
|
|
792
|
+
<div class="sample_icon">
|
|
793
|
+
<i class="olicons-inquiry"></i>
|
|
794
|
+
</div>
|
|
795
|
+
<div class="sample_name">
|
|
796
|
+
inquiry
|
|
797
|
+
</div>
|
|
798
|
+
</div>
|
|
799
|
+
<div class="icon_sample">
|
|
800
|
+
<div class="sample_icon">
|
|
801
|
+
<i class="olicons-orders"></i>
|
|
802
|
+
</div>
|
|
803
|
+
<div class="sample_name">
|
|
804
|
+
orders
|
|
805
|
+
</div>
|
|
806
|
+
</div>
|
|
807
|
+
|
|
808
|
+
<div class="clearfix"></div>
|
|
809
|
+
|
|
810
|
+
|
|
811
|
+
</div>
|
|
812
|
+
</div>
|
|
813
|
+
|
|
814
|
+
|
|
815
|
+
|
|
816
|
+
|
|
817
|
+
<div class="paper_box" id="icn">
|
|
818
|
+
<div class="paper_head">
|
|
819
|
+
<h2>product-properties <small>(3)</small></h2>
|
|
820
|
+
</div>
|
|
821
|
+
<div class="inner">
|
|
822
|
+
|
|
823
|
+
<div class="icon_sample">
|
|
824
|
+
<div class="sample_icon">
|
|
825
|
+
<i class="olicons-environmentally-friendly"></i>
|
|
826
|
+
</div>
|
|
827
|
+
<div class="sample_name">
|
|
828
|
+
environmentally-friendly
|
|
829
|
+
</div>
|
|
830
|
+
</div>
|
|
831
|
+
<div class="icon_sample">
|
|
832
|
+
<div class="sample_icon">
|
|
833
|
+
<i class="olicons-waterproof"></i>
|
|
834
|
+
</div>
|
|
835
|
+
<div class="sample_name">
|
|
836
|
+
waterproof
|
|
837
|
+
</div>
|
|
838
|
+
</div>
|
|
839
|
+
<div class="icon_sample">
|
|
840
|
+
<div class="sample_icon">
|
|
841
|
+
<i class="olicons-delivery"></i>
|
|
842
|
+
</div>
|
|
843
|
+
<div class="sample_name">
|
|
844
|
+
delivery
|
|
845
|
+
</div>
|
|
846
|
+
</div>
|
|
847
|
+
|
|
848
|
+
<div class="clearfix"></div>
|
|
849
|
+
|
|
850
|
+
|
|
851
|
+
</div>
|
|
852
|
+
</div>
|
|
853
|
+
|
|
854
|
+
|
|
855
|
+
|
|
856
|
+
|
|
857
|
+
<div class="paper_box" id="icn">
|
|
858
|
+
<div class="paper_head">
|
|
859
|
+
<h2>object-properties <small>(11)</small></h2>
|
|
860
|
+
</div>
|
|
861
|
+
<div class="inner">
|
|
862
|
+
|
|
863
|
+
<div class="icon_sample">
|
|
864
|
+
<div class="sample_icon">
|
|
865
|
+
<i class="olicons-bright"></i>
|
|
866
|
+
</div>
|
|
867
|
+
<div class="sample_name">
|
|
868
|
+
bright
|
|
869
|
+
</div>
|
|
870
|
+
</div>
|
|
871
|
+
<div class="icon_sample">
|
|
872
|
+
<div class="sample_icon">
|
|
873
|
+
<i class="olicons-dark"></i>
|
|
874
|
+
</div>
|
|
875
|
+
<div class="sample_name">
|
|
876
|
+
dark
|
|
877
|
+
</div>
|
|
878
|
+
</div>
|
|
879
|
+
<div class="icon_sample">
|
|
880
|
+
<div class="sample_icon">
|
|
881
|
+
<i class="olicons-indoor"></i>
|
|
882
|
+
</div>
|
|
883
|
+
<div class="sample_name">
|
|
884
|
+
indoor
|
|
885
|
+
</div>
|
|
886
|
+
</div>
|
|
887
|
+
<div class="icon_sample">
|
|
888
|
+
<div class="sample_icon">
|
|
889
|
+
<i class="olicons-outdoor"></i>
|
|
890
|
+
</div>
|
|
891
|
+
<div class="sample_name">
|
|
892
|
+
outdoor
|
|
893
|
+
</div>
|
|
894
|
+
</div>
|
|
895
|
+
<div class="icon_sample">
|
|
896
|
+
<div class="sample_icon">
|
|
897
|
+
<i class="olicons-accessible"></i>
|
|
898
|
+
</div>
|
|
899
|
+
<div class="sample_name">
|
|
900
|
+
accessible
|
|
901
|
+
</div>
|
|
902
|
+
</div>
|
|
903
|
+
<div class="icon_sample">
|
|
904
|
+
<div class="sample_icon">
|
|
905
|
+
<i class="olicons-smoker"></i>
|
|
906
|
+
</div>
|
|
907
|
+
<div class="sample_name">
|
|
908
|
+
smoker
|
|
909
|
+
</div>
|
|
910
|
+
</div>
|
|
911
|
+
<div class="icon_sample">
|
|
912
|
+
<div class="sample_icon">
|
|
913
|
+
<i class="olicons-non-smoker"></i>
|
|
914
|
+
</div>
|
|
915
|
+
<div class="sample_name">
|
|
916
|
+
non-smoker
|
|
917
|
+
</div>
|
|
918
|
+
</div>
|
|
919
|
+
<div class="icon_sample">
|
|
920
|
+
<div class="sample_icon">
|
|
921
|
+
<i class="olicons-parking"></i>
|
|
922
|
+
</div>
|
|
923
|
+
<div class="sample_name">
|
|
924
|
+
parking
|
|
925
|
+
</div>
|
|
926
|
+
</div>
|
|
927
|
+
<div class="icon_sample">
|
|
928
|
+
<div class="sample_icon">
|
|
929
|
+
<i class="olicons-parking-meter"></i>
|
|
930
|
+
</div>
|
|
931
|
+
<div class="sample_name">
|
|
932
|
+
parking-meter
|
|
933
|
+
</div>
|
|
934
|
+
</div>
|
|
935
|
+
<div class="icon_sample">
|
|
936
|
+
<div class="sample_icon">
|
|
937
|
+
<i class="olicons-elevator"></i>
|
|
938
|
+
</div>
|
|
939
|
+
<div class="sample_name">
|
|
940
|
+
elevator
|
|
941
|
+
</div>
|
|
942
|
+
</div>
|
|
943
|
+
<div class="icon_sample">
|
|
944
|
+
<div class="sample_icon">
|
|
945
|
+
<i class="olicons-max-people"></i>
|
|
946
|
+
</div>
|
|
947
|
+
<div class="sample_name">
|
|
948
|
+
max-people
|
|
949
|
+
</div>
|
|
950
|
+
</div>
|
|
951
|
+
|
|
952
|
+
<div class="clearfix"></div>
|
|
953
|
+
|
|
954
|
+
|
|
955
|
+
</div>
|
|
956
|
+
</div>
|
|
957
|
+
|
|
958
|
+
|
|
959
|
+
|
|
960
|
+
|
|
961
|
+
<div class="paper_box" id="icn">
|
|
962
|
+
<div class="paper_head">
|
|
963
|
+
<h2>features <small>(16)</small></h2>
|
|
964
|
+
</div>
|
|
965
|
+
<div class="inner">
|
|
966
|
+
|
|
967
|
+
<div class="icon_sample">
|
|
968
|
+
<div class="sample_icon">
|
|
969
|
+
<i class="olicons-wlan"></i>
|
|
970
|
+
</div>
|
|
971
|
+
<div class="sample_name">
|
|
972
|
+
wlan
|
|
973
|
+
</div>
|
|
974
|
+
</div>
|
|
975
|
+
<div class="icon_sample">
|
|
976
|
+
<div class="sample_icon">
|
|
977
|
+
<i class="olicons-beamer"></i>
|
|
978
|
+
</div>
|
|
979
|
+
<div class="sample_name">
|
|
980
|
+
beamer
|
|
981
|
+
</div>
|
|
982
|
+
</div>
|
|
983
|
+
<div class="icon_sample">
|
|
984
|
+
<div class="sample_icon">
|
|
985
|
+
<i class="olicons-microphone"></i>
|
|
986
|
+
</div>
|
|
987
|
+
<div class="sample_name">
|
|
988
|
+
microphone
|
|
989
|
+
</div>
|
|
990
|
+
</div>
|
|
991
|
+
<div class="icon_sample">
|
|
992
|
+
<div class="sample_icon">
|
|
993
|
+
<i class="olicons-sockets"></i>
|
|
994
|
+
</div>
|
|
995
|
+
<div class="sample_name">
|
|
996
|
+
sockets
|
|
997
|
+
</div>
|
|
998
|
+
</div>
|
|
999
|
+
<div class="icon_sample">
|
|
1000
|
+
<div class="sample_icon">
|
|
1001
|
+
<i class="olicons-internet"></i>
|
|
1002
|
+
</div>
|
|
1003
|
+
<div class="sample_name">
|
|
1004
|
+
internet
|
|
1005
|
+
</div>
|
|
1006
|
+
</div>
|
|
1007
|
+
<div class="icon_sample">
|
|
1008
|
+
<div class="sample_icon">
|
|
1009
|
+
<i class="olicons-electricity"></i>
|
|
1010
|
+
</div>
|
|
1011
|
+
<div class="sample_name">
|
|
1012
|
+
electricity
|
|
1013
|
+
</div>
|
|
1014
|
+
</div>
|
|
1015
|
+
<div class="icon_sample">
|
|
1016
|
+
<div class="sample_icon">
|
|
1017
|
+
<i class="olicons-coffee"></i>
|
|
1018
|
+
</div>
|
|
1019
|
+
<div class="sample_name">
|
|
1020
|
+
coffee
|
|
1021
|
+
</div>
|
|
1022
|
+
</div>
|
|
1023
|
+
<div class="icon_sample">
|
|
1024
|
+
<div class="sample_icon">
|
|
1025
|
+
<i class="olicons-water"></i>
|
|
1026
|
+
</div>
|
|
1027
|
+
<div class="sample_name">
|
|
1028
|
+
water
|
|
1029
|
+
</div>
|
|
1030
|
+
</div>
|
|
1031
|
+
<div class="icon_sample">
|
|
1032
|
+
<div class="sample_icon">
|
|
1033
|
+
<i class="olicons-pizza"></i>
|
|
1034
|
+
</div>
|
|
1035
|
+
<div class="sample_name">
|
|
1036
|
+
pizza
|
|
1037
|
+
</div>
|
|
1038
|
+
</div>
|
|
1039
|
+
<div class="icon_sample">
|
|
1040
|
+
<div class="sample_icon">
|
|
1041
|
+
<i class="olicons-burger"></i>
|
|
1042
|
+
</div>
|
|
1043
|
+
<div class="sample_name">
|
|
1044
|
+
burger
|
|
1045
|
+
</div>
|
|
1046
|
+
</div>
|
|
1047
|
+
<div class="icon_sample">
|
|
1048
|
+
<div class="sample_icon">
|
|
1049
|
+
<i class="olicons-drinks"></i>
|
|
1050
|
+
</div>
|
|
1051
|
+
<div class="sample_name">
|
|
1052
|
+
drinks
|
|
1053
|
+
</div>
|
|
1054
|
+
</div>
|
|
1055
|
+
<div class="icon_sample">
|
|
1056
|
+
<div class="sample_icon">
|
|
1057
|
+
<i class="olicons-fast-food"></i>
|
|
1058
|
+
</div>
|
|
1059
|
+
<div class="sample_name">
|
|
1060
|
+
fast-food
|
|
1061
|
+
</div>
|
|
1062
|
+
</div>
|
|
1063
|
+
<div class="icon_sample">
|
|
1064
|
+
<div class="sample_icon">
|
|
1065
|
+
<i class="olicons-waiter"></i>
|
|
1066
|
+
</div>
|
|
1067
|
+
<div class="sample_name">
|
|
1068
|
+
waiter
|
|
1069
|
+
</div>
|
|
1070
|
+
</div>
|
|
1071
|
+
<div class="icon_sample">
|
|
1072
|
+
<div class="sample_icon">
|
|
1073
|
+
<i class="olicons-wine"></i>
|
|
1074
|
+
</div>
|
|
1075
|
+
<div class="sample_name">
|
|
1076
|
+
wine
|
|
1077
|
+
</div>
|
|
1078
|
+
</div>
|
|
1079
|
+
<div class="icon_sample">
|
|
1080
|
+
<div class="sample_icon">
|
|
1081
|
+
<i class="olicons-dishes"></i>
|
|
1082
|
+
</div>
|
|
1083
|
+
<div class="sample_name">
|
|
1084
|
+
dishes
|
|
1085
|
+
</div>
|
|
1086
|
+
</div>
|
|
1087
|
+
<div class="icon_sample">
|
|
1088
|
+
<div class="sample_icon">
|
|
1089
|
+
<i class="olicons-stove"></i>
|
|
1090
|
+
</div>
|
|
1091
|
+
<div class="sample_name">
|
|
1092
|
+
stove
|
|
1093
|
+
</div>
|
|
1094
|
+
</div>
|
|
1095
|
+
|
|
1096
|
+
<div class="clearfix"></div>
|
|
1097
|
+
|
|
1098
|
+
|
|
1099
|
+
</div>
|
|
1100
|
+
</div>
|
|
1101
|
+
|
|
1102
|
+
|
|
1103
|
+
|
|
1104
|
+
|
|
1105
|
+
<div class="paper_box" id="icn">
|
|
1106
|
+
<div class="paper_head">
|
|
1107
|
+
<h2>layouts <small>(6)</small></h2>
|
|
1108
|
+
</div>
|
|
1109
|
+
<div class="inner">
|
|
1110
|
+
|
|
1111
|
+
<div class="icon_sample">
|
|
1112
|
+
<div class="sample_icon">
|
|
1113
|
+
<i class="olicons-conference"></i>
|
|
1114
|
+
</div>
|
|
1115
|
+
<div class="sample_name">
|
|
1116
|
+
conference
|
|
1117
|
+
</div>
|
|
1118
|
+
</div>
|
|
1119
|
+
<div class="icon_sample">
|
|
1120
|
+
<div class="sample_icon">
|
|
1121
|
+
<i class="olicons-classroom"></i>
|
|
1122
|
+
</div>
|
|
1123
|
+
<div class="sample_name">
|
|
1124
|
+
classroom
|
|
1125
|
+
</div>
|
|
1126
|
+
</div>
|
|
1127
|
+
<div class="icon_sample">
|
|
1128
|
+
<div class="sample_icon">
|
|
1129
|
+
<i class="olicons-banquet"></i>
|
|
1130
|
+
</div>
|
|
1131
|
+
<div class="sample_name">
|
|
1132
|
+
banquet
|
|
1133
|
+
</div>
|
|
1134
|
+
</div>
|
|
1135
|
+
<div class="icon_sample">
|
|
1136
|
+
<div class="sample_icon">
|
|
1137
|
+
<i class="olicons-theatre"></i>
|
|
1138
|
+
</div>
|
|
1139
|
+
<div class="sample_name">
|
|
1140
|
+
theatre
|
|
1141
|
+
</div>
|
|
1142
|
+
</div>
|
|
1143
|
+
<div class="icon_sample">
|
|
1144
|
+
<div class="sample_icon">
|
|
1145
|
+
<i class="olicons-u-shape"></i>
|
|
1146
|
+
</div>
|
|
1147
|
+
<div class="sample_name">
|
|
1148
|
+
u-shape
|
|
1149
|
+
</div>
|
|
1150
|
+
</div>
|
|
1151
|
+
<div class="icon_sample">
|
|
1152
|
+
<div class="sample_icon">
|
|
1153
|
+
<i class="olicons-workspace"></i>
|
|
1154
|
+
</div>
|
|
1155
|
+
<div class="sample_name">
|
|
1156
|
+
workspace
|
|
1157
|
+
</div>
|
|
1158
|
+
</div>
|
|
1159
|
+
|
|
1160
|
+
<div class="clearfix"></div>
|
|
1161
|
+
|
|
1162
|
+
|
|
1163
|
+
</div>
|
|
1164
|
+
</div>
|
|
1165
|
+
|
|
1166
|
+
|
|
1167
|
+
|
|
1168
|
+
|
|
1169
|
+
<div class="paper_box" id="icn">
|
|
1170
|
+
<div class="paper_head">
|
|
1171
|
+
<h2>account <small>(6)</small></h2>
|
|
1172
|
+
</div>
|
|
1173
|
+
<div class="inner">
|
|
1174
|
+
|
|
1175
|
+
<div class="icon_sample">
|
|
1176
|
+
<div class="sample_icon">
|
|
1177
|
+
<i class="olicons-men"></i>
|
|
1178
|
+
</div>
|
|
1179
|
+
<div class="sample_name">
|
|
1180
|
+
men
|
|
1181
|
+
</div>
|
|
1182
|
+
</div>
|
|
1183
|
+
<div class="icon_sample">
|
|
1184
|
+
<div class="sample_icon">
|
|
1185
|
+
<i class="olicons-woman"></i>
|
|
1186
|
+
</div>
|
|
1187
|
+
<div class="sample_name">
|
|
1188
|
+
woman
|
|
1189
|
+
</div>
|
|
1190
|
+
</div>
|
|
1191
|
+
<div class="icon_sample">
|
|
1192
|
+
<div class="sample_icon">
|
|
1193
|
+
<i class="olicons-company"></i>
|
|
1194
|
+
</div>
|
|
1195
|
+
<div class="sample_name">
|
|
1196
|
+
company
|
|
1197
|
+
</div>
|
|
1198
|
+
</div>
|
|
1199
|
+
<div class="icon_sample">
|
|
1200
|
+
<div class="sample_icon">
|
|
1201
|
+
<i class="olicons-store"></i>
|
|
1202
|
+
</div>
|
|
1203
|
+
<div class="sample_name">
|
|
1204
|
+
store
|
|
1205
|
+
</div>
|
|
1206
|
+
</div>
|
|
1207
|
+
<div class="icon_sample">
|
|
1208
|
+
<div class="sample_icon">
|
|
1209
|
+
<i class="olicons-bar"></i>
|
|
1210
|
+
</div>
|
|
1211
|
+
<div class="sample_name">
|
|
1212
|
+
bar
|
|
1213
|
+
</div>
|
|
1214
|
+
</div>
|
|
1215
|
+
<div class="icon_sample">
|
|
1216
|
+
<div class="sample_icon">
|
|
1217
|
+
<i class="olicons-restaurant"></i>
|
|
1218
|
+
</div>
|
|
1219
|
+
<div class="sample_name">
|
|
1220
|
+
restaurant
|
|
1221
|
+
</div>
|
|
1222
|
+
</div>
|
|
1223
|
+
|
|
1224
|
+
<div class="clearfix"></div>
|
|
1225
|
+
|
|
1226
|
+
|
|
1227
|
+
</div>
|
|
1228
|
+
</div>
|
|
1229
|
+
|
|
1230
|
+
|
|
1231
|
+
|
|
1232
|
+
|
|
1233
|
+
<div class="paper_box" id="icn">
|
|
1234
|
+
<div class="paper_head">
|
|
1235
|
+
<h2>user <small>(7)</small></h2>
|
|
1236
|
+
</div>
|
|
1237
|
+
<div class="inner">
|
|
1238
|
+
|
|
1239
|
+
<div class="icon_sample">
|
|
1240
|
+
<div class="sample_icon">
|
|
1241
|
+
<i class="olicons-men-investor"></i>
|
|
1242
|
+
</div>
|
|
1243
|
+
<div class="sample_name">
|
|
1244
|
+
men-investor
|
|
1245
|
+
</div>
|
|
1246
|
+
</div>
|
|
1247
|
+
<div class="icon_sample">
|
|
1248
|
+
<div class="sample_icon">
|
|
1249
|
+
<i class="olicons-men-work"></i>
|
|
1250
|
+
</div>
|
|
1251
|
+
<div class="sample_name">
|
|
1252
|
+
men-work
|
|
1253
|
+
</div>
|
|
1254
|
+
</div>
|
|
1255
|
+
<div class="icon_sample">
|
|
1256
|
+
<div class="sample_icon">
|
|
1257
|
+
<i class="olicons-men-business"></i>
|
|
1258
|
+
</div>
|
|
1259
|
+
<div class="sample_name">
|
|
1260
|
+
men-business
|
|
1261
|
+
</div>
|
|
1262
|
+
</div>
|
|
1263
|
+
<div class="icon_sample">
|
|
1264
|
+
<div class="sample_icon">
|
|
1265
|
+
<i class="olicons-men-normal"></i>
|
|
1266
|
+
</div>
|
|
1267
|
+
<div class="sample_name">
|
|
1268
|
+
men-normal
|
|
1269
|
+
</div>
|
|
1270
|
+
</div>
|
|
1271
|
+
<div class="icon_sample">
|
|
1272
|
+
<div class="sample_icon">
|
|
1273
|
+
<i class="olicons-men-business2"></i>
|
|
1274
|
+
</div>
|
|
1275
|
+
<div class="sample_name">
|
|
1276
|
+
men-business2
|
|
1277
|
+
</div>
|
|
1278
|
+
</div>
|
|
1279
|
+
<div class="icon_sample">
|
|
1280
|
+
<div class="sample_icon">
|
|
1281
|
+
<i class="olicons-men-dev"></i>
|
|
1282
|
+
</div>
|
|
1283
|
+
<div class="sample_name">
|
|
1284
|
+
men-dev
|
|
1285
|
+
</div>
|
|
1286
|
+
</div>
|
|
1287
|
+
<div class="icon_sample">
|
|
1288
|
+
<div class="sample_icon">
|
|
1289
|
+
<i class="olicons-men-html"></i>
|
|
1290
|
+
</div>
|
|
1291
|
+
<div class="sample_name">
|
|
1292
|
+
men-html
|
|
1293
|
+
</div>
|
|
1294
|
+
</div>
|
|
1295
|
+
|
|
1296
|
+
<div class="clearfix"></div>
|
|
1297
|
+
|
|
1298
|
+
|
|
1299
|
+
</div>
|
|
1300
|
+
</div>
|
|
1301
|
+
|
|
1302
|
+
|
|
1303
|
+
|
|
1304
|
+
|
|
1305
|
+
<div class="paper_box" id="icn">
|
|
1306
|
+
<div class="paper_head">
|
|
1307
|
+
<h2>+ ... <small>(4)</small></h2>
|
|
1308
|
+
</div>
|
|
1309
|
+
<div class="inner">
|
|
1310
|
+
|
|
1311
|
+
<div class="icon_sample">
|
|
1312
|
+
<div class="sample_icon">
|
|
1313
|
+
<i class="olicons-plus-contact"></i>
|
|
1314
|
+
</div>
|
|
1315
|
+
<div class="sample_name">
|
|
1316
|
+
plus-contact
|
|
1317
|
+
</div>
|
|
1318
|
+
</div>
|
|
1319
|
+
<div class="icon_sample">
|
|
1320
|
+
<div class="sample_icon">
|
|
1321
|
+
<i class="olicons-plus-picture"></i>
|
|
1322
|
+
</div>
|
|
1323
|
+
<div class="sample_name">
|
|
1324
|
+
plus-picture
|
|
1325
|
+
</div>
|
|
1326
|
+
</div>
|
|
1327
|
+
<div class="icon_sample">
|
|
1328
|
+
<div class="sample_icon">
|
|
1329
|
+
<i class="olicons-plus-company"></i>
|
|
1330
|
+
</div>
|
|
1331
|
+
<div class="sample_name">
|
|
1332
|
+
plus-company
|
|
1333
|
+
</div>
|
|
1334
|
+
</div>
|
|
1335
|
+
<div class="icon_sample">
|
|
1336
|
+
<div class="sample_icon">
|
|
1337
|
+
<i class="olicons-plus-company-contact"></i>
|
|
1338
|
+
</div>
|
|
1339
|
+
<div class="sample_name">
|
|
1340
|
+
plus-company-contact
|
|
1341
|
+
</div>
|
|
1342
|
+
</div>
|
|
1343
|
+
|
|
1344
|
+
<div class="clearfix"></div>
|
|
1345
|
+
|
|
1346
|
+
|
|
1347
|
+
</div>
|
|
1348
|
+
</div>
|
|
1349
|
+
|
|
1350
|
+
|
|
1351
|
+
|
|
1352
|
+
|
|
1353
|
+
<div class="paper_box" id="icn">
|
|
1354
|
+
<div class="paper_head">
|
|
1355
|
+
<h2>skills <small>(2)</small></h2>
|
|
1356
|
+
</div>
|
|
1357
|
+
<div class="inner">
|
|
1358
|
+
|
|
1359
|
+
<div class="icon_sample">
|
|
1360
|
+
<div class="sample_icon">
|
|
1361
|
+
<i class="olicons-ruby"></i>
|
|
1362
|
+
</div>
|
|
1363
|
+
<div class="sample_name">
|
|
1364
|
+
ruby
|
|
1365
|
+
</div>
|
|
1366
|
+
</div>
|
|
1367
|
+
<div class="icon_sample">
|
|
1368
|
+
<div class="sample_icon">
|
|
1369
|
+
<i class="olicons-html5"></i>
|
|
1370
|
+
</div>
|
|
1371
|
+
<div class="sample_name">
|
|
1372
|
+
html5
|
|
1373
|
+
</div>
|
|
1374
|
+
</div>
|
|
1375
|
+
|
|
1376
|
+
<div class="clearfix"></div>
|
|
1377
|
+
|
|
1378
|
+
|
|
1379
|
+
</div>
|
|
1380
|
+
</div>
|
|
1381
|
+
|
|
1382
|
+
|
|
1383
|
+
|
|
1384
|
+
|
|
1385
|
+
<div class="paper_box" id="icn">
|
|
1386
|
+
<div class="paper_head">
|
|
1387
|
+
<h2>social media <small>(12)</small></h2>
|
|
1388
|
+
</div>
|
|
1389
|
+
<div class="inner">
|
|
1390
|
+
|
|
1391
|
+
<div class="icon_sample">
|
|
1392
|
+
<div class="sample_icon">
|
|
1393
|
+
<i class="olicons-facebook"></i>
|
|
1394
|
+
</div>
|
|
1395
|
+
<div class="sample_name">
|
|
1396
|
+
facebook
|
|
1397
|
+
</div>
|
|
1398
|
+
</div>
|
|
1399
|
+
<div class="icon_sample">
|
|
1400
|
+
<div class="sample_icon">
|
|
1401
|
+
<i class="olicons-facebook-block"></i>
|
|
1402
|
+
</div>
|
|
1403
|
+
<div class="sample_name">
|
|
1404
|
+
facebook-block
|
|
1405
|
+
</div>
|
|
1406
|
+
</div>
|
|
1407
|
+
<div class="icon_sample">
|
|
1408
|
+
<div class="sample_icon">
|
|
1409
|
+
<i class="olicons-google"></i>
|
|
1410
|
+
</div>
|
|
1411
|
+
<div class="sample_name">
|
|
1412
|
+
google
|
|
1413
|
+
</div>
|
|
1414
|
+
</div>
|
|
1415
|
+
<div class="icon_sample">
|
|
1416
|
+
<div class="sample_icon">
|
|
1417
|
+
<i class="olicons-google-block"></i>
|
|
1418
|
+
</div>
|
|
1419
|
+
<div class="sample_name">
|
|
1420
|
+
google-block
|
|
1421
|
+
</div>
|
|
1422
|
+
</div>
|
|
1423
|
+
<div class="icon_sample">
|
|
1424
|
+
<div class="sample_icon">
|
|
1425
|
+
<i class="olicons-google-cut"></i>
|
|
1426
|
+
</div>
|
|
1427
|
+
<div class="sample_name">
|
|
1428
|
+
google-cut
|
|
1429
|
+
</div>
|
|
1430
|
+
</div>
|
|
1431
|
+
<div class="icon_sample">
|
|
1432
|
+
<div class="sample_icon">
|
|
1433
|
+
<i class="olicons-google-cut-block"></i>
|
|
1434
|
+
</div>
|
|
1435
|
+
<div class="sample_name">
|
|
1436
|
+
google-cut-block
|
|
1437
|
+
</div>
|
|
1438
|
+
</div>
|
|
1439
|
+
<div class="icon_sample">
|
|
1440
|
+
<div class="sample_icon">
|
|
1441
|
+
<i class="olicons-twitter"></i>
|
|
1442
|
+
</div>
|
|
1443
|
+
<div class="sample_name">
|
|
1444
|
+
twitter
|
|
1445
|
+
</div>
|
|
1446
|
+
</div>
|
|
1447
|
+
<div class="icon_sample">
|
|
1448
|
+
<div class="sample_icon">
|
|
1449
|
+
<i class="olicons-twitter-block"></i>
|
|
1450
|
+
</div>
|
|
1451
|
+
<div class="sample_name">
|
|
1452
|
+
twitter-block
|
|
1453
|
+
</div>
|
|
1454
|
+
</div>
|
|
1455
|
+
<div class="icon_sample">
|
|
1456
|
+
<div class="sample_icon">
|
|
1457
|
+
<i class="olicons-linkedin"></i>
|
|
1458
|
+
</div>
|
|
1459
|
+
<div class="sample_name">
|
|
1460
|
+
linkedin
|
|
1461
|
+
</div>
|
|
1462
|
+
</div>
|
|
1463
|
+
<div class="icon_sample">
|
|
1464
|
+
<div class="sample_icon">
|
|
1465
|
+
<i class="olicons-linkedin-block"></i>
|
|
1466
|
+
</div>
|
|
1467
|
+
<div class="sample_name">
|
|
1468
|
+
linkedin-block
|
|
1469
|
+
</div>
|
|
1470
|
+
</div>
|
|
1471
|
+
<div class="icon_sample">
|
|
1472
|
+
<div class="sample_icon">
|
|
1473
|
+
<i class="olicons-xing"></i>
|
|
1474
|
+
</div>
|
|
1475
|
+
<div class="sample_name">
|
|
1476
|
+
xing
|
|
1477
|
+
</div>
|
|
1478
|
+
</div>
|
|
1479
|
+
<div class="icon_sample">
|
|
1480
|
+
<div class="sample_icon">
|
|
1481
|
+
<i class="olicons-xing-block"></i>
|
|
1482
|
+
</div>
|
|
1483
|
+
<div class="sample_name">
|
|
1484
|
+
xing-block
|
|
1485
|
+
</div>
|
|
1486
|
+
</div>
|
|
1487
|
+
|
|
1488
|
+
<div class="clearfix"></div>
|
|
1489
|
+
|
|
1490
|
+
|
|
1491
|
+
</div>
|
|
1492
|
+
</div>
|
|
1493
|
+
|
|
1494
|
+
|
|
1495
|
+
|
|
1496
|
+
|
|
1497
|
+
<div class="paper_box" id="icn">
|
|
1498
|
+
<div class="paper_head">
|
|
1499
|
+
<h2>other <small>(4)</small></h2>
|
|
1500
|
+
</div>
|
|
1501
|
+
<div class="inner">
|
|
1502
|
+
|
|
1503
|
+
<div class="icon_sample">
|
|
1504
|
+
<div class="sample_icon">
|
|
1505
|
+
<i class="olicons-qr-code"></i>
|
|
1506
|
+
</div>
|
|
1507
|
+
<div class="sample_name">
|
|
1508
|
+
qr-code
|
|
1509
|
+
</div>
|
|
1510
|
+
</div>
|
|
1511
|
+
<div class="icon_sample">
|
|
1512
|
+
<div class="sample_icon">
|
|
1513
|
+
<i class="olicons-barcode"></i>
|
|
1514
|
+
</div>
|
|
1515
|
+
<div class="sample_name">
|
|
1516
|
+
barcode
|
|
1517
|
+
</div>
|
|
1518
|
+
</div>
|
|
1519
|
+
<div class="icon_sample">
|
|
1520
|
+
<div class="sample_icon">
|
|
1521
|
+
<i class="olicons-cash"></i>
|
|
1522
|
+
</div>
|
|
1523
|
+
<div class="sample_name">
|
|
1524
|
+
cash
|
|
1525
|
+
</div>
|
|
1526
|
+
</div>
|
|
1527
|
+
<div class="icon_sample">
|
|
1528
|
+
<div class="sample_icon">
|
|
1529
|
+
<i class="olicons-gift"></i>
|
|
1530
|
+
</div>
|
|
1531
|
+
<div class="sample_name">
|
|
1532
|
+
gift
|
|
1533
|
+
</div>
|
|
1534
|
+
</div>
|
|
1535
|
+
|
|
1536
|
+
<div class="clearfix"></div>
|
|
1537
|
+
|
|
1538
|
+
|
|
1539
|
+
</div>
|
|
1540
|
+
</div>
|
|
1541
|
+
|
|
1542
|
+
|
|
1543
|
+
|
|
1544
|
+
|
|
1545
|
+
|
|
1546
|
+
|
|
1547
|
+
<div class="paper_box" id="icn">
|
|
1548
|
+
<div class="paper_head">
|
|
1549
|
+
<h2>New <small>(27)</small></h2>
|
|
1550
|
+
</div>
|
|
1551
|
+
<div class="inner">
|
|
1552
|
+
|
|
1553
|
+
<div class="icon_sample">
|
|
1554
|
+
<div class="sample_icon">
|
|
1555
|
+
<i class="olicons-auge"></i>
|
|
1556
|
+
</div>
|
|
1557
|
+
<div class="sample_name">
|
|
1558
|
+
auge
|
|
1559
|
+
</div>
|
|
1560
|
+
</div>
|
|
1561
|
+
<div class="icon_sample">
|
|
1562
|
+
<div class="sample_icon">
|
|
1563
|
+
<i class="olicons-inventar"></i>
|
|
1564
|
+
</div>
|
|
1565
|
+
<div class="sample_name">
|
|
1566
|
+
inventar
|
|
1567
|
+
</div>
|
|
1568
|
+
</div>
|
|
1569
|
+
<div class="icon_sample">
|
|
1570
|
+
<div class="sample_icon">
|
|
1571
|
+
<i class="olicons-analytics-alt"></i>
|
|
1572
|
+
</div>
|
|
1573
|
+
<div class="sample_name">
|
|
1574
|
+
analytics-alt
|
|
1575
|
+
</div>
|
|
1576
|
+
</div>
|
|
1577
|
+
<div class="icon_sample">
|
|
1578
|
+
<div class="sample_icon">
|
|
1579
|
+
<i class="olicons-settings-alt"></i>
|
|
1580
|
+
</div>
|
|
1581
|
+
<div class="sample_name">
|
|
1582
|
+
settings-alt
|
|
1583
|
+
</div>
|
|
1584
|
+
</div>
|
|
1585
|
+
<div class="icon_sample">
|
|
1586
|
+
<div class="sample_icon">
|
|
1587
|
+
<i class="olicons-slidebar"></i>
|
|
1588
|
+
</div>
|
|
1589
|
+
<div class="sample_name">
|
|
1590
|
+
slidebar
|
|
1591
|
+
</div>
|
|
1592
|
+
</div>
|
|
1593
|
+
<div class="icon_sample">
|
|
1594
|
+
<div class="sample_icon">
|
|
1595
|
+
<i class="olicons-info-circle"></i>
|
|
1596
|
+
</div>
|
|
1597
|
+
<div class="sample_name">
|
|
1598
|
+
info-circle
|
|
1599
|
+
</div>
|
|
1600
|
+
</div>
|
|
1601
|
+
<div class="icon_sample">
|
|
1602
|
+
<div class="sample_icon">
|
|
1603
|
+
<i class="olicons-product-circle"></i>
|
|
1604
|
+
</div>
|
|
1605
|
+
<div class="sample_name">
|
|
1606
|
+
product-circle
|
|
1607
|
+
</div>
|
|
1608
|
+
</div>
|
|
1609
|
+
<div class="icon_sample">
|
|
1610
|
+
<div class="sample_icon">
|
|
1611
|
+
<i class="olicons-pos-circle"></i>
|
|
1612
|
+
</div>
|
|
1613
|
+
<div class="sample_name">
|
|
1614
|
+
pos-circle
|
|
1615
|
+
</div>
|
|
1616
|
+
</div>
|
|
1617
|
+
<div class="icon_sample">
|
|
1618
|
+
<div class="sample_icon">
|
|
1619
|
+
<i class="olicons-user"></i>
|
|
1620
|
+
</div>
|
|
1621
|
+
<div class="sample_name">
|
|
1622
|
+
user
|
|
1623
|
+
</div>
|
|
1624
|
+
</div>
|
|
1625
|
+
<div class="icon_sample">
|
|
1626
|
+
<div class="sample_icon">
|
|
1627
|
+
<i class="olicons-calendar"></i>
|
|
1628
|
+
</div>
|
|
1629
|
+
<div class="sample_name">
|
|
1630
|
+
calendar
|
|
1631
|
+
</div>
|
|
1632
|
+
</div>
|
|
1633
|
+
<div class="icon_sample">
|
|
1634
|
+
<div class="sample_icon">
|
|
1635
|
+
<i class="olicons-glass"></i>
|
|
1636
|
+
</div>
|
|
1637
|
+
<div class="sample_name">
|
|
1638
|
+
glass
|
|
1639
|
+
</div>
|
|
1640
|
+
</div>
|
|
1641
|
+
<div class="icon_sample">
|
|
1642
|
+
<div class="sample_icon">
|
|
1643
|
+
<i class="olicons-trash"></i>
|
|
1644
|
+
</div>
|
|
1645
|
+
<div class="sample_name">
|
|
1646
|
+
trash
|
|
1647
|
+
</div>
|
|
1648
|
+
</div>
|
|
1649
|
+
<div class="icon_sample">
|
|
1650
|
+
<div class="sample_icon">
|
|
1651
|
+
<i class="olicons-resize"></i>
|
|
1652
|
+
</div>
|
|
1653
|
+
<div class="sample_name">
|
|
1654
|
+
resize
|
|
1655
|
+
</div>
|
|
1656
|
+
</div>
|
|
1657
|
+
<div class="icon_sample">
|
|
1658
|
+
<div class="sample_icon">
|
|
1659
|
+
<i class="olicons-product-alt"></i>
|
|
1660
|
+
</div>
|
|
1661
|
+
<div class="sample_name">
|
|
1662
|
+
product-alt
|
|
1663
|
+
</div>
|
|
1664
|
+
</div>
|
|
1665
|
+
<div class="icon_sample">
|
|
1666
|
+
<div class="sample_icon">
|
|
1667
|
+
<i class="olicons-circle-plus"></i>
|
|
1668
|
+
</div>
|
|
1669
|
+
<div class="sample_name">
|
|
1670
|
+
circle-plus
|
|
1671
|
+
</div>
|
|
1672
|
+
</div>
|
|
1673
|
+
<div class="icon_sample">
|
|
1674
|
+
<div class="sample_icon">
|
|
1675
|
+
<i class="olicons-circle-times"></i>
|
|
1676
|
+
</div>
|
|
1677
|
+
<div class="sample_name">
|
|
1678
|
+
circle-times
|
|
1679
|
+
</div>
|
|
1680
|
+
</div>
|
|
1681
|
+
<div class="icon_sample">
|
|
1682
|
+
<div class="sample_icon">
|
|
1683
|
+
<i class="olicons-circle-minus"></i>
|
|
1684
|
+
</div>
|
|
1685
|
+
<div class="sample_name">
|
|
1686
|
+
circle-minus
|
|
1687
|
+
</div>
|
|
1688
|
+
</div>
|
|
1689
|
+
<div class="icon_sample">
|
|
1690
|
+
<div class="sample_icon">
|
|
1691
|
+
<i class="olicons-circle-ok"></i>
|
|
1692
|
+
</div>
|
|
1693
|
+
<div class="sample_name">
|
|
1694
|
+
circle-ok
|
|
1695
|
+
</div>
|
|
1696
|
+
</div>
|
|
1697
|
+
<div class="icon_sample">
|
|
1698
|
+
<div class="sample_icon">
|
|
1699
|
+
<i class="olicons-auge-alt"></i>
|
|
1700
|
+
</div>
|
|
1701
|
+
<div class="sample_name">
|
|
1702
|
+
auge-alt
|
|
1703
|
+
</div>
|
|
1704
|
+
</div>
|
|
1705
|
+
<div class="icon_sample">
|
|
1706
|
+
<div class="sample_icon">
|
|
1707
|
+
<i class="olicons-inventar-alt"></i>
|
|
1708
|
+
</div>
|
|
1709
|
+
<div class="sample_name">
|
|
1710
|
+
inventar-alt
|
|
1711
|
+
</div>
|
|
1712
|
+
</div>
|
|
1713
|
+
<div class="icon_sample">
|
|
1714
|
+
<div class="sample_icon">
|
|
1715
|
+
<i class="olicons-analytics-alt2"></i>
|
|
1716
|
+
</div>
|
|
1717
|
+
<div class="sample_name">
|
|
1718
|
+
analytics-alt2
|
|
1719
|
+
</div>
|
|
1720
|
+
</div>
|
|
1721
|
+
<div class="icon_sample">
|
|
1722
|
+
<div class="sample_icon">
|
|
1723
|
+
<i class="olicons-euro-circle"></i>
|
|
1724
|
+
</div>
|
|
1725
|
+
<div class="sample_name">
|
|
1726
|
+
euro-circle
|
|
1727
|
+
</div>
|
|
1728
|
+
</div>
|
|
1729
|
+
<div class="icon_sample">
|
|
1730
|
+
<div class="sample_icon">
|
|
1731
|
+
<i class="olicons-reports"></i>
|
|
1732
|
+
</div>
|
|
1733
|
+
<div class="sample_name">
|
|
1734
|
+
reports
|
|
1735
|
+
</div>
|
|
1736
|
+
</div>
|
|
1737
|
+
<div class="icon_sample">
|
|
1738
|
+
<div class="sample_icon">
|
|
1739
|
+
<i class="olicons-tasks"></i>
|
|
1740
|
+
</div>
|
|
1741
|
+
<div class="sample_name">
|
|
1742
|
+
tasks
|
|
1743
|
+
</div>
|
|
1744
|
+
</div>
|
|
1745
|
+
<div class="icon_sample">
|
|
1746
|
+
<div class="sample_icon">
|
|
1747
|
+
<i class="olicons-vcard"></i>
|
|
1748
|
+
</div>
|
|
1749
|
+
<div class="sample_name">
|
|
1750
|
+
vcard
|
|
1751
|
+
</div>
|
|
1752
|
+
</div>
|
|
1753
|
+
<div class="icon_sample">
|
|
1754
|
+
<div class="sample_icon">
|
|
1755
|
+
<i class="olicons-catalog"></i>
|
|
1756
|
+
</div>
|
|
1757
|
+
<div class="sample_name">
|
|
1758
|
+
catalog
|
|
1759
|
+
</div>
|
|
1760
|
+
</div>
|
|
1761
|
+
<div class="icon_sample">
|
|
1762
|
+
<div class="sample_icon">
|
|
1763
|
+
<i class="olicons-flyer"></i>
|
|
1764
|
+
</div>
|
|
1765
|
+
<div class="sample_name">
|
|
1766
|
+
flyer
|
|
1767
|
+
</div>
|
|
1768
|
+
</div>
|
|
1769
|
+
|
|
1770
|
+
<div class="clearfix"></div>
|
|
1771
|
+
|
|
1772
|
+
|
|
1773
|
+
</div>
|
|
1774
|
+
</div>
|