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);
|
||||
}
|
||||
|
||||
.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 {
|
||||
background: var(--dark);
|
||||
|
||||
@@ -527,16 +527,20 @@
|
||||
<div class="form-success" id="formSuccess">
|
||||
<p>Vielen Dank für Ihre Anfrage!</p>
|
||||
<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 class="contact-details">
|
||||
<p>Oder schreiben Sie uns direkt: <a href="mailto:mki@kies-media.de">mki@kies-media.de</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<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">
|
||||
<a href="#">Impressum</a>
|
||||
<a href="/impressum" target="_blank">Impressum</a>
|
||||
<a href="#">Datenschutz</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@@ -71,14 +71,33 @@ $(function () {
|
||||
}
|
||||
});
|
||||
|
||||
// Form submit
|
||||
// Form submit – opens email client with pre-filled mailto: link
|
||||
$("#contactForm").on("submit", function (e) {
|
||||
e.preventDefault();
|
||||
var btn = $(this).find(".btn-submit");
|
||||
btn.text("Wird gesendet...").prop("disabled", true);
|
||||
setTimeout(function () {
|
||||
$("#contactForm").hide();
|
||||
$("#formSuccess").fadeIn(400);
|
||||
}, 1200);
|
||||
|
||||
var fname = $("#fname").val().trim();
|
||||
var lname = $("#lname").val().trim();
|
||||
var email = $("#email").val().trim();
|
||||
var phone = $("#phone").val().trim();
|
||||
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