EYEPIN NEWSLETTER: BETTER LAYOUT

created: 25.10.2018 09:17

edited: 02.11.2018 15:15

back

Added a row and some cols, removed eyepin inline style.

html
<div class="ep-form">
    <form action="http://alpencongress.eyepinnews.com/include/subscribe.php" method="post"
          style="margin:0;">
        <input type="hidden" name="ID" value="1009076">
        <input type="hidden" name="Language" value="de">
        <input type="hidden" name="Required" value="Email">
        <div class="row">
            <div class="col-lg-4 col-xs-12">
                <div class="form-group">
                    <label for="formitem-134098">Anrede</label><br>
                    <select style="width: 100%;background-color: transparent" name="Anrede" size="1"
                            id="formitem-134098">
                        <option value="" selected="selected"></option>
                        <option value="Herr">Herr</option>
                        <option value="Frau">Frau</option>
                        <option value="Family">Familie</option>
                    </select>
                </div>
            </div>
            <div class="col-lg-4 col-xs-12">
                <div class="form-group">
                    <label for="formitem-134100">Vorname</label><br>
                    <input type="text" name="Vorname" value="" style="width:100%;"
                           id="formitem-134100">
                </div>
            </div>
            <div class="col-lg-4 col-xs-12">
                <div class="form-group">
                    <label for="formitem-134101">Nachname</label><br>
                    <input type="text" name="Nachname" value="" style="width:100%;"
                           id="formitem-134101">
                </div>
            </div>
            <div class="col-lg-6 col-xs-12">
                <div class="form-group">
                    <label for="formitem-134103">Firma</label><br>
                    <input type="text" name="Firma" value="" style="width:100%;"
                           id="formitem-134103">
                </div>
            </div>
            <div class="col-lg-6 col-xs-12">
                <div class="form-group">
                    <label for="formitem-134097">E-Mail*</label><br>
                    <input type="text" name="Email" value="" style="width:100%;"
                           id="formitem-134097">
                </div>
            </div>
        </div>
        <button class="Button" type="submit" name="SubmitOptIn">Abschicken</button>
        <p>*) Pflichtfeld</p>
    </form>
</div>