Fix logo, center layout, fix hero image, remove event images, change email to info@
This commit is contained in:
@@ -32,11 +32,8 @@
|
|||||||
<h2>Aktuelles</h2>
|
<h2>Aktuelles</h2>
|
||||||
<div class="event-card">
|
<div class="event-card">
|
||||||
<h3>Dog Mud Fun Run</h3>
|
<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>
|
<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. Der Lauf erfordert Geschicklichkeit, Ausdauer und echtes Teamwork zwischen dir und deinem Vierbeiner. Egal ob als ambitioniertes Sport-Team oder einfach nur aus Spaß an der gemeinsamen Bewegung – dieses Event ist ein absolutes Highlight im Kalender jedes Hundesportlers!</p>
|
||||||
<div class="event-images">
|
<br>
|
||||||
<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">
|
<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!
|
<span class="icon">🏃</span> Jetzt zum Dog Mud Fun anmelden!
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -35,6 +35,8 @@
|
|||||||
<div class="hero-image-container">
|
<div class="hero-image-container">
|
||||||
<img src="hero_image.png" alt="Zughundesport in Aktion" class="hero-image">
|
<img src="hero_image.png" alt="Zughundesport in Aktion" class="hero-image">
|
||||||
</div>
|
</div>
|
||||||
|
<br>
|
||||||
|
<p>Willkommen bei den Sporthunden Nordeifel e.V. – deiner starken Gemeinschaft für den Zughundesport! Ob Anfänger oder erfahrener Athlet, wir bieten das passende Training für dich und deinen Hund.</p>
|
||||||
</header>
|
</header>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -33,7 +33,7 @@
|
|||||||
<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>
|
<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>
|
<br>
|
||||||
<div class="contact-grid">
|
<div class="contact-grid">
|
||||||
<a href="mailto:geschäftsstelle@sporthunde-nordeifel.de" class="cyber-button">
|
<a href="mailto:info@sporthunde-nordeifel.de" class="cyber-button">
|
||||||
<span class="icon">✉</span> Schreib uns eine E-Mail
|
<span class="icon">✉</span> Schreib uns eine E-Mail
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -79,11 +79,14 @@ body {
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(min-width: 900px) {
|
@media(min-width: 900px) {
|
||||||
.page-layout {
|
.page-layout {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -313,6 +316,7 @@ p {
|
|||||||
.logo-small {
|
.logo-small {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
object-fit: contain;
|
||||||
filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
|
filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -344,16 +348,17 @@ p {
|
|||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||||
max-height: 400px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-image {
|
.hero-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: 600px;
|
||||||
height: auto;
|
height: auto;
|
||||||
display: block;
|
display: block;
|
||||||
object-fit: cover;
|
object-fit: contain;
|
||||||
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.event-card {
|
.event-card {
|
||||||
|
|||||||
Reference in New Issue
Block a user