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