-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
235 lines (233 loc) · 10.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html
lang="de"
class="scroll-smooth selection:bg-yellow-400 selection:text-yellow-800"
>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fluffy-Limonadenfarik</title>
<meta name="theme-color" content="rgb(248 51 196)" />
</head>
<body class="font-serif bg-wuerg text-neon">
<main class="w-[120vw] mb-4">
<h1 class="text-3xl text-right uppercase">
Willkommen bei Fluffy, dem leckeren, spritzigen und zuckerfreien
Erfrischungsgetränk!
</h1>
<div class="grid grid-cols-10">
<img id="pulse" src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
</div>
<p class="text-6xl text-left">Fluffy die spritzige Limonadenfarik</p>
<div class="grid grid-cols-10">
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
<img src="./bilder/Fluffy_Logo_Animation.gif" width="60%" />
</div>
<hr class="my-6" />
<p class="text-5xl">Das Unternehmen</p>
<p class="text-2xl">
Fluffy GmbH ist ein junges, innovatives Unternehmen mit zur Zeit 34
Mitarbeitern, das alkoholfreie Erfrischungsgetränke ausschließlich
biologisch herstellt. Das Unternehmen hat seinen Sitz in Hamburg Altona.
Es ist aus der ehemaligen Altonaer-Traditionsbrauerei hervorgegangen.
Die Basis all unserer Getränke ist das wertvolle Mineralwasser aus dem
Harz. Diese besondere Quelle zeichnet sich durch besondere Reinheit und
vielen Spurenelementen aus.
</p>
<hr class="my-6" />
<img class="" src="https://picsum.photos/300/200?grayscale" width="10%" />
<p class="text-xl text-center">Hier ein schönes Foto für zwischendurch</p>
<hr class="my-6" />
<p class="text-lg">
Die Marke Fluffy als Garant für leckere Limonadensorten, wurde 2001
entwickelt und hat erfreut sich seitdem wachsender Beliebtheit. Die
Getränkesorten der Marke Fluffy sind alle rein biologisch hergestellt
und durch enthalten keinen zusätzlichen Zucker. Sie wird somit besonders
von ernährungsbewußten Kunden bevorzugt. Fluffy GmbH ist auf dem Weg,
seine Produkte deutschlandweit zu vertreiben. Hierzu sind wir gerade
dabei ein bundesweites Vertriebsnetz aufzubauen.
</p>
<hr class="my-6" />
<h2 class="mb-1 text-5xl">Fluffy Einkaufen</h2>
<p class="mb-2.5 font-mono text-lg">
Fluffylimonade kann zur Zeit nur Online bestellt werden. Wir sind aber
bestrebt, Fluffy in Zukunft in ihrem Supermarkt "um die Ecke" anbieten
zu können. Ansonsten rufen Sie uns an und bestellen entsprechende
Produkte. Wir werden diese Ihnen dann umgehend zukommen lassen.
</p>
<p class="mb-1 text-3xl">Zur Zeit hier zu kaufen gibt es:</p>
<!--Limo Dose-->
<p class="mb-1 text-xl">Fluffy Getränkedosen</p>
<picture>
<source srcset="./bilder/limo1.webp" type="image/webp" />
<source srcset="./bilder/limo1.png" type="image/png" />
<img src="limo1.png" />
</picture>
<p class="text-lg mb-2.5">
Beliebt vor allem bei der Jugend enthält jede Dose 100% Fluffy-Flavoury.
Garantiert! Erhältlich in den Geschmacksrichtungen "Zitrone" und
"Orange".
</p>
<hr class="my-3" />
<!--Bitterlemon -->
<p class="mb-1 text-xl">Fluffy Getränkedosen</p>
<picture>
<source srcset="./bilder/bitter_lemon.webp" type="image/webp" />
<source srcset="./bilder/bitter_lemon.png" type="image/png" />
<img src="bitter_lemon.png" />
</picture>
<p class="text-lg mb-2.5">
Die Königin unserer Produktpalette. Ungemein lecker und erfrischend!
</p>
<hr class="my-3" />
<!--Limo Dose-->
<p class="mb-1 text-xl">Fluffy Getränkedosen</p>
<picture>
<source srcset="./bilder/limo_familienpack.webp" type="image/webp" />
<source srcset="./bilder/limo_familienpack.png" type="image/png" />
<img src="limo_familienpack.png" />
</picture>
<p class="mb-2.5 text-lg">
Die leckere Limonade für die ganze Familie. Erhältlich in den
Geschmacksrichtungen "Orange" und "Himbeer".
</p>
<hr class="my-3" />
<!--Limo Dose-->
<p class="mb-1 text-xl">Fluffy Getränkedosen</p>
<picture>
<source srcset="./bilder/limo_kiste.webp" type="image/webp" />
<source srcset="./bilder/limo_kiste.png" type="image/png" />
<img src="limo_kiste.png" />
</picture>
<p class="text-lg mb-2.5">
Fluffy gibt es natürlich auch in der kostengünstigen Mehrwegkiste. Diese
schont die Umwelt und den Geldbeutel.
</p>
<hr class="my-3" />
<h2 class="text-5xl">Gewinnspiel</h2>
<p class="text-xl">
Machen Sie mit und Sie erhalten die Chance auf wertvolle Preise:
</p>
<ol class="ml-2 font-sans list-decimal list-inside">
<li>Preis: Eine Reise in den Harz</li>
<li>Preis: Ein Jahr ein Monatsabo an Limonade</li>
<li>
Preis: Ein Warengutschein über 50 Euro für alle Produkte der
Fluffy-GmbH
</li>
</ol>
<p class="text-xl">
Teilnehmen kann jeder der mindestens 18 Jahre alt ist. Mitmachen kann
man noch bis zum 31.10.2007. Die Preisfrage lautet: Wieviele Mitarbeiter
hat die Fluffy GmbH zur Zeit?
</p>
<p class="text-2xl">Viel Erfolg</p>
<section x-data="{open:false}">
<input
type="text"
name="solve"
placeholder="Lösung"
id=""
class="bg-yellow-300"
/>
<button
@click="open = !open"
class="p-1 m-2 text-sm text-gray-900 bg-gray-300 border border-gray-900 rounded shadow-xl hover:bg-gray-900 shadow-neon hover:shadow-green-900"
>
Lösung abschicken
</button>
<aside x-show="open">Richtig! Die Lösung ist 🌲</aside>
</section>
<hr class="my-3" />
<!--Rezepte-->
<p class="mb-1 text-5xl">Rezepte</p>
<p class="text-lg mb-2.5">
Fluffy-Limonade entspricht dem Trend nach natürlicher und gesunder
Ernährung: Ein alkoholfreies Erfrischungsgetränk, das durch auf
natürliche Art hergestellt wird. Fluffy-Limonade ist von Haus aus
calciumreich aber natriumarm. Mit den enthaltenen Mineralien stellt es
ein wichtigen Baustein zur gesunden Ernährung dar, und dieses Tag für
Tag Jüngste Forschungsergebnisse haben gezeigt, dass Fluffylimonade
überaus geeignet ist die tägliche Versorgung mit Mineralstoffen und
Spurenelementen sicherzustellen.
</p>
<p class="mb-1 text-xl">Der magische Trunk</p>
<p class="text-lg mb-2.5">
Hierfür werden eine frische Apfelsine, ein Apfel, ein wenig Zimt, etwas
Ingwer und Fluffy Orangenlimonade gebraucht. Apfelsine und Apfel schälen
und klein schneiden und mit der Fluffy Orangenlimonade verrühren. Zum
Abschluss mit Zimt und Ingwer verfeinern.
</p>
<p class="mb-1 text-xl">Der schnelle Läufer</p>
<p class="text-lg mb-2.5">
Hierfür benötigen Sie eine Limette, etwas Kümmel und Fluffy Bitterlemon.
Limette waschen und kleinschneiden, etwas Kümmel hinzugeben und zum
Abschluss mit Fluffy Bitterlemon auffüllen. Mmmh, das schmeckt und gibt
starke Beine.
</p>
<p class="mb-1 text-xl">Der Erfrischer</p>
<p class="text-lg mb-2.5">
Hierfür benötigen Sie eine Zitrone, viel Eis und eine Dose
Fluffygetränkedose (Zitrone oder Orange). Zitrone durchschneiden und
ausdrücken, Eis bis zum Glasrand und zum Abschluss mit Fluffy aufgießen.
Das erfrischt für den ganzen Tag!
</p>
<hr class="my-3" />
<p class="mb-1 text-5xl">Handelspartner</p>
<p class="text-lg mb-2.5">Wir arbreiten noch daran!</p>
<picture>
<source srcset="./bilder/baustelle.webp" type="image/webp" />
<source srcset="./bilder/baustelle.png" type="image/png" />
<img src="baustelle.png" />
</picture>
<hr class="my-3" />
<p class="mb-1 text-5xl">Impressum</p>
<p class="text mb-2.5">
Fluffy GmbH <br />
Geschäftsführer: Arnold Weißenegger<br />
Fon: 040 / 999 888<br />
Email: [email protected]<br />
Fluffy online <br />
</p>
<p class="mb-1 text-5xl">Hier noch ein paar hilfreiche Links</p>
<p class="text-lg mb-2.5">
Ich hatte gerade langeweile deswegen hier noch irgendwelche Links
</p>
<p class="">
<a href="http://www.google.de">Google</a><br />
<a href="http://www.amazon.ed">Amazon</a><br />
<a href="http://www.ebay.de">Ebay</a><br />
</p>
<picture>
<source srcset="./bilder/baustelle.webp" type="image/webp" />
<source srcset="./bilder/baustelle.png" type="image/png" />
<img src="baustelle.png" />
</picture>
<hr class="my-3" />
</main>
<footer x-init="date = new Date()" class="w-full text-right">
Copyright
<span x-text="date.getFullYear()"></span>
</footer>
<script src="/js/emojiCursor.js"></script>
<script type="module" src="/main.js"></script>
</body>
</html>