universum-website/index.html at master · WindowPlaceBrain/universum-website · 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
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Astronomie-Website über Sterne, Planeten und das Universum - Ein Schulprojekt an der TEKO Schweizerische Fachschule" />
    <meta name="robots" content="index, follow" />
    <meta name="theme-color" content="#000" />
    <link rel="stylesheet" href="css/styles.css" />
    <title>Entdecke das Universum</title>
  </head>
  <body>
    <header>
      <nav class="navbar">
        <div class="logo">🌌 Entdecke das Universum</div>
        <ul class="nav-links">
          <li><a href="index.html" class="active">Startseite</a></li>
          <li><a href="sonnensystem.html">Sonnensystem</a></li>
          <li><a href="sterne.html">Sterne</a></li>
          <li><a href="apod.html">Bild des Tages</a></li>
          <li><a href="kontakt.html">Kontakt</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <section class="welcome-section">
        <h1>Willkommen im faszinierenden Kosmos</h1>

        <div class="hero-container">
          <p class="overlay-text">Entdecke die Wunder des Weltalls</p>
        </div>

        <h2>Über dieses Projekt</h2>
        <p>
          Willkommen auf meiner astronomischen Entdeckungsreise! Diese Website ist ein Schulprojekt im Rahmen des Kurses "Internetdienste" an der TEKO Schweizerische Fachschule AG und bietet einen Einblick in die faszinierenden Welten unseres Universums.
        </p>

        <p>
          Tauche ein in die unendlichen Weiten des Kosmos und entdecke die Geheimnisse von Sternen, Planeten und mehr!
        </p>
      </section>
    </main>
    <footer class="general-footer">
      <div class="footer-links">
        <a href="#top">Zurück zum Seitenanfang</a>
      </div>
      <p class="disclaimer">
        © 2025 Luca Moser
        Keine Rechte vorbehalten.
      </p>
    </footer>
  </body>
</html>