@@Sandra
ein Kontaktformular-Template aus dem Internet
Das hast du dir leider Müll aus dem Internet rausgesucht.
Der Reihe nach:
<h2>So erreichen Sie uns</h2> <div class="lbox wow fadeInLeft" data-wow-delay="0.2s"> <h2>Kontakt</h2>
Die Überschriftenhierarchie stimmt nicht. Das ist eine Überschrift 2. Ordnung, der kein Inhalt folgt, dann kommt die nächste Überschrift 2. Ordnung.
Eine der Überschriften ist auch völlig überflüssig. Entscheide dich zwischen „So erreichen Sie uns“ und „Kontakt“, aber nicht beides.
Tel.: <a href="tel:+123456789">123/456789</a><br> E-Mail: <a href="mailto:info@test-firma.de">info@test-firma.de</a></p>
„Tel.“ (besser ausgeschrieben „Telefon“) und „E-Mail“ gehören mit in den Linktext.
Für Beispieldomains nutze bitte eine der nach RFC 2602 dafür vorgesehenen, wie example.com.
<input type="text" name="name" placeholder="Name*" class="required" required title="Geben Sie bitte Ihren Namen ein!" />
Eingabefelder brauchen eine Beschriftung! Placeholder sind keine Labels, siehe Links.
Das title
-Attribut ist sinnfrei; weg damit!
<div id="captcha">
Ein CAPTCHA‽ Du tust alles, um Nutzer zu verprellen.
<div id="thank-you"><center><h3>Vielen Dank für Ihre Nachricht!</h3></center></div>
Das ist keine Überschrift, <h3>
ist falsch, das sollte ein <p>
sein. Gestaltung (Schriftgröße) per CSS.
Ebenfalls die Ausrichtung; <center>
hat im HTML nichts zu suchen.
Wobei die Zentrierung sowieso fragwürdig ist. I.A. sollte alles™ im Web links ausgerichtet sein.
🖖 Живіть довго і процвітайте
„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“
— @Grantscheam auf Twitter