jef-sachsen.de/_includes/contact.html

<!-- Contact Section -->
<section id="contact">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2>Mitglied werden!</h2>
                <hr class="star-primary">
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
                <!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->

                <form name="sentMessage" id="contactForm" novalidate>
                    <p class="text-dark">JA! Ich möchte Mitglied der Europa-Union Deutschland — Landesverband Sachsen eV (EUD Sachsen) werden und damit den Europäischen Gedanken in Sachsen unterstützen. Wenn ich unter 35 Jahren alt bin, werde ich außerdem Mitglied der Jungen Europäischen Föderalisten Sachsen eV (JEF Sachsen).</p>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Vorname</label>
                            <input type="text" class="form-control" placeholder="Vorname" id="vorname" required data-validation-required-message="Bitte gib Deinen Vornamen ein.">
                        </div>
                        <p class="help-block text-danger"></p>
                    </div>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Nachname</label>
                            <input type="text" class="form-control" placeholder="Nachname" id="nachname" required data-validation-required-message="Bitte gib Deinen Nachnamen ein.">

                        </div>
                        <p class="help-block text-danger"></p>
                    </div>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Geburtsdatum</label>
                            <input type="date" class="form-control" placeholder="Geburtsdatum" id="geburtsdatum" required data-validation-required-message="Bitte gib Dein Geburtsdatum ein.">
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Email</label>
                            <input type="email" class="form-control" placeholder="Email" id="email" required data-validation-required-message="Bitte gib Deine Email-Adresse ein.">
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Telefonnummer</label>
                            <input type="tel" class="form-control" placeholder="Telefonnummer" id="telefonnummer" required data-validation-required-message="Bitte gib Deine Telefonnummer ein.">
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Straße</label>
                            <input type="text" class="form-control" placeholder="Straße" id="strasse" required data-validation-required-message="Bitte gib Deine Straße ein.">
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
                    <div class="row control-group">
                        <div class="form-group col-xs-4 floating-label-form-group controls">
                            <label>PLZ</label>
                            <input type="number" class="form-control" placeholder="PLZ" id="plz" required data-validation-required-message="Bitte gib Deine Postleitzahl ein.">
                        </div>
                        <div class="form-group col-xs-8 floating-label-form-group controls">
                            <label>Stadt</label>
                            <input type="text" class="form-control" placeholder="Stadt" id="stadt" required data-validation-required-message="Bitte gib Deinen Wohnort ein.">
                        </div>
                        <p class="help-block text-danger"></p>
                    </div>
                    <br>
                    <p>Der Mitgliedsbeitrag beträgt 48 EUR/Jahr. Der ermäßigte Beitrag beträgt 24 EUR/Jahr. Der Mitgliedsbeitrag für eine eigenständige JEF-Mitgliedschaft beträgt 24 EUR/Jahr. Ich ermächtige die Europa-Union — Landesverband Sachsen (Gläubiger-ID: DE90ZZZ00001946400), bis auf schriftlichen Widerruf, den zu entrichtenden Mitgliedsbeitrag jährlich von folgendem Konto mittels Lastschrift einzuziehen:</p>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Kontoinhaber</label>
                            <input type="text" class="form-control" placeholder="Kontoinhaber (falls abweichend)" id="kontoinhaber" data-validation-required-message="Bitte gib Deinen Vornamen ein.">
                        </div>
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>IBAN</label>
                            <input type="text" class="form-control" placeholder="IBAN" id="iban" required data-validation-required-message="Bitte gib Deine Kontoverbindung ein.">
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>

                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label for="exampleInputFile">File input</label>
                            <input type="file" id="exampleInputFile">
                        </div>
                    </div>
                    <br>
                    <h4>Freiwilliger Teil</h4>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Beruf</label>
                            <input type="text" class="form-control" placeholder="Ich bin von Beruf..." id="Beruf">
                        </div>
                    </div>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Bekannt durch</label>
                            <input type="text" class="form-control" placeholder="Ich habe von der JEF durch ... erfahren" id="Beruf">
                        </div>
                    </div>
                    <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label>Anmerkungen/Wünsche</label>
                            <textarea rows="3" class="form-control" placeholder="Ich wünsche mir von der JEF Sachsen..." id="anmerkungen"></textarea>
                        </div>
                    </div>
                    <br>
                    <div id="success"></div>
                    <div class="row">
                        <div class="form-group col-xs-12">
                            <button type="submit" class="btn btn-primary btn-lg">Mitglied werden!</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>