@geira/iconfont 0.2.11 → 0.3.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.
- package/.idea/geira-icons-tool.iml +0 -0
- package/.idea/misc.xml +0 -0
- package/.idea/modules.xml +0 -0
- package/.idea/vcs.xml +0 -0
- package/.idea/workspace.xml +0 -0
- package/dist/data.min.js +1 -1
- package/dist/data.min.js.map +1 -1
- package/dist/fonts/GeiraIcons-Regular-SVG.ttf +0 -0
- package/dist/fonts/GeiraIcons-Regular-SVG.woff2 +0 -0
- package/dist/fonts/GeiraIcons-Regular.ttf +0 -0
- package/dist/fonts/GeiraIcons-Regular.woff +0 -0
- package/dist/fonts/GeiraIcons-Regular.woff2 +0 -0
- package/dist/geira-icons.min.css +1 -1
- package/dist/geira-icons.min.css.map +1 -1
- package/dist/geira-icons.min.js +0 -2
- package/dist/icons.json +57 -3
- package/dist/index.html +1 -1
- package/dist/main.min.js +1 -1
- package/dist/main.min.js.map +1 -1
- package/dist/styles.min.css.map +1 -1
- package/dist/styles.min.js +0 -2
- package/dist/usage.html +1 -1
- package/dist/utils.min.js +1 -1
- package/dist/utils.min.js.map +1 -1
- package/package.json +45 -25
- package/src/fonts/GeiraIcons-Regular-SVG.ttf +0 -0
- package/src/fonts/GeiraIcons-Regular-SVG.woff2 +0 -0
- package/src/fonts/GeiraIcons-Regular.ttf +0 -0
- package/src/fonts/GeiraIcons-Regular.woff +0 -0
- package/src/fonts/GeiraIcons-Regular.woff2 +0 -0
- package/src/images/favicon/android-chrome-192x192.png +0 -0
- package/src/images/favicon/android-chrome-512x512.png +0 -0
- package/src/images/favicon/apple-touch-icon.png +0 -0
- package/src/images/favicon/browserconfig.xml +0 -0
- package/src/images/favicon/favicon-16x16.png +0 -0
- package/src/images/favicon/favicon-32x32.png +0 -0
- package/src/images/favicon/favicon.ico +0 -0
- package/src/images/favicon/mstile-150x150.png +0 -0
- package/src/images/favicon/safari-pinned-tab.svg +0 -0
- package/src/images/favicon/site.webmanifest +0 -0
- package/src/index.html +31 -24
- package/src/js/data.js +57 -3
- package/src/js/data.json +1 -1
- package/src/js/flutter.txt +10 -1
- package/src/js/flutter2.txt +10 -1
- package/src/js/icons.json +57 -3
- package/src/js/script.js +0 -0
- package/src/js/utils.js +0 -0
- package/src/scss/geira-icons.scss +0 -0
- package/src/scss/styles.scss +0 -0
- package/src/usage.html +234 -225
- package/webpack.config.js +27 -25
- package/dist/fonts/GeiraIcons-Regular.eot +0 -0
- package/dist/geira-icons.min.js.map +0 -1
- package/dist/styles.min.js.map +0 -1
- package/src/fonts/GeiraIcons-Regular.eot +0 -0
- package/tablet.html +0 -1328
package/src/usage.html
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
+
|
|
3
4
|
<head>
|
|
4
5
|
<meta charset="UTF-8">
|
|
5
6
|
<title>Geira Icons</title>
|
|
@@ -11,357 +12,365 @@
|
|
|
11
12
|
<meta name="msapplication-TileColor" content="#2b5797">
|
|
12
13
|
<meta name="theme-color" content="#ffffff">
|
|
13
14
|
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<div class="main">
|
|
16
|
-
<header>
|
|
17
|
-
<h1>Geira Icons <a href="https://badge.fury.io/js/%40geira%2Ficonfont"><img src="https://badge.fury.io/js/%40geira%2Ficonfont.svg" alt="npm version" height="18"></a></h1>
|
|
18
|
-
|
|
19
|
-
<ul>
|
|
20
|
-
<li><a href="index.html">Icons</a></li>
|
|
21
|
-
<li class="active"><a href="usage.html">Usage</a></li>
|
|
22
|
-
</ul>
|
|
23
|
-
|
|
24
|
-
<ul class="logos">
|
|
25
|
-
<li><a href="https://www.npmjs.com/package/@geira/iconfont" target="_blank"><i class="geira-icons">npm</i></a></li>
|
|
26
|
-
<li><a href="https://github.com/liontude/geira-icons-tool" target="_blank"><i class="geira-icons">github</i></a></li>
|
|
27
|
-
</ul>
|
|
28
|
-
</header>
|
|
29
|
-
<div class="container center" style="width: 95%; max-width: 800px; align-self: center">
|
|
30
15
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
16
|
+
<body>
|
|
17
|
+
<div class="main">
|
|
18
|
+
<header>
|
|
19
|
+
<h1>Geira Icons <a href="https://badge.fury.io/js/%40geira%2Ficonfont"><img
|
|
20
|
+
src="https://badge.fury.io/js/%40geira%2Ficonfont.svg" alt="npm version" height="18"></a></h1>
|
|
21
|
+
|
|
22
|
+
<ul>
|
|
23
|
+
<li><a href="index.html">Icons</a></li>
|
|
24
|
+
<li class="active"><a href="usage.html">Usage</a></li>
|
|
25
|
+
</ul>
|
|
26
|
+
|
|
27
|
+
<ul class="logos">
|
|
28
|
+
<li><a href="https://www.npmjs.com/package/@geira/iconfont" target="_blank"><i class="geira-icons">npm</i></a>
|
|
29
|
+
</li>
|
|
30
|
+
<li><a href="https://github.com/liontude/geira-icons-tool" target="_blank"><i class="geira-icons">github</i></a>
|
|
31
|
+
</li>
|
|
32
|
+
</ul>
|
|
33
|
+
</header>
|
|
34
|
+
<div class="container center" style="width: 95%; max-width: 800px; align-self: center">
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
<!-- npm installation -->
|
|
38
|
+
|
|
39
|
+
<h2 class="title-h2">NPM installation</h2>
|
|
40
|
+
<div class="block row" style="place-content: center">
|
|
41
|
+
<div class="icons-code">
|
|
42
|
+
<code>
|
|
38
43
|
npm install --save @geira/iconfont
|
|
39
44
|
</code>
|
|
45
|
+
</div>
|
|
40
46
|
</div>
|
|
41
|
-
</div>
|
|
42
47
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
+
<h4>Link to CSS</h4>
|
|
49
|
+
<p>Add the following tag inside the html <head> tag</p>
|
|
50
|
+
<div class="block row" style="place-content: center">
|
|
51
|
+
<div class="icons-code">
|
|
52
|
+
<code>
|
|
48
53
|
<link href="node_components/@geira/iconfont/dist/geira-icons.min.css" rel="stylesheet">
|
|
49
54
|
</code>
|
|
55
|
+
</div>
|
|
50
56
|
</div>
|
|
51
|
-
</div>
|
|
52
57
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
+
<h4>or import into SCSS</h4>
|
|
59
|
+
<p>Import the provided SCSS file in your main SCSS file, ex: styles.scss</p>
|
|
60
|
+
<div class="block row" style="place-content: center">
|
|
61
|
+
<div class="icons-code">
|
|
62
|
+
<code>
|
|
58
63
|
@import '~@geira/iconfont/dist/geira-icons.scss';
|
|
59
64
|
</code>
|
|
65
|
+
</div>
|
|
60
66
|
</div>
|
|
61
|
-
</div>
|
|
62
67
|
|
|
63
|
-
|
|
68
|
+
<!-- /npm installation -->
|
|
64
69
|
|
|
65
|
-
|
|
66
|
-
|
|
70
|
+
<h4>Like Material Icon with Angular</h4>
|
|
71
|
+
<p>Geira Icons are similar to Material Icons. If you want to use them with or instead of Material Icons, click the
|
|
72
|
+
link <a href="https://material.angular.io/components/icon/overview"
|
|
73
|
+
target="_blank">https://material.angular.io/components/icon/overview</a></p>
|
|
67
74
|
|
|
68
|
-
|
|
75
|
+
<h2 style="margin-top: 50px">Standard installation</h2>
|
|
69
76
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
77
|
+
<h4>Link to CSS</h4>
|
|
78
|
+
<p>Add the following tag inside the html <head> tag</p>
|
|
79
|
+
<div class="block row" style="place-content: center">
|
|
80
|
+
<div class="icons-code">
|
|
81
|
+
<code>
|
|
75
82
|
<link href="./geira-icons.min.css" rel="stylesheet">
|
|
76
83
|
</code>
|
|
84
|
+
</div>
|
|
77
85
|
</div>
|
|
78
|
-
</div>
|
|
79
86
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
87
|
+
<p>In CSS (geira-icons.min.css) be sure that the path to the icons (fonts) is correct</p>
|
|
88
|
+
<div class="block row" style="place-content: center">
|
|
89
|
+
<div class="icons-code">
|
|
90
|
+
<code>
|
|
84
91
|
src : url(./fonts/GeiraIcons-Regular.eot);<br>
|
|
85
92
|
url(./fonts/GeiraIcons-Regular.woff2) format('woff2'),<br>
|
|
86
93
|
url(./fonts/GeiraIcons-Regular.woff) format('woff'),<br>
|
|
87
94
|
url(./fonts/GeiraIcons-Regular.ttf) format('truetype');
|
|
88
95
|
</code>
|
|
96
|
+
</div>
|
|
89
97
|
</div>
|
|
90
|
-
</div>
|
|
91
98
|
|
|
92
|
-
|
|
99
|
+
<h2 style="margin-top: 50px">Usage</h2>
|
|
93
100
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
+
<h4>Via html</h4>
|
|
102
|
+
<div class="block row">
|
|
103
|
+
<div class="icons-preview">
|
|
104
|
+
<i class="geira-icons">home</i>
|
|
105
|
+
</div>
|
|
106
|
+
<div class="icons-code">
|
|
107
|
+
<code><i
|
|
101
108
|
class="geira-icons">home</i>
|
|
102
109
|
</code>
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
|
|
113
|
+
<p style="margin-top: 30px">Ex. "home" icon unicode is "\E0BA"</p>
|
|
114
|
+
<p style="margin-bottom: 10px">Change "<strong>\</strong>E0BA" to
|
|
115
|
+
"<strong>&#x</strong>E0BA<strong>;</strong>"</p>
|
|
116
|
+
<div class="block row">
|
|
117
|
+
<div class="icons-preview">
|
|
118
|
+
<i class="geira-icons"></i>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="icons-code">
|
|
121
|
+
<code><i
|
|
115
122
|
class="geira-icons">&#xE0BA;</i>
|
|
116
123
|
</code>
|
|
124
|
+
</div>
|
|
117
125
|
</div>
|
|
118
|
-
</div>
|
|
119
126
|
|
|
120
|
-
|
|
127
|
+
<h4>Via CSS</h4>
|
|
121
128
|
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
129
|
+
<div class="block row" style="place-content: center">
|
|
130
|
+
<div class="icons-code">
|
|
131
|
+
<code style="padding: 20px; text-align: center">
|
|
125
132
|
.some-class::before {
|
|
126
133
|
content: "\E0BA";
|
|
127
134
|
}
|
|
128
135
|
</code>
|
|
136
|
+
</div>
|
|
129
137
|
</div>
|
|
130
|
-
</div>
|
|
131
138
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
139
|
+
<div class="block row">
|
|
140
|
+
<div class="icons-preview">
|
|
141
|
+
<i class="geira-icons some-class"></i>
|
|
142
|
+
</div>
|
|
143
|
+
<div class="icons-code">
|
|
144
|
+
<code><i
|
|
138
145
|
class="geira-icons some-class"></i>
|
|
139
146
|
</code>
|
|
147
|
+
</div>
|
|
140
148
|
</div>
|
|
141
|
-
</div>
|
|
142
149
|
|
|
143
|
-
|
|
144
|
-
|
|
150
|
+
<h3 style="margin-top: 50px">Styling</h3>
|
|
151
|
+
<h5>Size</h5>
|
|
145
152
|
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
153
|
+
<div class="block row">
|
|
154
|
+
<div class="icons-preview">
|
|
155
|
+
<i class="geira-icons gi-18">home</i>
|
|
156
|
+
</div>
|
|
157
|
+
<div class="icons-code">
|
|
158
|
+
<code><i
|
|
152
159
|
class="geira-icons gi-18">home</i>
|
|
153
160
|
</code>
|
|
161
|
+
</div>
|
|
154
162
|
</div>
|
|
155
|
-
</div>
|
|
156
163
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
164
|
+
<div class="block row">
|
|
165
|
+
<div class="icons-preview">
|
|
166
|
+
<i class="geira-icons gi-24">home</i>
|
|
167
|
+
</div>
|
|
168
|
+
<div class="icons-code">
|
|
169
|
+
<code><i
|
|
163
170
|
class="geira-icons gi-24">home</i>
|
|
164
171
|
</code>
|
|
172
|
+
</div>
|
|
165
173
|
</div>
|
|
166
|
-
</div>
|
|
167
174
|
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
175
|
+
<div class="block row">
|
|
176
|
+
<div class="icons-preview">
|
|
177
|
+
<i class="geira-icons gi-36">home</i>
|
|
178
|
+
</div>
|
|
179
|
+
<div class="icons-code">
|
|
180
|
+
<code><i
|
|
174
181
|
class="geira-icons gi-36">home</i>
|
|
175
182
|
</code>
|
|
183
|
+
</div>
|
|
176
184
|
</div>
|
|
177
|
-
</div>
|
|
178
185
|
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
186
|
+
<div class="block row">
|
|
187
|
+
<div class="icons-preview">
|
|
188
|
+
<i class="geira-icons gi-48">home</i>
|
|
189
|
+
</div>
|
|
190
|
+
<div class="icons-code">
|
|
191
|
+
<code><i
|
|
185
192
|
class="geira-icons gi-48">home</i>
|
|
186
193
|
</code>
|
|
194
|
+
</div>
|
|
187
195
|
</div>
|
|
188
|
-
</div>
|
|
189
196
|
|
|
190
|
-
|
|
191
|
-
|
|
197
|
+
<!-- COLOR -->
|
|
198
|
+
<h5>Color</h5>
|
|
192
199
|
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
200
|
+
<div class="block row">
|
|
201
|
+
<div class="icons-preview" style="background-color: #263238">
|
|
202
|
+
<i class="geira-icons gi-light">home</i>
|
|
203
|
+
</div>
|
|
204
|
+
<div class="icons-code">
|
|
205
|
+
<code><i
|
|
199
206
|
class="geira-icons gi-light">home</i>
|
|
200
207
|
</code>
|
|
208
|
+
</div>
|
|
201
209
|
</div>
|
|
202
|
-
</div>
|
|
203
210
|
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
211
|
+
<div class="block row">
|
|
212
|
+
<div class="icons-preview" style="background-color: #263238">
|
|
213
|
+
<i class="geira-icons gi-light gi-inactive">home</i>
|
|
214
|
+
</div>
|
|
215
|
+
<div class="icons-code">
|
|
216
|
+
<code><i
|
|
210
217
|
class="geira-icons gi-light gi-inactive">home</i>
|
|
211
218
|
</code>
|
|
219
|
+
</div>
|
|
212
220
|
</div>
|
|
213
|
-
</div>
|
|
214
221
|
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
222
|
+
<div class="block row">
|
|
223
|
+
<div class="icons-preview">
|
|
224
|
+
<i class="geira-icons gi-dark">home</i>
|
|
225
|
+
</div>
|
|
226
|
+
<div class="icons-code">
|
|
227
|
+
<code><i
|
|
221
228
|
class="geira-icons gi-light">home</i>
|
|
222
229
|
</code>
|
|
230
|
+
</div>
|
|
223
231
|
</div>
|
|
224
|
-
</div>
|
|
225
232
|
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
233
|
+
<div class="block row">
|
|
234
|
+
<div class="icons-preview">
|
|
235
|
+
<i class="geira-icons gi-dark gi-inactive">home</i>
|
|
236
|
+
</div>
|
|
237
|
+
<div class="icons-code">
|
|
238
|
+
<code><i
|
|
232
239
|
class="geira-icons gi-light gi-inactive">home</i>
|
|
233
240
|
</code>
|
|
241
|
+
</div>
|
|
234
242
|
</div>
|
|
235
|
-
</div>
|
|
236
243
|
|
|
237
|
-
|
|
244
|
+
<!-- /COLOR -->
|
|
238
245
|
|
|
239
|
-
|
|
246
|
+
<!-- ROTATE -->
|
|
240
247
|
|
|
241
|
-
|
|
248
|
+
<h5>Rotate</h5>
|
|
242
249
|
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
250
|
+
<div class="block row">
|
|
251
|
+
<div class="icons-preview">
|
|
252
|
+
<i class="geira-icons gi-rotate-45">home</i>
|
|
253
|
+
</div>
|
|
254
|
+
<div class="icons-code">
|
|
255
|
+
<code><i
|
|
249
256
|
class="geira-icons gi-rotate-45">home</i>
|
|
250
257
|
</code>
|
|
258
|
+
</div>
|
|
251
259
|
</div>
|
|
252
|
-
</div>
|
|
253
260
|
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
261
|
+
<div class="block row">
|
|
262
|
+
<div class="icons-preview">
|
|
263
|
+
<i class="geira-icons gi-rotate-90">home</i>
|
|
264
|
+
</div>
|
|
265
|
+
<div class="icons-code">
|
|
266
|
+
<code><i
|
|
260
267
|
class="geira-icons gi-rotate-90">home</i>
|
|
261
268
|
</code>
|
|
269
|
+
</div>
|
|
262
270
|
</div>
|
|
263
|
-
</div>
|
|
264
271
|
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
272
|
+
<div class="block row">
|
|
273
|
+
<div class="icons-preview">
|
|
274
|
+
<i class="geira-icons gi-rotate-135">home</i>
|
|
275
|
+
</div>
|
|
276
|
+
<div class="icons-code">
|
|
277
|
+
<code><i
|
|
271
278
|
class="geira-icons gi-rotate-135">home</i>
|
|
272
279
|
</code>
|
|
280
|
+
</div>
|
|
273
281
|
</div>
|
|
274
|
-
</div>
|
|
275
282
|
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
283
|
+
<div class="block row">
|
|
284
|
+
<div class="icons-preview">
|
|
285
|
+
<i class="geira-icons gi-rotate-180">home</i>
|
|
286
|
+
</div>
|
|
287
|
+
<div class="icons-code">
|
|
288
|
+
<code><i
|
|
282
289
|
class="geira-icons gi-rotate-180">home</i>
|
|
283
290
|
</code>
|
|
291
|
+
</div>
|
|
284
292
|
</div>
|
|
285
|
-
</div>
|
|
286
293
|
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
294
|
+
<div class="block row">
|
|
295
|
+
<div class="icons-preview">
|
|
296
|
+
<i class="geira-icons gi-rotate-225">home</i>
|
|
297
|
+
</div>
|
|
298
|
+
<div class="icons-code">
|
|
299
|
+
<code><i
|
|
293
300
|
class="geira-icons gi-rotate-225">home</i>
|
|
294
301
|
</code>
|
|
302
|
+
</div>
|
|
295
303
|
</div>
|
|
296
|
-
</div>
|
|
297
304
|
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
305
|
+
<div class="block row">
|
|
306
|
+
<div class="icons-preview">
|
|
307
|
+
<i class="geira-icons gi-rotate-270">home</i>
|
|
308
|
+
</div>
|
|
309
|
+
<div class="icons-code">
|
|
310
|
+
<code><i
|
|
304
311
|
class="geira-icons gi-rotate-270">home</i>
|
|
305
312
|
</code>
|
|
313
|
+
</div>
|
|
306
314
|
</div>
|
|
307
|
-
</div>
|
|
308
315
|
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
316
|
+
<div class="block row">
|
|
317
|
+
<div class="icons-preview">
|
|
318
|
+
<i class="geira-icons gi-rotate-315">home</i>
|
|
319
|
+
</div>
|
|
320
|
+
<div class="icons-code">
|
|
321
|
+
<code><i
|
|
315
322
|
class="geira-icons gi-rotate-315">home</i>
|
|
316
323
|
</code>
|
|
324
|
+
</div>
|
|
317
325
|
</div>
|
|
318
|
-
</div>
|
|
319
326
|
|
|
320
|
-
|
|
327
|
+
<!-- /ROTATE -->
|
|
321
328
|
|
|
322
|
-
|
|
329
|
+
<h5>Flip</h5>
|
|
323
330
|
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
331
|
+
<div class="block row">
|
|
332
|
+
<div class="icons-preview">
|
|
333
|
+
<i class="geira-icons gi-flip-v">home</i>
|
|
334
|
+
</div>
|
|
335
|
+
<div class="icons-code">
|
|
336
|
+
<code><i
|
|
330
337
|
class="geira-icons gi-flip-v">home</i>
|
|
331
338
|
</code>
|
|
339
|
+
</div>
|
|
332
340
|
</div>
|
|
333
|
-
</div>
|
|
334
341
|
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
342
|
+
<div class="block row">
|
|
343
|
+
<div class="icons-preview">
|
|
344
|
+
<i class="geira-icons gi-flip-h">home</i>
|
|
345
|
+
</div>
|
|
346
|
+
<div class="icons-code">
|
|
347
|
+
<code><i
|
|
341
348
|
class="geira-icons gi-flip-h">home</i>
|
|
342
349
|
</code>
|
|
350
|
+
</div>
|
|
343
351
|
</div>
|
|
344
|
-
</div>
|
|
345
352
|
|
|
346
|
-
|
|
353
|
+
<h5>Spin</h5>
|
|
347
354
|
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
355
|
+
<div class="block row">
|
|
356
|
+
<div class="icons-preview">
|
|
357
|
+
<i class="geira-icons gi-spin">home</i>
|
|
358
|
+
</div>
|
|
359
|
+
<div class="icons-code">
|
|
360
|
+
<code><i
|
|
354
361
|
class="geira-icons gi-spin">home</i>
|
|
355
362
|
</code>
|
|
363
|
+
</div>
|
|
356
364
|
</div>
|
|
357
365
|
</div>
|
|
358
|
-
</div>
|
|
359
366
|
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
</
|
|
367
|
+
<footer>
|
|
368
|
+
<p>©2025 <a style="color: inherit; text-decoration: none;" href="https://liontude.com"
|
|
369
|
+
target="_blank">Liontude</a>. All Rights Reserved. Released under MIT License</p>
|
|
370
|
+
</footer>
|
|
371
|
+
</div>
|
|
364
372
|
|
|
365
373
|
|
|
366
374
|
</body>
|
|
367
|
-
|
|
375
|
+
|
|
376
|
+
</html>
|