rattatwinko/HTML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added 2 sites

Browse Source
This commit is contained in:
rattatwinko
2025-06-12 09:54:33 +02:00
parent c8aef3d2dd
commit f11fc6b5ca
6 changed files with 175 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
site/css/style.css
View File

@@ -1,11 +1,52 @@
.div-1 h1 {
text-align:center;
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.div-2 a {
body {
background-color: #ffffff;
color: #333;
display: flex;
justify-content: center;
align-items: center;
text-align:center;
min-height: 100vh;
}
.container {
background: #fff;
padding: 40px;
border-radius: 16px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
text-align: center;
max-width: 400px;
width: 100%;
}
header h1 {
font-size: 2rem;
margin-bottom: 24px;
color: #111;
}
.navigation {
display: flex;
flex-direction: column;
gap: 16px;
}
.navigation a {
text-decoration: none;
color: #0056b3;
padding: 12px 20px;
border: 2px solid #0056b3;
border-radius: 12px;
transition: all 0.3s ease;
}
.navigation a:hover {
background-color: #0056b3;
color: white;
}

37
site/index.html
View File

@@ -1,21 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Mythos Portal</title>
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<header>
<h1>Mythische Welten</h1>
</header>
<div class="div-1">
<h1>PageIndex</h1>
</div>
<div class="div-2">
<li>
<a href="goetter/index.html">Götter Seite</a>
</li>
</div>
</body>
<nav class="navigation">
<a href="goetter/index.html">Götter Seite</a>
<a href="wie_alles_begann/index.html">Wie alles begann</a>
<a href="olymp/index.html">olymp</a>
</nav>
</div>
</body>
</html>

17
site/olymp/css/style.css Normal file
View File

@@ -0,0 +1,17 @@
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
}
header, section {
background: white;
margin-bottom: 20px;
padding: 20px;
border-radius: 10px;
}
h1, h2 {
color: #2c3e50;
}

40
site/olymp/index.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/style.css" rel="stylesheet" />
<title>Der Olymp</title>
</head>
<body>
<header>
<h1>Der Olymp</h1>
</header>
<section>
<h2>Olymp in der Mythologie</h2>
<ul>
<li>Wohnort der Götter</li>
<li>Gipfel war lichterfüllt</li>
<li>Oberster Gerichtshof bei Straftaten</li>
<li>War vom Uranus (Himmel) umgeben</li>
<li>Es regnete nie und nie war es windig</li>
</ul>
<p>In den Gipfeln des Olymps stürzten einst die Olympischen Götter die Titanen im legendären Kampf der Titanen ("Titanomachie") und stellten dann ihr göttliches Reich auf. Der Thron von Zeus stand am Gipfel des Olymps, jeder einzelne olympische Gott verfügte über einen eigenen Palast. In den Schluchten und Wäldern des Olymps lag der Sitz der neun Musen, der griechischen Göttinnen der Künste und Wissenschaften.</p>
</section>
<section>
<h2>Tatsächliche Fakten zum Olymp</h2>
<ul>
<li>Höchster Berg von Griechenland</li>
<li>Zweithöchster Berg auf dem Balkan</li>
<li>Liegt in der Nähe des Dorfes Litochoron in Nordthessalien</li>
<li>Höchster Punkt: "Mytika" (auch "Pantheon"), 2.917 m</li>
</ul>
</section>
</body>
</html>

24
site/wie_alles_begann/css/style.css Normal file
View File

@@ -0,0 +1,24 @@
body {
font-family: Arial, sans-serif;
color: #333;
margin: 20px;
background-color: #f9f9f9;
}
h1 {
font-family: 'Brush Script MT', cursive;
font-size: 2.5em;
background-color: #708090;
color: white;
padding: 10px;
text-align: center;
}
h2 {
font-family: 'Brush Script MT', cursive;
font-size: 1.8em;
color: #708090;
font-style: italic;
margin-top: 30px;
}

29
site/wie_alles_begann/index.html Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Griechische Mythologie - Wie alles begann</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<h1 id="heading">Griechische Mythologie - Wie alles begann</h1>
<div class="maintext">
<p>
Die griechische Mythologie umfasst die Gesamtheit der antiken griechischen Mythen, also der Geschichten der Götter und Helden des antiken Griechenlands.
</p>
</div>
<h2 id="schoephung_ueberschrift">Die Schöpfung - Wie alles begann</h2>
<div class="schoephung">
<p>
Kronos übernahm die Weltherrschaft, heiratete seine Schwester Rhea und wurde Vater von Hestia, Demeter, Hera, Hades, Poseidon und Zeus. Ein Orakel wahrsagte ihm, dass eines seiner Kinder ihn entthronen wird, worauf er alle auffraß. Nur Zeus nicht, da Rhea ihn auf Kreta versteckte.
Später kehrte Zeus zurück und nahm Rache, indem er Kronos ein Brechmittel ins Essen mischte, worauf dieser alle Kinder wieder ausbrach. Er befreite auch die Zyklopen aus dem Tartarus, die aus Dankbarkeit die drei göttlichen Brüder mit Waffen ausstatteten: Zeus bekam den Donnerkeil, Hades eine Tarnkappe und Poseidon den Dreizack.
Mit diesen Waffen töteten sie schließlich ihren Vater Kronos. Danach begann der Kampf gegen die Titanen, die aber durch einen plötzlichen Schrei Pans gewarnt und in die Flucht geschlagen wurden. Letztendlich teilten sich die Brüder die Welt: Hades übernahm die Unterwelt, Poseidon das Meer und Zeus das Land. So zumindest die griechische Mythologie.
</p>
</div>
</body>
</html>