greggy/landingpage-haus-schleusingen
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Google Maps Karte im Standort-Bereich eingebaut

Browse Source
This commit is contained in:
Martin
2026-05-10 10:31:28 +02:00
parent 62d775cc4a
commit f36dc8f37d
2 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
css/haus-schleusingen.css
View File

@@ -781,6 +781,30 @@ nav.scrolled .nav-links a:hover {
line-height: 1.6; line-height: 1.6;
} }
.lage-map-wrapper {
margin-top: 3rem;
border: 1px solid var(--warm);
overflow: hidden;
}
.lage-map-wrapper iframe {
display: block;
width: 100%;
height: 450px;
filter: grayscale(30%) contrast(1.05);
transition: filter 0.4s ease;
}
.lage-map-wrapper:hover iframe {
filter: grayscale(0%) contrast(1);
}
@media (width <= 900px) {
.lage-map-wrapper iframe {
height: 320px;
}
}
/* CONTACT */ /* CONTACT */
.contact-section { .contact-section {
background: var(--cream); background: var(--cream);

14
haus-schleusingen.html
View File

@@ -6,7 +6,6 @@
<title>Einfamilienhaus zur Miete - Schleusingen</title> <title>Einfamilienhaus zur Miete - Schleusingen</title>
<link rel="stylesheet" href="fonts/fonts.css" /> <link rel="stylesheet" href="fonts/fonts.css" />
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<!-- Masonry removed – using CSS columns instead -->
<link rel="stylesheet" href="css/haus-schleusingen.css" /> <link rel="stylesheet" href="css/haus-schleusingen.css" />
</head> </head>
<body> <body>
@@ -438,6 +437,19 @@
</div> </div>
</div> </div>
</div> </div>
<div class="lage-map-wrapper">
<iframe
src="https://maps.google.com/maps?q=50.5090045,10.7473859&t=&z=16&ie=UTF8&iwloc=&output=embed"
width="100%"
height="450"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
title="Standort Bahnhofstraße 10, Schleusingen"
></iframe>
</div>
</section> </section>
<section class="contact-section" id="kontakt"> <section class="contact-section" id="kontakt">