Frontend-Projekt an thymeroot:1.1.0 angepasst
[website] / dist / potemkin / html-experimente / symbole.html
1 <!DOCTYPE html>
2 <html
3     xmlns="http://www.w3.org/1999/xhtml"
4     xmlns:layout="http://www.thymeleaf.org"
5     xmlns:th="http://www.thymeleaf.org"
6     layout:decorator="/templates/layout"
7     th:with="uri='/potemkin/html-experimente/symbole.html'"
8     >
9   <head>
10     <title>HTML-Experimente - Symbol-Font</title>
11     <!--/*-->
12     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
13     <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
14     <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
15     <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
16     <!--*/-->
17   </head>
18   <body thymeproxy:variables="MERGE:potemkin.json">
19     <article class="main" layout:fragment="maincontent">
20       <header><h1>Symbol-Font</h1></header>
21       <h2>100%</h2>
22       <div class="symbols">
23         <span class="e600">&#xe600;</span>
24         <span class="e601">&#xe601;</span>
25         <span class="e602">&#xe602;</span>
26         <span class="e603">&#xe603;</span>
27         <span class="e604">&#xe604;</span>
28         <span class="e605">&#xe605;</span>
29         <span class="e606">&#xe606;</span>
30         <span class="e607">&#xe607;</span>
31         <span class="e608">&#xe608;</span>
32         <span class="e609">&#xe609;</span>
33         <span class="e60a">&#xe60a;</span>
34         <span class="e60b">&#xe60b;</span>
35         <span class="e60c">&#xe60c;</span>
36         <span class="e60d">&#xe60d;</span>
37         <span class="e60e">&#xe60e;</span>
38         <span class="e60f">&#xe60f;</span>
39         <span class="e610">&#xe610;</span>
40         <span class="e611">&#xe611;</span>
41         <span class="e612">&#xe612;</span>
42         <span class="e613">&#xe613;</span>
43         <span class="e614">&#xe614;</span>
44         <span class="e615">&#xe615;</span>
45         <span class="e616">&#xe616;</span>
46         <span class="e617">&#xe617;</span>
47         <span class="e618">&#xe618;</span>
48         <span class="e619">&#xe619;</span>
49         <span class="e61a">&#xe61a;</span>
50         <span class="e61b">&#xe61b;</span>
51         <span class="e61c">&#xe61c;</span>
52         <span class="e61d">&#xe61d;</span>
53         <span class="e61e">&#xe61e;</span>
54         <span class="e61f">&#xe61f;</span>
55         <span class="e620">&#xe620;</span>
56         <span class="e621">&#xe621;</span>
57         <span class="e622">&#xe622;</span>
58         <span class="e623">&#xe623;</span>
59         <span class="e624">&#xe624;</span>
60         <span class="e625">&#xe625;</span>
61         <span class="e626">&#xe626;</span>
62         <span class="e627">&#xe627;</span>
63         <span class="e628">&#xe628;</span>
64         <span class="e629">&#xe629;</span>
65         <span class="e62a">&#xe62a;</span>
66         <span class="e62b">&#xe62b;</span>
67         <span class="e62c">&#xe62c;</span>
68         <span class="e62d">&#xe62d;</span>
69         <span class="e62e">&#xe62e;</span>
70         <span class="e62f">&#xe62f;</span>
71         <span class="e630">&#xe630;</span>
72         <span class="e631">&#xe631;</span>
73         <span class="e632">&#xe632;</span>
74         <span class="e633">&#xe633;</span>
75         <span class="e634">&#xe634;</span>
76         <span class="e635">&#xe635;</span>
77         <span class="e636">&#xe636;</span>
78         <span class="e637">&#xe637;</span>
79         <span class="e638">&#xe638;</span>
80         <span class="e639">&#xe639;</span>
81         <span class="e63a">&#xe63a;</span>
82         <span class="e63b">&#xe63b;</span>
83         <span class="e63c">&#xe63c;</span>
84         <span class="e63d">&#xe63d;</span>
85         <span class="e63e">&#xe63e;</span>
86         <span class="e63f">&#xe63f;</span>
87         <span class="e640">&#xe640;</span>
88         <span class="e641">&#xe641;</span>
89         <span class="e642">&#xe642;</span>
90         <span class="e643">&#xe643;</span>
91         <span class="e644">&#xe644;</span>
92         <span class="e645">&#xe645;</span>
93         <span class="e646">&#xe646;</span>
94         <span class="e647">&#xe647;</span>
95         <span class="e648">&#xe648;</span>
96         <span class="e649">&#xe649;</span>
97         <span class="e64a">&#xe64a;</span>
98         <span class="e64b">&#xe64b;</span>
99       </div>
100       <h2>200%</h2>
101       <div class="symbols" style="font-size: 200%; line-height: 1.5em">
102         <span class="e600">&#xe600;</span>
103         <span class="e601">&#xe601;</span>
104         <span class="e602">&#xe602;</span>
105         <span class="e603">&#xe603;</span>
106         <span class="e604">&#xe604;</span>
107         <span class="e605">&#xe605;</span>
108         <span class="e606">&#xe606;</span>
109         <span class="e607">&#xe607;</span>
110         <span class="e608">&#xe608;</span>
111         <span class="e609">&#xe609;</span>
112         <span class="e60a">&#xe60a;</span>
113         <span class="e60b">&#xe60b;</span>
114         <span class="e60c">&#xe60c;</span>
115         <span class="e60d">&#xe60d;</span>
116         <span class="e60e">&#xe60e;</span>
117         <span class="e60f">&#xe60f;</span>
118         <span class="e610">&#xe610;</span>
119         <span class="e611">&#xe611;</span>
120         <span class="e612">&#xe612;</span>
121         <span class="e613">&#xe613;</span>
122         <span class="e614">&#xe614;</span>
123         <span class="e615">&#xe615;</span>
124         <span class="e616">&#xe616;</span>
125         <span class="e617">&#xe617;</span>
126         <span class="e618">&#xe618;</span>
127         <span class="e619">&#xe619;</span>
128         <span class="e61a">&#xe61a;</span>
129         <span class="e61b">&#xe61b;</span>
130         <span class="e61c">&#xe61c;</span>
131         <span class="e61d">&#xe61d;</span>
132         <span class="e61e">&#xe61e;</span>
133         <span class="e61f">&#xe61f;</span>
134         <span class="e620">&#xe620;</span>
135         <span class="e621">&#xe621;</span>
136         <span class="e622">&#xe622;</span>
137         <span class="e623">&#xe623;</span>
138         <span class="e624">&#xe624;</span>
139         <span class="e625">&#xe625;</span>
140         <span class="e626">&#xe626;</span>
141         <span class="e627">&#xe627;</span>
142         <span class="e628">&#xe628;</span>
143         <span class="e629">&#xe629;</span>
144         <span class="e62a">&#xe62a;</span>
145         <span class="e62b">&#xe62b;</span>
146         <span class="e62c">&#xe62c;</span>
147         <span class="e62d">&#xe62d;</span>
148         <span class="e62e">&#xe62e;</span>
149         <span class="e62f">&#xe62f;</span>
150         <span class="e630">&#xe630;</span>
151         <span class="e631">&#xe631;</span>
152         <span class="e632">&#xe632;</span>
153         <span class="e633">&#xe633;</span>
154         <span class="e634">&#xe634;</span>
155         <span class="e635">&#xe635;</span>
156         <span class="e636">&#xe636;</span>
157         <span class="e637">&#xe637;</span>
158         <span class="e638">&#xe638;</span>
159         <span class="e639">&#xe639;</span>
160         <span class="e63a">&#xe63a;</span>
161         <span class="e63b">&#xe63b;</span>
162         <span class="e63c">&#xe63c;</span>
163         <span class="e63d">&#xe63d;</span>
164         <span class="e63e">&#xe63e;</span>
165         <span class="e63f">&#xe63f;</span>
166         <span class="e640">&#xe640;</span>
167         <span class="e641">&#xe641;</span>
168         <span class="e642">&#xe642;</span>
169         <span class="e643">&#xe643;</span>
170         <span class="e644">&#xe644;</span>
171         <span class="e645">&#xe645;</span>
172         <span class="e646">&#xe646;</span>
173         <span class="e647">&#xe647;</span>
174         <span class="e648">&#xe648;</span>
175         <span class="e649">&#xe649;</span>
176         <span class="e64a">&#xe64a;</span>
177         <span class="e64b">&#xe64b;</span>
178       </div>
179       <h2>300%</h2>
180       <div class="symbols" style="font-size: 300%; line-height: 1.5em">
181         <span class="e600">&#xe600;</span>
182         <span class="e601">&#xe601;</span>
183         <span class="e602">&#xe602;</span>
184         <span class="e603">&#xe603;</span>
185         <span class="e604">&#xe604;</span>
186         <span class="e605">&#xe605;</span>
187         <span class="e606">&#xe606;</span>
188         <span class="e607">&#xe607;</span>
189         <span class="e608">&#xe608;</span>
190         <span class="e609">&#xe609;</span>
191         <span class="e60a">&#xe60a;</span>
192         <span class="e60b">&#xe60b;</span>
193         <span class="e60c">&#xe60c;</span>
194         <span class="e60d">&#xe60d;</span>
195         <span class="e60e">&#xe60e;</span>
196         <span class="e60f">&#xe60f;</span>
197         <span class="e610">&#xe610;</span>
198         <span class="e611">&#xe611;</span>
199         <span class="e612">&#xe612;</span>
200         <span class="e613">&#xe613;</span>
201         <span class="e614">&#xe614;</span>
202         <span class="e615">&#xe615;</span>
203         <span class="e616">&#xe616;</span>
204         <span class="e617">&#xe617;</span>
205         <span class="e618">&#xe618;</span>
206         <span class="e619">&#xe619;</span>
207         <span class="e61a">&#xe61a;</span>
208         <span class="e61b">&#xe61b;</span>
209         <span class="e61c">&#xe61c;</span>
210         <span class="e61d">&#xe61d;</span>
211         <span class="e61e">&#xe61e;</span>
212         <span class="e61f">&#xe61f;</span>
213         <span class="e620">&#xe620;</span>
214         <span class="e621">&#xe621;</span>
215         <span class="e622">&#xe622;</span>
216         <span class="e623">&#xe623;</span>
217         <span class="e624">&#xe624;</span>
218         <span class="e625">&#xe625;</span>
219         <span class="e626">&#xe626;</span>
220         <span class="e627">&#xe627;</span>
221         <span class="e628">&#xe628;</span>
222         <span class="e629">&#xe629;</span>
223         <span class="e62a">&#xe62a;</span>
224         <span class="e62b">&#xe62b;</span>
225         <span class="e62c">&#xe62c;</span>
226         <span class="e62d">&#xe62d;</span>
227         <span class="e62e">&#xe62e;</span>
228         <span class="e62f">&#xe62f;</span>
229         <span class="e630">&#xe630;</span>
230         <span class="e631">&#xe631;</span>
231         <span class="e632">&#xe632;</span>
232         <span class="e633">&#xe633;</span>
233         <span class="e634">&#xe634;</span>
234         <span class="e635">&#xe635;</span>
235         <span class="e636">&#xe636;</span>
236         <span class="e637">&#xe637;</span>
237         <span class="e638">&#xe638;</span>
238         <span class="e639">&#xe639;</span>
239         <span class="e63a">&#xe63a;</span>
240         <span class="e63b">&#xe63b;</span>
241         <span class="e63c">&#xe63c;</span>
242         <span class="e63d">&#xe63d;</span>
243         <span class="e63e">&#xe63e;</span>
244         <span class="e63f">&#xe63f;</span>
245         <span class="e640">&#xe640;</span>
246         <span class="e641">&#xe641;</span>
247         <span class="e642">&#xe642;</span>
248         <span class="e643">&#xe643;</span>
249         <span class="e644">&#xe644;</span>
250         <span class="e645">&#xe645;</span>
251         <span class="e646">&#xe646;</span>
252         <span class="e647">&#xe647;</span>
253         <span class="e648">&#xe648;</span>
254         <span class="e649">&#xe649;</span>
255         <span class="e64a">&#xe64a;</span>
256         <span class="e64b">&#xe64b;</span>
257       </div>
258       <h2>400%</h2>
259       <div class="symbols" style="font-size: 400%; line-height: 1.5em">
260         <span class="e600">&#xe600;</span>
261         <span class="e601">&#xe601;</span>
262         <span class="e602">&#xe602;</span>
263         <span class="e603">&#xe603;</span>
264         <span class="e604">&#xe604;</span>
265         <span class="e605">&#xe605;</span>
266         <span class="e606">&#xe606;</span>
267         <span class="e607">&#xe607;</span>
268         <span class="e608">&#xe608;</span>
269         <span class="e609">&#xe609;</span>
270         <span class="e60a">&#xe60a;</span>
271         <span class="e60b">&#xe60b;</span>
272         <span class="e60c">&#xe60c;</span>
273         <span class="e60d">&#xe60d;</span>
274         <span class="e60e">&#xe60e;</span>
275         <span class="e60f">&#xe60f;</span>
276         <span class="e610">&#xe610;</span>
277         <span class="e611">&#xe611;</span>
278         <span class="e612">&#xe612;</span>
279         <span class="e613">&#xe613;</span>
280         <span class="e614">&#xe614;</span>
281         <span class="e615">&#xe615;</span>
282         <span class="e616">&#xe616;</span>
283         <span class="e617">&#xe617;</span>
284         <span class="e618">&#xe618;</span>
285         <span class="e619">&#xe619;</span>
286         <span class="e61a">&#xe61a;</span>
287         <span class="e61b">&#xe61b;</span>
288         <span class="e61c">&#xe61c;</span>
289         <span class="e61d">&#xe61d;</span>
290         <span class="e61e">&#xe61e;</span>
291         <span class="e61f">&#xe61f;</span>
292         <span class="e620">&#xe620;</span>
293         <span class="e621">&#xe621;</span>
294         <span class="e622">&#xe622;</span>
295         <span class="e623">&#xe623;</span>
296         <span class="e624">&#xe624;</span>
297         <span class="e625">&#xe625;</span>
298         <span class="e626">&#xe626;</span>
299         <span class="e627">&#xe627;</span>
300         <span class="e628">&#xe628;</span>
301         <span class="e629">&#xe629;</span>
302         <span class="e62a">&#xe62a;</span>
303         <span class="e62b">&#xe62b;</span>
304         <span class="e62c">&#xe62c;</span>
305         <span class="e62d">&#xe62d;</span>
306         <span class="e62e">&#xe62e;</span>
307         <span class="e62f">&#xe62f;</span>
308         <span class="e630">&#xe630;</span>
309         <span class="e631">&#xe631;</span>
310         <span class="e632">&#xe632;</span>
311         <span class="e633">&#xe633;</span>
312         <span class="e634">&#xe634;</span>
313         <span class="e635">&#xe635;</span>
314         <span class="e636">&#xe636;</span>
315         <span class="e637">&#xe637;</span>
316         <span class="e638">&#xe638;</span>
317         <span class="e639">&#xe639;</span>
318         <span class="e63a">&#xe63a;</span>
319         <span class="e63b">&#xe63b;</span>
320         <span class="e63c">&#xe63c;</span>
321         <span class="e63d">&#xe63d;</span>
322         <span class="e63e">&#xe63e;</span>
323         <span class="e63f">&#xe63f;</span>
324         <span class="e640">&#xe640;</span>
325         <span class="e641">&#xe641;</span>
326         <span class="e642">&#xe642;</span>
327         <span class="e643">&#xe643;</span>
328         <span class="e644">&#xe644;</span>
329         <span class="e645">&#xe645;</span>
330         <span class="e646">&#xe646;</span>
331         <span class="e647">&#xe647;</span>
332         <span class="e648">&#xe648;</span>
333         <span class="e649">&#xe649;</span>
334         <span class="e64a">&#xe64a;</span>
335         <span class="e64b">&#xe64b;</span>
336       </div>
337       <h2>500%</h2>
338       <div class="symbols" style="font-size: 500%; line-height: 1.5em">
339         <span class="e600">&#xe600;</span>
340         <span class="e601">&#xe601;</span>
341         <span class="e602">&#xe602;</span>
342         <span class="e603">&#xe603;</span>
343         <span class="e604">&#xe604;</span>
344         <span class="e605">&#xe605;</span>
345         <span class="e606">&#xe606;</span>
346         <span class="e607">&#xe607;</span>
347         <span class="e608">&#xe608;</span>
348         <span class="e609">&#xe609;</span>
349         <span class="e60a">&#xe60a;</span>
350         <span class="e60b">&#xe60b;</span>
351         <span class="e60c">&#xe60c;</span>
352         <span class="e60d">&#xe60d;</span>
353         <span class="e60e">&#xe60e;</span>
354         <span class="e60f">&#xe60f;</span>
355         <span class="e610">&#xe610;</span>
356         <span class="e611">&#xe611;</span>
357         <span class="e612">&#xe612;</span>
358         <span class="e613">&#xe613;</span>
359         <span class="e614">&#xe614;</span>
360         <span class="e615">&#xe615;</span>
361         <span class="e616">&#xe616;</span>
362         <span class="e617">&#xe617;</span>
363         <span class="e618">&#xe618;</span>
364         <span class="e619">&#xe619;</span>
365         <span class="e61a">&#xe61a;</span>
366         <span class="e61b">&#xe61b;</span>
367         <span class="e61c">&#xe61c;</span>
368         <span class="e61d">&#xe61d;</span>
369         <span class="e61e">&#xe61e;</span>
370         <span class="e61f">&#xe61f;</span>
371         <span class="e620">&#xe620;</span>
372         <span class="e621">&#xe621;</span>
373         <span class="e622">&#xe622;</span>
374         <span class="e623">&#xe623;</span>
375         <span class="e624">&#xe624;</span>
376         <span class="e625">&#xe625;</span>
377         <span class="e626">&#xe626;</span>
378         <span class="e627">&#xe627;</span>
379         <span class="e628">&#xe628;</span>
380         <span class="e629">&#xe629;</span>
381         <span class="e62a">&#xe62a;</span>
382         <span class="e62b">&#xe62b;</span>
383         <span class="e62c">&#xe62c;</span>
384         <span class="e62d">&#xe62d;</span>
385         <span class="e62e">&#xe62e;</span>
386         <span class="e62f">&#xe62f;</span>
387         <span class="e630">&#xe630;</span>
388         <span class="e631">&#xe631;</span>
389         <span class="e632">&#xe632;</span>
390         <span class="e633">&#xe633;</span>
391         <span class="e634">&#xe634;</span>
392         <span class="e635">&#xe635;</span>
393         <span class="e636">&#xe636;</span>
394         <span class="e637">&#xe637;</span>
395         <span class="e638">&#xe638;</span>
396         <span class="e639">&#xe639;</span>
397         <span class="e63a">&#xe63a;</span>
398         <span class="e63b">&#xe63b;</span>
399         <span class="e63c">&#xe63c;</span>
400         <span class="e63d">&#xe63d;</span>
401         <span class="e63e">&#xe63e;</span>
402         <span class="e63f">&#xe63f;</span>
403         <span class="e640">&#xe640;</span>
404         <span class="e641">&#xe641;</span>
405         <span class="e642">&#xe642;</span>
406         <span class="e643">&#xe643;</span>
407         <span class="e644">&#xe644;</span>
408         <span class="e645">&#xe645;</span>
409         <span class="e646">&#xe646;</span>
410         <span class="e647">&#xe647;</span>
411         <span class="e648">&#xe648;</span>
412         <span class="e649">&#xe649;</span>
413         <span class="e64a">&#xe64a;</span>
414         <span class="e64b">&#xe64b;</span>
415       </div>
416     </article>
417   </body>
418 </html>