davidkertzscher/eis-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Website aktualisiert

Browse source
This commit is contained in:
David Kertzscher 2026-05-06 14:15:59 +00:00
parent 9b04f70d01
commit 28e4b87493
10 changed files with 218 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

116
css/style.css
View file

@ -617,6 +617,107 @@ textarea {
color: #d946ef;
}
/* ===========================
Team Page Styles
=========================== */
.team-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 2.5rem;
margin: 2rem 0;
}
.team-card {
display: flex;
flex-direction: row;
gap: 1.5rem;
background: rgba(255, 255, 255, 0.85);
border: 2px solid rgba(255, 105, 180, 0.2);
border-radius: 20px;
padding: 2rem;
box-shadow: 0 8px 32px rgba(255, 20, 147, 0.15);
transition: all 0.3s ease;
animation: slideUp 0.6s ease-out;
}
.team-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 40px rgba(255, 20, 147, 0.25);
border-color: rgba(255, 105, 180, 0.4);
}
.team-image {
flex-shrink: 0;
width: 180px;
height: 180px;
border-radius: 15px;
overflow: hidden;
border: 3px solid rgba(255, 105, 180, 0.3);
background: linear-gradient(135deg, #ffc0cb 0%, #ffe6f0 100%);
display: flex;
align-items: center;
justify-content: center;
animation: float-flower 3s ease-in-out infinite;
}
.team-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.team-info h3 {
font-size: 1.8rem;
margin-bottom: 0.5rem;
color: #ff1493;
}
.team-meta {
font-size: 0.95rem;
color: #b8659c;
margin-bottom: 1rem;
font-weight: 500;
}
.team-description {
color: #6b3a5f;
line-height: 1.8;
margin-bottom: 1.5rem;
font-size: 1rem;
}
.team-skills {
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
}
.skill-tag {
display: inline-block;
background: linear-gradient(135deg, #ffc0cb 0%, #ffe6f0 100%);
color: #d946ef;
padding: 0.4rem 1rem;
border-radius: 25px;
font-size: 0.9rem;
font-weight: 500;
border: 1px solid rgba(255, 105, 180, 0.2);
transition: all 0.3s ease;
}
.skill-tag:hover {
background: linear-gradient(135deg, #ff69b4 0%, #ffc0cb 100%);
color: #fff;
transform: scale(1.05);
}
/* ===========================
Responsive Design
=========================== */
@ -693,4 +794,19 @@ textarea {
.galerie img {
height: 200px;
}
.team-container {
grid-template-columns: 1fr;
}
.team-card {
flex-direction: column;
align-items: center;
text-align: center;
}
.team-image {
width: 150px;
height: 150px;
}
}

1
eis_projekt.html
View file

@ -22,6 +22,7 @@
<a href="index.html">Start</a>
<a href="ueber_uns.html">Über uns</a>
<a href="eis_projekt.html" class="active">Projekt</a>
<a href="team.html">Team</a>
<a href="galerie.html">Galerie</a>
<a href="kontakt.html">Kontakt</a>
<a href="impressum.html">Impressum</a>

1
galerie.html
View file

@ -22,6 +22,7 @@
<a href="index.html">Start</a>
<a href="ueber_uns.html">Über uns</a>
<a href="eis_projekt.html">Projekt</a>
<a href="team.html">Team</a>
<a href="galerie.html" class="active">Galerie</a>
<a href="kontakt.html">Kontakt</a>
<a href="impressum.html">Impressum</a>

BIN
img/avatardavid.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
img/avatarkaro.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

1
impressum.html
View file

@ -22,6 +22,7 @@
<a href="index.html">Start</a>
<a href="ueber_uns.html">Über uns</a>
<a href="eis_projekt.html">Projekt</a>
<a href="team.html">Team</a>
<a href="galerie.html">Galerie</a>
<a href="kontakt.html">Kontakt</a>
<a href="impressum.html" class="active">Impressum</a>

1
index.html
View file

@ -22,6 +22,7 @@
<a href="index.html" class="active">Start</a>
<a href="ueber_uns.html">Über uns</a>
<a href="eis_projekt.html">Projekt</a>
<a href="team.html">Team</a>
<a href="galerie.html">Galerie</a>
<a href="kontakt.html">Kontakt</a>
<a href="impressum.html">Impressum</a>

1
kontakt.html
View file

@ -22,6 +22,7 @@
<a href="index.html">Start</a>
<a href="ueber_uns.html">Über uns</a>
<a href="eis_projekt.html">Projekt</a>
<a href="team.html">Team</a>
<a href="galerie.html">Galerie</a>
<a href="kontakt.html" class="active">Kontakt</a>
<a href="impressum.html">Impressum</a>

96
team.html Normal file
View file

@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Team - David & Karo - EIS Projekt">
<title>Team – David & Karo</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/logo.png" type="image/png">
</head>
<body>
<header>
<div class="header-container">
<div class="logo">
<img src="img/logo.png" alt="Logo">
<div class="logo-text">
<span class="institution">David & Karo</span>
<span class="project">EIS Projekt</span>
</div>
</div>
<nav>
<a href="index.html">Start</a>
<a href="ueber_uns.html">Über uns</a>
<a href="eis_projekt.html">Projekt</a>
<a href="team.html" class="active">Team</a>
<a href="galerie.html">Galerie</a>
<a href="kontakt.html">Kontakt</a>
<a href="impressum.html">Impressum</a>
</nav>
</div>
</header>
<main>
<section class="hero">
<h1>🌸 Unser Team 💕</h1>
<p>Lerne David & Karo kennen – die kreativen Köpfe hinter diesem Projekt! 🌷✨</p>
</section>
<section>
<h2>👥 Team Members</h2>
<p>Hier stellen sich die Macher dieses Projekts vor:</p>
<div class="team-container">
<!-- David Steckbrief -->
<div class="team-card">
<div class="team-image">
<img src="img/avatardavid.png" alt="David Avatar">
</div>
<div class="team-info">
<h3>David 👨‍💻</h3>
<p class="team-meta"><strong>Alter:</strong> 23 Jahre | <strong>Gender:</strong> Boy</p>
<p class="team-description">
David ist leidenschaftlicher Gamer und Bildbearbeiter. Mit einem Auge für visuelle Details und der Liebe zu Computerspielen bringt er kreative Energie ins Team. Seine Fähigkeiten in der Bildbearbeitung sorgen dafür, dass das Projekt optisch top aussieht! 🎮🖼️
</p>
<div class="team-skills">
<span class="skill-tag">🎮 Gaming</span>
<span class="skill-tag">🖼️ Bildbearbeitung</span>
<span class="skill-tag">💻 Tech</span>
</div>
</div>
</div>
<!-- Karo Steckbrief -->
<div class="team-card">
<div class="team-image">
<img src="img/avatarkaro.png" alt="Karo Avatar">
</div>
<div class="team-info">
<h3>Karo 👩‍🎨</h3>
<p class="team-meta"><strong>Alter:</strong> 24 Jahre | <strong>Gender:</strong> Girl</p>
<p class="team-description">
Karo ist eine Design-Enthusiastin mit einem flauschigen Kater an ihrer Seite. Sie liebt es, kreative Designs zu gestalten und Projekte zum Leben zu erwecken. Mit ihrem Design-Know-how und der entspannten Energie ihres Katers schafft sie Inspiration und Gemütlichkeit im Team! 🐱✨
</p>
<div class="team-skills">
<span class="skill-tag">🎨 Design</span>
<span class="skill-tag">🐱 Katzenliebhaberin</span>
<span class="skill-tag">✨ Kreativität</span>
</div>
</div>
</div>
</div>
</section>
<section>
<h2>🤝 Zusammen sind wir stark</h2>
<p>David und Karo bilden ein perfektes Team: Während David mit technischen Fähigkeiten und visueller Kreativität glänzt, bringt Karo Design-Expertise und künstlerische Vision ein. Zusammen schaffen sie ein interaktives Projekt, das nicht nur funktional ist, sondern auch eine Freude zu nutzen! 💪✨</p>
</section>
<footer>
<p>&copy; 2026 David & Karo – EIS Projekt. Alle Rechte vorbehalten. 💕</p>
</footer>
</main>
<script src="js/script.js"></script>
</body>
</html>

1
ueber_uns.html
View file

@ -22,6 +22,7 @@
<a href="index.html">Start</a>
<a href="ueber_uns.html" class="active">Über uns</a>
<a href="eis_projekt.html">Projekt</a>
<a href="team.html">Team</a>
<a href="galerie.html">Galerie</a>
<a href="kontakt.html">Kontakt</a>
<a href="impressum.html">Impressum</a>