WebEngineeringWebsite/website.html at main · agax1210/WebEngineeringWebsite · GitHub

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
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>ASTRO LIVING</title>
    <link rel="stylesheet" href="style.css"/>
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"/>
    <link rel="preconnect" href="https://fonts.googleapis.com"/>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
          rel="stylesheet"/>
</head>
<body>
<header>
    <nav>
        <ul>
            <li>
                <a href="#"><img src="pictures/products/logo.jpeg" alt="Logo von ASTRO LIVING"></a>
            </li>
            <li>
                <a href="#"><span>About</span></a>
            </li>
            <li>
                <a href="#"><span>Produkte</span></a>
            </li>
            <li>
                <a href="#"><span>Blog</span></a>
            </li>
            <li>
                <a href="#"><span>Kontakt</span></a>
            </li>
            <li>
                <a href="#"><span class="material-symbols-rounded">Search</span></a>
            </li>
            <li>
                <a href="#"><span class="material-symbols-rounded">Login</span></a>
            </li>
        </ul>
    </nav>
</header>
<main>
    <h1>ASTRO LIVING</h1>
    <h2>- Out of This World Comfort -</h2>
    <div class="container">
        <img src="pictures/products/logo.jpeg" alt="Firmenlogo ASTRO LIVING"/>
        <div class="container-description">
            <h1>ASTRO LIVING Inc.</h1>
            <span class="material-symbols-rounded">rocket_launch</span>
            <p>Über uns:<br/>
                ASTRO LIVING Inc. ist der führende Anbieter von innovativen Komfortlösungen, die speziell für den
                Weltraum entwickelt wurden.
                Seit unserer Gründung im Jahr 2045 widmen wir uns der Mission, das Leben jenseits der Erde so angenehm
                und luxuriös wie möglich
                zu gestalten. Unsere Produkte sind nicht nur technologisch wegweisend, sondern auch auf die
                einzigartigen Herausforderungen der Schwerelosigkeit und extraterrestrischen Lebensräume abgestimmt.
            </p>
            <span class="material-symbols-rounded">apartment</span>
            <p>Unsere Mission:<br/>
                Wir wollen die erste Adresse für intergalaktische Komforttechnologie sein. Ob auf Raumstationen,
                Mars-Kolonien oder bei interstellaren Reisen – wir bringen Wärme, Bequemlichkeit und Stil in den Kosmos.
            </p>
            <a href="#">Mehr erfahren</a>
        </div>
    </div>
    <div class="parallax-window parallax-window-1"></div>
    <div class="container">
        <img src="pictures/products/pod.webp" alt="Produktbild Quantum Sleep Pod"/>
        <div class="container-description">
            <h1>Quantum Sleep Pod</h1>
            <p>Der Quantum Sleep Pod ist ein hochmodernes Schlafsystem, das speziell für die Schwerelosigkeit entwickelt
                wurde. Durch schalldichte Materialien und adaptive Temperaturregulierung schafft er eine ideale
                Schlafumgebung. Eingebaute Vibrationssensoren und ein KI-gesteuertes Schlafüberwachungssystem fördern
                Tiefschlafphasen und bieten maximale Erholung, selbst in der Weite des Alls.</p>
            <a href="#">Zum Produkt</a>
        </div>
    </div>
    <div class="parallax-window parallax-window-2"></div>
    <div class="container">
        <img src="pictures/products/gardenSystem.jpg" alt="Produktbild Quantum Sleep Pod"/>
        <div class="container-description">
            <h1>Lunar Garden System</h1>
            <p>Das Lunar Garden System ist ein fortschrittliches Pflanzensystem für Weltraumumgebungen, das es
                ermöglicht, frische Pflanzen in Schwerelosigkeit zu kultivieren. Mit einer transparenten, modularen
                Struktur und leuchtenden Akzenten in Blau und Violett unterstützt es optimales Wachstum und schafft eine
                beruhigende Atmosphäre. Der Garten integriert modernste Technologien, um Pflanzenpflege in der Weite des
                Alls effizient und nachhaltig zu gestalten.</p>
            <a href="#">Zum Produkt</a>
        </div>
    </div>
    <div class="parallax-window parallax-window-3"></div>
    <div class="container">
        <img src="pictures/products/shower.jpg" alt="Produktbild Quantum Sleep Pod"/>
        <div class="container-description">
            <h1>Stellar Shower</h1>
            <p>Die Stellar Shower ist eine innovative Weltraumdusche, die ein luxuriöses Reinigungserlebnis in
                Schwerelosigkeit bietet. Mit einem geschlossenen Kreislaufsystem und nanotechnologischen Reinigungsdüsen
                wird Wasser effizient genutzt und recycelt. In sanften Blau- und Violetttönen beleuchtet, simuliert die
                Dusche das Gefühl von fließendem Wasser, während sie gleichzeitig die Schwerelosigkeit nutzt, um ein
                einzigartiges Wellness-Erlebnis zu schaffen.</p>
            <a href="#">Zum Produkt</a>
        </div>
    </div>
    <div class="parallax-window parallax-window-4"></div>
    <div class="container">
        <img src="pictures/products/massageChair.jpg" alt="Produktbild Quantum Sleep Pod"/>
        <div class="container-description">
            <h1>Zero-G Massage Chair</h1>
            <p>Der Zero-G Massage Chair ist ein revolutionärer Massagestuhl, der speziell für die Schwerelosigkeit
                entwickelt wurde. Er kombiniert präzise Massagewalzen mit adaptivem Luftdruck, um Verspannungen zu lösen
                und die Durchblutung zu fördern. Das ergonomische Design passt sich dem Körper perfekt an und sorgt in
                der Schwerelosigkeit für ein unvergleichliches Entspannungserlebnis. Beleuchtet in beruhigenden Blau-
                und Violetttönen, schafft der Stuhl eine Oase des Wohlbefindens im Kosmos.</p>
            <a href="#">Zum Produkt</a>
        </div>
    </div>
</main>
<footer class="footer">
    <div class="footer-container">
        <div class="footer-column">
            <h3>Produkte</h3>
            <ul>
                <li><a href="#">Quantum Sleep Pod</a></li>
                <li><a href="#">Lunar Garden System</a></li>
                <li><a href="#">Stellar Shower</a></li>
                <li><a href="#">Zero-G Massage Chair</a></li>
            </ul>
        </div>
        <div class="footer-column">
            <h3>Blog</h3>
            <ul>
                <li><a href="#">Neuheiten</a></li>
                <li><a href="#">Innovative Technologien</a></li>
                <li><a href="#">Weltraumtipps</a></li>
            </ul>
        </div>
        <div class="footer-column">
            <h3>Support</h3>
            <ul>
                <li><a href="#">Support-Community</a></li>
                <li><a href="#">Kundensupport</a></li>
                <li><a href="#">Subraum-Wartungshandbuch</a></li>
            </ul>
        </div>
        <div class="footer-column">
            <h3>Unternehmen</h3>
            <ul>
                <li><a href="#">Über uns</a></li>
                <li><a href="#">Presse</a></li>
                <li><a href="#">Karriere</a></li>
                <li><a href="#">Newsletter</a></li>
                <li><a href="#">Rechtliches</a></li>
            </ul>
        </div>
        <div class="footer-column">
            <h3>Kontakt</h3>
            <ul>
                <li><a href="#">Subraumfunk: Frequenz 42.1234 MHz</a></li>
                <li><a href="#">Email: info@astroliving.com</a></li>
                <li><a href="#">Telefon: +49 123 456 789</a></li>
                <li><a href="#">Fax: +49 123 456 780</a></li>
            </ul>
        </div>
    </div>
    <hr class="footer-divider">
    <p>&copy; 2048 ASTRO LIVING Inc. Alle Rechte vorbehalten. Lunar Orbit Station 42, Module 7, Andromeda Quadrant,
        Sektor Zeta 12, Universum.</p>
</footer>
</body>
</html>