Erste Version der Website

This commit is contained in:
annika 2026-05-20 14:34:15 +00:00
commit bd789656d5
10 changed files with 158 additions and 0 deletions

4
.gitignore vendored Normal file
View file

@ -0,0 +1,4 @@
*.save
*.swp
*~
.DS_Store

44
css/style.css Normal file
View file

@ -0,0 +1,44 @@
<!-- style.css -->
body {
font-family: Arial, sans-serif;
background: linear-gradient(135deg, pink, violet);
color: white;
text-align: center;
}
header {
padding: 20px;
}
nav a {
margin: 0 10px;
color: white;
text-decoration: none;
font-weight: bold;
}
button {
background: hotpink;
border: none;
padding: 10px 20px;
color: white;
cursor: pointer;
border-radius: 20px;
}
img {
width: 200px;
border-radius: 20px;
margin-top: 20px;
}
/* Glitzer Effekt */
body::after {
content: "✨ ✨ ✨";
position: fixed;
top: 0;
left: 0;
width: 100%;
opacity: 0.2;
pointer-events: none;
}

18
eis_projekt.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Eis Projekt</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Eis Projekt 🍦</h1>
</header>
<main>
<p>Hier findest du Infos zu unserem Projekt.</p>
<a href="assets/projektinfo.pdf" target="_blank">Projektinfo öffnen</a>
<img src="img/pic2.jpg" alt="Bild 2">
</main>
</body>
</html>

BIN
img/bild1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 206 KiB

BIN
img/bild2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 410 KiB

16
impressum.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Impressum</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Impressum 📄</h1>
</header>
<main>
<p>Dein Name<br>Adresse<br>Email</p>
</main>
</body>
</html>

29
index.html Normal file
View file

@ -0,0 +1,29 @@
<!-- index.html -->
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Home</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>✨ My Girly Website ✨</h1>
<nav>
<a href="index.html">Home</a>
<a href="ueberuns.html">Über uns</a>
<a href="eis_project.html">Eis Projekt</a>
<a href="kontakt.html">Kontakt</a>
<a href="impressum.html">Impressum</a>
</nav>
</header>
<main>
<h2>Willkommen 💖</h2>
<p>Das ist ein süßes MVP mit Glitzer-Vibes ✨</p>
<img src="img/pic1.jpg" alt="Bild 1">
</main>
<script src="script.js"></script>
</body>
</html>

15
js/script.js Normal file
View file

@ -0,0 +1,15 @@
document.querySelector("form")?.addEventListener("submit", function(e) {
e.preventDefault();
alert("Nachricht gesendet 💖");
});
/* Folder structure (create manually)
/img
pic1.jpg
pic2.jpg
/assets
projektinfo.pdf

16
kontakt.html Normal file
View file

@ -0,0 +1,16 @@
/* script.js */
document.querySelector("form")?.addEventListener("submit", function(e) {
e.preventDefault();
alert("Nachricht gesendet 💖");
});
/* Folder structure (create manually)
/img
pic1.jpg
pic2.jpg
/assets
projektinfo.pdf
*/

16
ueber_uns.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Über uns</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Über uns 🌸</h1>
</header>
<main>
<p>Wir lieben Eis und Design 💜</p>
</main>
</body>
</html>