Erste Version der Website
This commit is contained in:
commit
bd789656d5
10 changed files with 158 additions and 0 deletions
4
.gitignore
vendored
Normal file
4
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
*.save
|
||||
*.swp
|
||||
*~
|
||||
.DS_Store
|
||||
44
css/style.css
Normal file
44
css/style.css
Normal 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
18
eis_projekt.html
Normal 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
BIN
img/bild1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
BIN
img/bild2.jpg
Normal file
BIN
img/bild2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 410 KiB |
16
impressum.html
Normal file
16
impressum.html
Normal 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
29
index.html
Normal 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
15
js/script.js
Normal 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
16
kontakt.html
Normal 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
16
ueber_uns.html
Normal 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>
|
||||
Loading…
Reference in a new issue