1 changed files with 59 additions and 59 deletions
@ -1,66 +1,66 @@ |
|||
<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 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> |
|||
</div> |
|||
<h2 class="gradient">Für die Angebotserstellung benötigen wir noch Kontaktdaten von Ihnen</h2> |
|||
<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> |
|||
<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="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="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> |
|||
<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> |
|||
</div> |
|||
</div> |
|||
|
|||
Loading…
Reference in new issue