PBA3H22ADE/ZooWebseite
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

Seite erstellt

Browse Source
This commit is contained in:
RuteMooth 2024-04-17 08:53:49 +02:00
parent 128897cf38
commit a307ec2cb6
2 changed files with 106 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
JereZoo/css/layout.css
View File

@ -0,0 +1,48 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header, footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px 0;
}
section {
padding: 20px;
margin-bottom: 20px;
background-color: #f9f9f9;
}
h2 {
color: #333;
}
table {
width: 100%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid #ccc;
padding: 10px;
}
#animal-gallery {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
#animal-gallery img {
max-width: 100%;
height: auto;
}

65
JereZoo/index.html
View File

@ -1,16 +1,65 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="de">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JereZoo</title> <title>Zoo Webseite</title>
<link rel="stylesheet" href="css/layout.cssq"> <link rel="stylesheet" href="css/layout.css">
</head> </head>
<body> <body>
<header>
<h1>Willkommen beim JereZoo</h1>
</header>
<script src="js/allg.js"></script> <section id="about">
<h2>Über uns</h2>
<p>Jeremy Zimbal, einst bekannt für seine Abneigung gegen Tiere, entdeckte durch die Rettung einer verletzten Eule namens Jere eine neue Leidenschaft für die Tierwelt. Inspiriert von dieser Erfahrung gründete er den JereZoo als einen Ort der Wunder und Bildung, wo Mensch und Tier in Harmonie zusammenleben konnten. Sein Wandel von einem Tierhasser zum Gründer eines bedeutenden Zoos hinterließ ein bleibendes Vermächtnis für die Bewohner von Jereton.</p>
</section>
<section id="opening-hours">
<h2>Öffnungszeiten</h2>
<p>Montag bis Freitag: 10:00 - 20:00</p>
<p>Samstag und Sonntag: 8:00 - 21:00</p>
<p>Feiertage: Geschlossen</p>
</section>
<section id="animals">
<h2>Unsere Tiere</h2>
<div id="animal-gallery">
<!-- Hier könnten Bilder von Tieren eingefügt werden -->
</div>
</section>
<section id="prices">
<h2>Preistabelle</h2>
<table>
<tr>
<th>Ticketart</th>
<th>Preis</th>
</tr>
<tr>
<td>Erwachsene</td>
<td>19.95</td>
</tr>
<tr>
<td>Kinder (3-12)</td>
<td>9.95</td>
</tr>
<tr>
<td>Senioren</td>
<td>7.95</td>
</tr>
<tr>
<td>Familienpaket</td>
<td>29.95</td>
</tr>
</table>
</section>
<section id="sponsorship">
<h2>Patenschaften</h2>
<p>[Hier könnten Informationen über die Möglichkeit, Tiere im Zoo zu unterstützen, eingefügt werden]</p>
<a href="patenshop.html">Zum Patenshop</a>
</section>
<footer>
<p>Kontakt: Zoostraße 9 | 01243 48472 | support@jerezoo.de</p>
<p>&copy; 2024 JereZoo. Alle Rechte vorbehalten.</p>
</footer>
<script src="script.js"></script>
</body> </body>
</html> </html>