Compare commits
7 Commits
feature/is
...
5b2b7babd3
| Author | SHA1 | Date | |
|---|---|---|---|
| 5b2b7babd3 | |||
| 88780c300a | |||
|
|
cc7b2d8d70 | ||
| ea85280cde | |||
| 958f52fd5d | |||
| 9c68365ab8 | |||
| 5b304730fa |
@@ -928,6 +928,29 @@ nav.scrolled .nav-links a:hover {
|
|||||||
color: var(--stone);
|
color: var(--stone);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact-details {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding-top: 1.5rem;
|
||||||
|
border-top: 1px solid var(--warm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-details p {
|
||||||
|
font-size: 0.95rem;
|
||||||
|
color: var(--stone);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-details a {
|
||||||
|
color: var(--accent);
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-details a:hover {
|
||||||
|
color: var(--accent-light);
|
||||||
|
}
|
||||||
|
|
||||||
/* FOOTER */
|
/* FOOTER */
|
||||||
footer {
|
footer {
|
||||||
background: var(--dark);
|
background: var(--dark);
|
||||||
|
|||||||
@@ -527,16 +527,20 @@
|
|||||||
<div class="form-success" id="formSuccess">
|
<div class="form-success" id="formSuccess">
|
||||||
<p>Vielen Dank für Ihre Anfrage!</p>
|
<p>Vielen Dank für Ihre Anfrage!</p>
|
||||||
<br />
|
<br />
|
||||||
<small>Wir melden uns schnellstmöglich bei Ihnen.</small>
|
<small>Ihr E-Mail-Programm wurde geöffnet. Bitte senden Sie die E-Mail ab, damit Ihre Anfrage bei uns eingeht.</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="contact-details">
|
||||||
|
<p>Oder schreiben Sie uns direkt: <a href="mailto:mki@kies-media.de">mki@kies-media.de</a></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
|
<div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
|
||||||
|
<div class="footer-phone"><a href="tel:+4917645853923">0176-45853923</a></div>
|
||||||
<div class="footer-links">
|
<div class="footer-links">
|
||||||
<a href="#">Impressum</a>
|
<a href="/impressum" target="_blank">Impressum</a>
|
||||||
<a href="#">Datenschutz</a>
|
<a href="#">Datenschutz</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -71,14 +71,33 @@ $(function () {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Form submit
|
// Form submit – opens email client with pre-filled mailto: link
|
||||||
$("#contactForm").on("submit", function (e) {
|
$("#contactForm").on("submit", function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
var btn = $(this).find(".btn-submit");
|
|
||||||
btn.text("Wird gesendet...").prop("disabled", true);
|
var fname = $("#fname").val().trim();
|
||||||
setTimeout(function () {
|
var lname = $("#lname").val().trim();
|
||||||
$("#contactForm").hide();
|
var email = $("#email").val().trim();
|
||||||
$("#formSuccess").fadeIn(400);
|
var phone = $("#phone").val().trim();
|
||||||
}, 1200);
|
var interest = $("#interest").val();
|
||||||
|
var message = $("#message").val().trim();
|
||||||
|
|
||||||
|
var subject = "Kontaktanfrage: " + interest;
|
||||||
|
var body = "Von: " + fname + " " + lname + "\n";
|
||||||
|
body += "E-Mail: " + email + "\n";
|
||||||
|
if (phone) body += "Telefon: " + phone + "\n";
|
||||||
|
body += "Anliegen: " + interest + "\n\n";
|
||||||
|
body += message;
|
||||||
|
|
||||||
|
var mailto =
|
||||||
|
"mailto:mki@kies-media.de" +
|
||||||
|
"?subject=" + encodeURIComponent(subject) +
|
||||||
|
"&body=" + encodeURIComponent(body);
|
||||||
|
|
||||||
|
window.location.href = mailto;
|
||||||
|
|
||||||
|
// Show success message
|
||||||
|
$("#contactForm").hide();
|
||||||
|
$("#formSuccess").fadeIn(400);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user