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

html stuff ; very boring boilerplate stuff

Browse Source
This commit is contained in:
rattatwinko
2026-04-15 11:15:39 +02:00
parent a22be96419
commit 00fae82fb7
7 changed files with 178 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
html/intro.html Normal file
View File

@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>

50
html/stadien/index.html Normal file
View File

@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles/index.css" rel="stylesheet">
<title>Austragungssorte</title>
</head>
<body>
<h1>Austragungsorte</h1>
<table>
<tr>
<td>
<strong>Westregion</strong>
<ul>
<li>Vancouver (BC Place)</li>
<li>Seattle (Lumen Field)</li>
<li>San Francisco (Levi’s Stadium)</li>
<li>Los Angeles (SoFi Stadium)</li>
</ul>
</td>
<td>
<strong>Mitte-Region</strong>
<ul>
<li>Guadalajara (Estadio Akron)</li>
<li>Mexiko-Stadt (Estadio Azteca)</li>
<li>Monterrey (Estadio BBVA)</li>
<li>Houston (NRG Stadium)</li>
<li>Dallas (AT&T Stadium)</li>
<li>Kansas City (Arrowhead)</li>
</ul>
</td>
<td>
<strong>Ostregion</strong>
<ul>
<li>Toronto (BMO Field)</li>
<li>Atlanta (Mercedes-Benz)</li>
<li>Miami (Hard Rock Stadium)</li>
<li>Boston (Gillette Stadium)</li>
<li>Philadelphia (Lincoln Financial)</li>
<li>New York (MetLife Stadium)</li>
</ul>
</td>
</tr>
</table>
</body>
</html>

BIN
html/stadien/styles/images/image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 540 KiB

44
html/stadien/styles/index.css Normal file
View File

@@ -0,0 +1,44 @@
body {
background-image: url("images/image.jpg");
background-size: cover;
background-position: center;
background-attachment: fixed;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
color: white;
font-family: sans-serif;
}
h1 {
margin-top: 50px;
}
table {
margin-left: auto;
margin-right: auto;
border-collapse: separate;
border-spacing: 40px 0;
}
td {
vertical-align: top;
text-align: center;
}
ul {
list-style-position: inside;
padding: 0;
}
li {
color: white;
margin-bottom: 8px;
}
strong {
display: block;
margin-bottom: 10px;
font-size: 1.1em;
}

BIN
html/wm/images/wmlogo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

54
html/wm/startseite_wm.html Normal file
View File

@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WM - Startseite</title>
<link rel="stylesheet" href="styles/styles.css">
</head>
<h1>Die Fußball-Weltmeisterschaft 2026</h1>
<p id="h1_under">vom 11. Juni bis 19. Juli 2026 in Kanada, Mexiko und den USA</p>
<img src="images/wmlogo.jpg"
width="640"
height="480"
>
<ul>
<li>Eröffnungsspiel:
<ul>
<li>Am 11. Juni 2026 um 21:00 Uhr im Aztekenstadion in Mexiko-Stadt (Mexiko vs. Südafrika)</li>
</ul>
</li>
<li>Finale:
<ul>
<li>Am 19. Juli 2026 im MetLife Stadium in East Rutherford, New Jersey</li>
</ul>
</li>
<li>Teilnehmer:
<ul>
<li>Erste WM mit 48 teilnehmenden Nationen</li>
</ul>
</li>
<li>Format:
<ul>
<li>Insgesamt 104 Spiele in 12 Gruppen</li>
<li>Austragung in 16 Stadien in drei Ländern</li>
</ul>
</li>
<li>Zeitzonen:
<ul>
<li>Das Turnier erstreckt sich über vier verschiedene Zeitzonen in Nordamerika</li>
</ul>
</li>
<li>Maskottchen:
<ul>
<li>Maple, Zayu & Clutch</li>
</ul>
</li>
</ul>
</body>
</html>

20
html/wm/styles/styles.css Normal file
View File

@@ -0,0 +1,20 @@
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h1 {
text-align: center;
}
#h1_under {
text-align: center;
}
ul {
margin: 10px;
padding: 10px;
}
ul li {
margin: 10px;
}