Split into subpages, move menu to sidebar, restrict hero image size
This commit is contained in:
Antigravity
50
aktuelles.html
Normal file
50
aktuelles.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!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. - Aktuelles">
|
||||
<title>Aktuelles - Sporthunde Nordeifel e.V.</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="background-effects">
|
||||
<div class="blob green"></div>
|
||||
<div class="blob blue"></div>
|
||||
</div>
|
||||
|
||||
<div class="page-layout">
|
||||
<nav class="sidebar glass-card fade-in">
|
||||
<div class="sidebar-logo">
|
||||
<img src="Logo%20Farbe.png" alt="Logo" class="logo-small">
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Startseite</a></li>
|
||||
<li><a href="ueber-uns.html">Über uns</a></li>
|
||||
<li><a href="aktuelles.html" class="active">Aktuelles</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main class="container">
|
||||
<section class="glass-card info-section fade-in">
|
||||
<h2>Aktuelles</h2>
|
||||
<div class="event-card">
|
||||
<h3>Dog Mud Fun Run</h3>
|
||||
<p>Wir richten den „Dog Mud Fun Run“ im Rahmen des bekannten Max Buddels Fun-Lauf aus. Hier geht es ab durch den Matsch und über Hindernisse – ein echtes Teamerlebnis für Hund und Halter.</p>
|
||||
<div class="event-images">
|
||||
<img src="dog%20mud%20fun%201.jpg" alt="Dog Mud Fun Event 1" class="event-img">
|
||||
<img src="dog%20mud%20fun%202.jpg" alt="Dog Mud Fun Event 2" class="event-img">
|
||||
</div>
|
||||
<a href="https://my.raceresult.com/402229/registration" target="_blank" class="cyber-button event-button">
|
||||
<span class="icon">🏃</span> Jetzt zum Dog Mud Fun anmelden!
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
74
impressum.html
Normal file
74
impressum.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<!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. - Impressum">
|
||||
<title>Impressum - Sporthunde Nordeifel e.V.</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="background-effects">
|
||||
<div class="blob green"></div>
|
||||
<div class="blob blue"></div>
|
||||
</div>
|
||||
|
||||
<div class="page-layout">
|
||||
<nav class="sidebar glass-card fade-in">
|
||||
<div class="sidebar-logo">
|
||||
<img src="Logo%20Farbe.png" alt="Logo" class="logo-small">
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Startseite</a></li>
|
||||
<li><a href="ueber-uns.html">Über uns</a></li>
|
||||
<li><a href="aktuelles.html">Aktuelles</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
<li><a href="impressum.html" class="active">Impressum</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main class="container">
|
||||
<section class="glass-card footer fade-in text-left">
|
||||
<h2>Impressum</h2>
|
||||
<div class="impressum-text">
|
||||
<h3>Angaben gemäß § 5 DDG</h3>
|
||||
<p><strong>Sporthunde Nordeifel e. V.</strong><br>
|
||||
Geschäftsstelle<br>
|
||||
Auf dem Stucks 43<br>
|
||||
53947 Nettersheim</p>
|
||||
<br>
|
||||
<p><strong>Vertreten durch:</strong><br>
|
||||
Christoph Jockenhövel<br>
|
||||
Heinz Leo Schröder<br>
|
||||
Julia Reis</p>
|
||||
<br>
|
||||
<p><strong>Kontakt:</strong><br>
|
||||
E-Mail: geschäftsstelle@sporthunde-nordeifel.de</p>
|
||||
<br>
|
||||
<p><strong>Registereintrag:</strong><br>
|
||||
Eintragung im Vereinsregister.<br>
|
||||
Registergericht: Amtsgericht Bonn<br>
|
||||
Registernummer: VR 12053</p>
|
||||
<br>
|
||||
<h3>Verbraucherstreitbeilegung / Universalschlichtungsstelle</h3>
|
||||
<p>Wir nehmen nicht an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teil und sind dazu auch nicht verpflichtet.</p>
|
||||
<br>
|
||||
<h3>Haftungsausschluss:</h3>
|
||||
<p><strong>Haftung für Inhalte</strong><br>
|
||||
Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 DDG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 DDG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
|
||||
<br>
|
||||
<p><strong>Haftung für Links</strong><br>
|
||||
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
|
||||
<br>
|
||||
<p><strong>Urheberrecht</strong><br>
|
||||
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
|
||||
<br>
|
||||
<p><small>Erstellt mit dem Impressum-Generator von WebsiteWissen.com, dem Ratgeber für Website-Erstellung, Homepage-Baukästen und Shopsysteme. Rechtstext von der Kanzlei Hasselbach.</small></p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
121
index.html
121
index.html
@@ -3,8 +3,8 @@
|
||||
<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>
|
||||
<meta name="description" content="Sporthunde Nordeifel e.V. - Startseite">
|
||||
<title>Startseite - Sporthunde Nordeifel e.V.</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
@@ -13,106 +13,31 @@
|
||||
<div class="blob blue"></div>
|
||||
</div>
|
||||
|
||||
<nav class="navbar glass-card fade-in">
|
||||
<ul class="nav-links">
|
||||
<li><a href="#home">Startseite</a></li>
|
||||
<li><a href="#ueber-uns">Über uns</a></li>
|
||||
<li><a href="#aktuelles">Aktuelles</a></li>
|
||||
<li><a href="#kontakt">Kontakt</a></li>
|
||||
<li><a href="#impressum">Impressum</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main class="container">
|
||||
<header id="home" class="glass-card hero fade-in">
|
||||
<div class="logo-container">
|
||||
<img src="Logo%20Farbe.png" alt="Sporthunde Nordeifel e.V. Logo" class="logo">
|
||||
<div class="page-layout">
|
||||
<nav class="sidebar glass-card fade-in">
|
||||
<div class="sidebar-logo">
|
||||
<img src="Logo%20Farbe.png" alt="Logo" class="logo-small">
|
||||
</div>
|
||||
<h1>Sporthunde Nordeifel <span class="ev">e.V.</span></h1>
|
||||
<p class="subtitle">Wir bewegen die Nordeifel</p>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html" class="active">Startseite</a></li>
|
||||
<li><a href="ueber-uns.html">Über uns</a></li>
|
||||
<li><a href="aktuelles.html">Aktuelles</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="hero-image-container">
|
||||
<img src="hero_image.png" alt="Zughundesport in Aktion" class="hero-image">
|
||||
</div>
|
||||
</header>
|
||||
<main class="container">
|
||||
<header class="glass-card hero fade-in">
|
||||
<h1>Sporthunde Nordeifel <span class="ev">e.V.</span></h1>
|
||||
<p class="subtitle">Wir bewegen die Nordeifel</p>
|
||||
|
||||
<section id="ueber-uns" class="glass-card info-section fade-in">
|
||||
<h2>Über uns</h2>
|
||||
<h3>Wer wir sind</h3>
|
||||
<p>Der Verein wurde im September 2023 gegründet und ist gemeinnützig tätig. Wir sind ein junger und dynamischer Verein aus begeisterten Hundesportlern, die gemeinsam trainieren und den Austausch unter Gleichgesinnten schätzen.</p>
|
||||
<br>
|
||||
<h3>Was wir machen</h3>
|
||||
<p>Unser Herz schlägt für den Zughundesport. Ein starkes Team funktioniert nur, wenn beide Seiten körperlich und technisch gut vorbereitet sind. Deshalb trainieren wir nicht nur die Hunde, sondern legen auch großen Wert auf die sportliche Ausbildung des Menschen. Ob ein gesunder Laufstil im Canicross oder die souveräne Beherrschung von Bike und Scooter – wir bereiten euch so vor, dass ihr diesen faszinierenden Sport lange und gesund ausüben könnt. Ob Anfänger oder ambitionierter Sportler – bei uns ist jedes Team willkommen.</p>
|
||||
<br>
|
||||
<h3>Unsere Philosophie: Qualität durch Ausbildung</h3>
|
||||
<p>Zughundesport ist ein Teamsport. Damit ihr diesen Sport viele Jahre lang gemeinsam betreiben könnt, legen wir Wert auf fundierte Trainerausbildung, Fitness & Technik für den Menschen und artgerechte Hundeausbildung.</p>
|
||||
</section>
|
||||
|
||||
<section id="aktuelles" class="glass-card info-section fade-in">
|
||||
<h2>Aktuelles</h2>
|
||||
<div class="event-card">
|
||||
<h3>Dog Mud Fun Run</h3>
|
||||
<p>Wir richten den „Dog Mud Fun Run“ im Rahmen des bekannten Max Buddels Fun-Lauf aus. Hier geht es ab durch den Matsch und über Hindernisse – ein echtes Teamerlebnis für Hund und Halter.</p>
|
||||
<div class="event-images">
|
||||
<img src="dog%20mud%20fun%201.jpg" alt="Dog Mud Fun Event 1" class="event-img">
|
||||
<img src="dog%20mud%20fun%202.jpg" alt="Dog Mud Fun Event 2" class="event-img">
|
||||
<div class="hero-image-container">
|
||||
<img src="hero_image.png" alt="Zughundesport in Aktion" class="hero-image">
|
||||
</div>
|
||||
<a href="https://my.raceresult.com/402229/registration" target="_blank" class="cyber-button event-button">
|
||||
<span class="icon">🏃</span> Jetzt zum Dog Mud Fun anmelden!
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="kontakt" class="glass-card contact-section fade-in">
|
||||
<h2>Kontakt</h2>
|
||||
<p>Du hast Fragen zu unseren Sparten, möchtest mehr über die richtige Ausrüstung erfahren oder hast Interesse an einem Probetraining? Wir freuen uns darauf, dich und deinen Hund kennenzulernen!</p>
|
||||
<br>
|
||||
<div class="contact-grid">
|
||||
<a href="mailto:geschäftsstelle@sporthunde-nordeifel.de" class="cyber-button">
|
||||
<span class="icon">✉</span> Schreib uns eine E-Mail
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="impressum" class="glass-card footer fade-in text-left">
|
||||
<h2>Impressum</h2>
|
||||
<div class="impressum-text">
|
||||
<h3>Angaben gemäß § 5 DDG</h3>
|
||||
<p><strong>Sporthunde Nordeifel e. V.</strong><br>
|
||||
Geschäftsstelle<br>
|
||||
Auf dem Stucks 43<br>
|
||||
53947 Nettersheim</p>
|
||||
<br>
|
||||
<p><strong>Vertreten durch:</strong><br>
|
||||
Christoph Jockenhövel<br>
|
||||
Heinz Leo Schröder<br>
|
||||
Julia Reis</p>
|
||||
<br>
|
||||
<p><strong>Kontakt:</strong><br>
|
||||
E-Mail: geschäftsstelle@sporthunde-nordeifel.de</p>
|
||||
<br>
|
||||
<p><strong>Registereintrag:</strong><br>
|
||||
Eintragung im Vereinsregister.<br>
|
||||
Registergericht: Amtsgericht Bonn<br>
|
||||
Registernummer: VR 12053</p>
|
||||
<br>
|
||||
<h3>Verbraucherstreitbeilegung / Universalschlichtungsstelle</h3>
|
||||
<p>Wir nehmen nicht an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teil und sind dazu auch nicht verpflichtet.</p>
|
||||
<br>
|
||||
<h3>Haftungsausschluss:</h3>
|
||||
<p><strong>Haftung für Inhalte</strong><br>
|
||||
Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 DDG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 DDG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
|
||||
<br>
|
||||
<p><strong>Haftung für Links</strong><br>
|
||||
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
|
||||
<br>
|
||||
<p><strong>Urheberrecht</strong><br>
|
||||
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
|
||||
<br>
|
||||
<p><small>Erstellt mit dem Impressum-Generator von WebsiteWissen.com, dem Ratgeber für Website-Erstellung, Homepage-Baukästen und Shopsysteme. Rechtstext von der Kanzlei Hasselbach.</small></p>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
</header>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
||||
46
kontakt.html
Normal file
46
kontakt.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!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. - Kontakt">
|
||||
<title>Kontakt - Sporthunde Nordeifel e.V.</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="background-effects">
|
||||
<div class="blob green"></div>
|
||||
<div class="blob blue"></div>
|
||||
</div>
|
||||
|
||||
<div class="page-layout">
|
||||
<nav class="sidebar glass-card fade-in">
|
||||
<div class="sidebar-logo">
|
||||
<img src="Logo%20Farbe.png" alt="Logo" class="logo-small">
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Startseite</a></li>
|
||||
<li><a href="ueber-uns.html">Über uns</a></li>
|
||||
<li><a href="aktuelles.html">Aktuelles</a></li>
|
||||
<li><a href="kontakt.html" class="active">Kontakt</a></li>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main class="container">
|
||||
<section class="glass-card contact-section fade-in">
|
||||
<h2>Kontakt</h2>
|
||||
<p>Du hast Fragen zu unseren Sparten, möchtest mehr über die richtige Ausrüstung erfahren oder hast Interesse an einem Probetraining? Wir freuen uns darauf, dich und deinen Hund kennenzulernen!</p>
|
||||
<br>
|
||||
<div class="contact-grid">
|
||||
<a href="mailto:geschäftsstelle@sporthunde-nordeifel.de" class="cyber-button">
|
||||
<span class="icon">✉</span> Schreib uns eine E-Mail
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
65
styles.css
65
styles.css
@@ -73,10 +73,23 @@ body {
|
||||
}
|
||||
|
||||
/* Layout */
|
||||
.page-layout {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
padding: 2rem;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
@media(min-width: 900px) {
|
||||
.page-layout {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
flex: 1;
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
padding: 4rem 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2.5rem;
|
||||
@@ -273,34 +286,57 @@ p {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* Neue CSS-Klassen für Navbar, Hero-Image, Events, Impressum */
|
||||
.navbar {
|
||||
/* Neue CSS-Klassen für Sidebar, Hero-Image, Events, Impressum */
|
||||
.sidebar {
|
||||
position: sticky;
|
||||
top: 20px;
|
||||
top: 2rem;
|
||||
height: fit-content;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
margin: 0 auto;
|
||||
max-width: 900px;
|
||||
padding: 1rem;
|
||||
border-radius: 50px;
|
||||
padding: 2rem;
|
||||
border-radius: 24px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
@media(min-width: 900px) {
|
||||
.sidebar {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-logo {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo-small {
|
||||
width: 150px;
|
||||
height: auto;
|
||||
filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 2rem;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.nav-links a {
|
||||
text-decoration: none;
|
||||
color: var(--text-primary);
|
||||
font-weight: 500;
|
||||
font-size: 1.2rem;
|
||||
transition: color 0.3s ease;
|
||||
display: block;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.nav-links a:hover {
|
||||
.nav-links a:hover, .nav-links a.active {
|
||||
color: var(--accent-green);
|
||||
background: rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
.hero-image-container {
|
||||
@@ -308,6 +344,9 @@ p {
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
max-height: 400px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hero-image {
|
||||
|
||||
47
ueber-uns.html
Normal file
47
ueber-uns.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<!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. - Über uns">
|
||||
<title>Über uns - Sporthunde Nordeifel e.V.</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="background-effects">
|
||||
<div class="blob green"></div>
|
||||
<div class="blob blue"></div>
|
||||
</div>
|
||||
|
||||
<div class="page-layout">
|
||||
<nav class="sidebar glass-card fade-in">
|
||||
<div class="sidebar-logo">
|
||||
<img src="Logo%20Farbe.png" alt="Logo" class="logo-small">
|
||||
</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Startseite</a></li>
|
||||
<li><a href="ueber-uns.html" class="active">Über uns</a></li>
|
||||
<li><a href="aktuelles.html">Aktuelles</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main class="container">
|
||||
<section class="glass-card info-section fade-in">
|
||||
<h2>Über uns</h2>
|
||||
<h3>Wer wir sind</h3>
|
||||
<p>Der Verein wurde im September 2023 gegründet und ist gemeinnützig tätig. Wir sind ein junger und dynamischer Verein aus begeisterten Hundesportlern, die gemeinsam trainieren und den Austausch unter Gleichgesinnten schätzen.</p>
|
||||
<br>
|
||||
<h3>Was wir machen</h3>
|
||||
<p>Unser Herz schlägt für den Zughundesport. Ein starkes Team funktioniert nur, wenn beide Seiten körperlich und technisch gut vorbereitet sind. Deshalb trainieren wir nicht nur die Hunde, sondern legen auch großen Wert auf die sportliche Ausbildung des Menschen. Ob ein gesunder Laufstil im Canicross oder die souveräne Beherrschung von Bike und Scooter – wir bereiten euch so vor, dass ihr diesen faszinierenden Sport lange und gesund ausüben könnt. Ob Anfänger oder ambitionierter Sportler – bei uns ist jedes Team willkommen.</p>
|
||||
<br>
|
||||
<h3>Unsere Philosophie: Qualität durch Ausbildung</h3>
|
||||
<p>Zughundesport ist ein Teamsport. Damit ihr diesen Sport viele Jahre lang gemeinsam betreiben könnt, legen wir Wert auf fundierte Trainerausbildung, Fitness & Technik für den Menschen und artgerechte Hundeausbildung.</p>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user