You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
3.5 KiB
66 lines
3.5 KiB
<div>
|
|
<div class="geschafft">
|
|
<div class="check-geschafft">
|
|
<h3>Fast geschafft!</h3>
|
|
<p>Wir ermitteln jetzt das passende Finanzierungsangebot für Sie und prüfen Ihre Finanzierung bei der Bank innerhalb 48 Stunden.</p>
|
|
</div>
|
|
</div>
|
|
<h2 class="gradient">Für die Angebotserstellung benötigen wir noch Kontaktdaten von Ihnen</h2>
|
|
|
|
<div class="form-container last-step">
|
|
<div class="field-grid stepper-contact">
|
|
<div class="one-half">
|
|
<label for="firstname" :class="{'is-invalid': error('firstname')}">
|
|
<span>Vorname <span class="required-star">*</span></span>
|
|
<input type="text" x-model="value.firstname" id="firstname" placeholder="Max">
|
|
<var class="field-error" x-show="error('firstname')" x-text="error('firstname')"></var>
|
|
</label>
|
|
|
|
<label for="lastname" :class="{'is-invalid': error('lastname')}">
|
|
<span>Nachname <span class="required-star">*</span></span>
|
|
<input type="text" x-model="value.lastname" id="lastname" placeholder="Mustermann">
|
|
<var class="field-error" x-show="error('lastname')" x-text="error('lastname')"></var>
|
|
</label>
|
|
</div>
|
|
<div class="one-half">
|
|
|
|
<label for="phone" :class="{'is-invalid': error('phone')}">
|
|
<span>Telefon <span class="required-star">*</span></span>
|
|
<input type="tel" x-model="value.phone" id="phone" placeholder="0212 123456">
|
|
<var class="field-error" x-show="error('phone')" x-text="error('phone')"></var>
|
|
</label>
|
|
|
|
<label for="email" :class="{'is-invalid': error('email')}">
|
|
<span>E-Mail-Adresse <span class="required-star">*</span></span>
|
|
<input type="email" x-model="value.email" id="email" placeholder="max@mustermann.de">
|
|
<var class="field-error" x-show="error('email')" x-text="error('email')"></var>
|
|
</label>
|
|
</div>
|
|
<h4>Optionale Bedürfnisse (Förderung & Modernisierungsarbeiten)</h4>
|
|
<div class="open-query">
|
|
<label for="modernisierung" class="fancy-checkbox">
|
|
<input type="checkbox" x-model="value.modernisierung" id="modernisierung">
|
|
<span>Ich benötige Hilfe bei der Planung der Modernisierungsarbeiten sowie der dazugehörigen Kostenaufstellung. RCK stellt den Hauseigenen Architekten für ein Informationsgespräch kostenfrei zur Verfügung.</span>
|
|
</label>
|
|
<label for="energetisch" class="fancy-checkbox">
|
|
<input type="checkbox" x-model="value.energetisch" id="energetisch">
|
|
<span>Ich interessiere mich für die energetische Förderung durch Photovoltaik, Solar, Erdwärme etc.. RCK verfügt über hervorragende Verbindungen zu Fördermittelberatern und Produktanbietern (made in Germany).</span>
|
|
</label>
|
|
</div>
|
|
<label for="datenschutz" class="fancy-checkbox" :class="{'is-invalid': error('datenschutz')}">
|
|
<input type="checkbox" x-model="value.datenschutz" id="datenschutz">
|
|
<span>Ich habe die <a href="/datenschutzerklaerung/" target="_blank">Datenschutzerklärung</a> zur Kenntnis genommen.</span>
|
|
<var class="field-error" x-show="error('datenschutz')" x-text="error('datenschutz')"></var>
|
|
</label>
|
|
<div class="button-row letzter-step">
|
|
<button type="submit" class="weiter-step">Finanzierungsangebot erhalten</button>
|
|
</div>
|
|
<div class="usp-form">
|
|
<ul>
|
|
<li>SSL Verschlüsselt</li>
|
|
<li>Schnelle Rückmeldung</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|