smueller/HexaHost-Web-Prod
1
0
Fork 0
mirror of https://git.hexahost.dev/smueller/HexaHost-Frontend.git synced 2026-06-02 08:58:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Aktualisierung der Kontaktseite: Ersetzung von Live Chat durch Discord-Support, Anpassung des Kontaktformulars mit Honeypot-Feld für Bot-Schutz und Verbesserung der Formularvalidierung. Hinzufügung von CSS-Stilen für neue Abschnitte und Optimierung der responsiven Darstellung.

Browse Source
This commit is contained in:
Samuel Müller
2025-07-31 16:30:05 +02:00
parent 3df2a0efea
commit a0b315c13f
6 changed files with 959 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/contact.html
View File

@@ -97,11 +97,11 @@
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
</svg>
</div>
<h3>Live Chat</h3>
<p>Direkter Support über unseren Live Chat für schnelle Hilfe.</p>
<button class="contact-link chat-btn" onclick="openLiveChat()">Chat starten</button>
<p class="contact-hours">Mo-Fr: 9:00-18:00 Uhr</p>
<h3>Discord</h3>
<p>Direkter Support über unseren Discord für schnelle Hilfe.</p>
<button class="contact-link chat-btn" onclick="window.open('https://discord.gg/DEIN-EINLADUNGS-LINK', '_blank')">Discord beitreten</button>
</div>
<div class="contact-item glass-card">
<div class="contact-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -174,17 +174,15 @@
<div class="form-group checkbox-group">
<label class="checkbox-label">
<input type="checkbox" id="privacy" name="privacy" required>
<span class="checkmark"></span>
Ich habe die <a href="#" target="_blank">Datenschutzerklärung</a> gelesen und stimme der Verarbeitung meiner Daten zu. *
</label>
</div>
<div class="form-group checkbox-group">
<!-- <div class="form-group checkbox-group">
<label class="checkbox-label">
<input type="checkbox" id="newsletter" name="newsletter">
<span class="checkmark"></span>
Ich möchte den HexaHost.de Newsletter mit Informationen zu neuen Produkten und Angeboten erhalten.
</label>
</div>
</div> -->
<div class="form-actions">
<button type="submit" class="btn btn-primary">Nachricht senden</button>
<button type="reset" class="btn btn-secondary">Formular zurücksetzen</button>