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

götter und template

Browse Source
This commit is contained in:
ZockerKatze
2025-06-11 12:35:14 +02:00
parent 88c569afd2
commit 89d5ed249b
5 changed files with 152 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
goetter/css/style.css Normal file
View File

@@ -0,0 +1,43 @@
h1 {
font-family: Brush Script MT;
font-size: 3em;
font-weight: bold;
background-color: #708090;
color: white;
}
h2 {
font-size: 2em;
font-weight: bold;
color: #708090;
font-family: Brush Script MT;
font-style: italic; /* schaut sonst nicht gut aus :) */
}
.div-1 {
font-size: 1em;
font-style: italic;
}
.div-2 {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.div-2 img {
max-width: 100%;
height: auto;
}
.div-3 h3 {
font-weight:bold;
color:#708090;
font-style: normal;
}
.textcontainer {
font-size: 1em;
}

BIN
goetter/images/zeus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

64
goetter/index.html Normal file
View File

@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Olympische Götter</title>
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<h1>Olympische Götter</h1>
<div class="textcontainer div-1">
<p>
Auch wenn die Griechen viele Götter kannten, nur 12 von ihnen war es
vergönnt auf dem Olymp zu wohnen. Daher kommt für diese Götter auch
die Bezeichnung Olympische Götter oder auch zwölf Götter des Olymps.
</p>
</div>
<div style="padding-left: 20px;">
<ol>
<li>Zeus: Göttervater</li>
<li>Poseidon: Gott des Meeres</li>
<li>Hera: Göttin der Ehe und der Familie</li>
<li>Demeter: Fruchtbarkeitsgöttin</li>
<li>Apollon: Gott der Künste und des Lichts</li>
<li>Artemis: Göttin des Mondes und der Natur</li>
<li>Athene: Göttin der Weisheit</li>
<li>Ares: Gott des Krieges</li>
<li>Aphrodite: Göttin der Liebe und der Schönheit</li>
<li>Hermes: Gott der Boten</li>
<li>Hephaistos: Gott des Feuers</li>
<li>Dionysos: Gott des Weines und der Ekstase</li>
</ol>
</div>
<h2>Verehrung der griechischen Götter</h2>
<div class="div-1">
<p>
Die zwölf olympischen Götter wurden von den antiken Griechen natürlich
besonders verehrt, jeder auf seine spezielle Weise. Oft gedachte man
den olympischen Göttern aber auch in der Gesamtheit, wie beispielsweise
am Zwölfgötter-Altar in der Agora in Athen.
</p>
</div>
<div class="div-2">
<img src="images/zeus.png" alt="Bild von Zeus" />
</div>
<div class="div-3">
<h3>Zeus</h3>
<p>
Zeus ist der jüngste Sohn des Titanenpaares Kronos und Rhea
kämpft vom Olymp aus gegen die Titanen
Machtsymbole sind der Herrscherblitz und dsein Schlild Aigis
musste gegen die Giganten und Typhon kämpfen
teilte die Welt in 3 Reiche: Himmel, Meer und Unterwelt
beauftrage Prometheus und Epimetheus die Erde mit Tieren und Menschen zu füllen
hatte 36 Frauen, die er verführte, und unzählige Kinder
</p>
</div>
</body>
</html>

15
template/index.html Normal file
View File

@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Template</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="main">
<h2>Heading</h2>
<p>Paragraph</p>
</div>
</body>
</html>>

30
template/style.css Normal file
View File

@@ -0,0 +1,30 @@
/* style.css */
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
margin: 0;
padding: 20px;
color: #333;
}
.main {
background-color: white;
max-width: 600px;
margin: 40px auto;
padding: 30px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
text-align: center;
}
.main h2 {
color: #007BFF;
margin-bottom: 15px;
}
.main p {
font-size: 16px;
line-height: 1.5;
}