Form Section

Form Section

The header of the Section is made up of the form step and form header. The form step is optional to use

1

Form Section Headline

Legen Sie Ihre Datei hier ab

oder

Datei auswählen
<form action=""> <div class="formSection"> <div class="formStepHeader"> <div class="formSectionHeader--step"> <h2 class="text-center">1</h2> <svg class="formDown"> <path id="formDown" d="M0,0h21L10.5,9L0,0z" /> </svg> </div> <div class="formSectionHeader"> <h4>Form Section Headline</h4> </div> <div class="formSectionInfo"> <a class="link-icon right tooltip-link" data-toggle="tooltip" data-placement="top" data-html="true" title="Sehr geehrte Damen und Herren, <br> wir versenden unsere Rechnungen primär auf dem elektronischen Weg. Diese werden als PDF-Anhang per E-Mail ohne qualifizierte Signatur an Sie übermittelt. <br> Folgende Vorteile, von denen Sie als Kunde und wir als Firma profitieren, bietet diese Vorgehensweise: <br> <ul> <li>Zuverlässig und transparent: Die Rechnung wird Ihnen am Tag der Lieferung zugestellt. Sie können sofort Ihre bestellten Produkte, Preise und Stückzahlen kontrollieren.</li> <li>Der Umwelt zuliebe: Durch die Umstellung werden weniger wertvolle Ressourcen verbraucht und fossile Rohstoffe eingespart.</li> <li> Kostenreduzierung: Der elektronische Versand der Rechnungen/Gutschriften spart Platz, Zeit und bindet weniger Kapazitäten. <br> </li> </ul> Hinsichtlich der umsatzsteuerrechtlichen Behandlung von elektronisch übermittelten Rechnungen und daraus folgenden Erfordernissen, setzen Sie sich bitte mit ihrem Steuer-/Wirtschaftsprüfer in Verbindung. "> <span class="link-label">Label</span><span class="icon-wrapper"><span class="icon icon-info"><!-- --></span></span> </a> </div> </div> <div class="formSection--container"> <div class="form-group"> <label for="exampleInput">Inputlabel<em>optional</em></label> <input type="text" class="form-control" id="exampleInput" placeholder="Text"> </div> <div class="form-group"> <label for="exampleInput">Inputlabel<em>optional</em></label> <input type="text" class="form-control" id="exampleInput" placeholder="Text"> </div> <label for="exampleInput">Inputlabel</label> <div id="dZUpload" class="dropzone"> <div class="dz-default dz-message" data-dz-message> <p>Legen Sie Ihre Datei hier ab</p> <span class="icon glyphicon icon-paperclip"> <!-- --> </span> <p>oder</p> <a href="#" class="btn btn-default">Datei auswählen</a> </div> </div> <div class="form-group"> <label for="selectItem">Select Label</label> <select class="form-control selectOption" name="selectItem"> <option class="hidden" disabled selected>Bitte auswählen</option> <option>Select-1</option> <option>Select-2</option> <option>Select-3</option> <option>Select-4</option> </select> </div> </div> </div> </form>