57 lines
2.2 KiB
HTML
57 lines
2.2 KiB
HTML
<!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="Sporthunde Nordeifel e.V. - Die Elite der Sporthunde in der Nordeifel.">
|
|
<title>Sporthunde Nordeifel e.V.</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;800&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="background-effects">
|
|
<div class="blob green"></div>
|
|
<div class="blob blue"></div>
|
|
</div>
|
|
|
|
<main class="container">
|
|
<header class="glass-card hero fade-in">
|
|
<div class="logo-container">
|
|
<img src="Logo%20Farbe.png" alt="Sporthunde Nordeifel e.V. Logo" class="logo">
|
|
</div>
|
|
<h1>Sporthunde Nordeifel <span class="ev">e.V.</span></h1>
|
|
<p class="subtitle">Adrenalin. Präzision. Teamwork.</p>
|
|
</header>
|
|
|
|
<section class="glass-card info-section fade-in">
|
|
<h2>Über uns</h2>
|
|
<p>Wir sind mehr als nur ein Verein. Wir sind die Elite der Sporthunde in der Nordeifel. Trainiere mit den Besten, pushe deine Grenzen und erreiche gemeinsam mit deinem Hund das Unmögliche.</p>
|
|
</section>
|
|
|
|
<section class="glass-card contact-section fade-in">
|
|
<h2>Kontakt</h2>
|
|
<div class="contact-grid">
|
|
<a href="mailto:info@sporthunde-nordeifel.de" class="cyber-button">
|
|
<span class="icon">✉</span> info@sporthunde-nordeifel.de
|
|
</a>
|
|
<a href="tel:+49123456789" class="cyber-button">
|
|
<span class="icon">☏</span> +49 123 456 789
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="glass-card footer fade-in">
|
|
<h2>Impressum</h2>
|
|
<p><strong>Sporthunde Nordeifel e.V.</strong><br>
|
|
Musterstraße 1<br>
|
|
12345 Musterstadt</p>
|
|
<br>
|
|
<p>Vertreten durch den Vorstand: Max Mustermann</p>
|
|
<p>Vereinsregister: VR 12345 (Amtsgericht Musterstadt)</p>
|
|
</footer>
|
|
</main>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|