Philipp Lang
5 years ago
1 changed files with 59 additions and 59 deletions
@ -1,66 +1,66 @@ |
|||||
<div> |
<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> |
||||
</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> |
|
||||
|
</div> |
||||
|
|||||
Loading…
Reference in new issue