-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (130 loc) · 6.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Form</title>
<link rel="icon" type="image/x-icon" href="favicon.png">
</head>
<body>
<div class="container">
<form action="https://formsubmit.co/[email protected]" method="POST" id="form1">
<!-- Start Form 1 -->
<h3 id="form-title">
Spanischer Grundbuchauszug bestellen
</h3>
<div>
<h4>Adresse der spanischen Immobilie</h4>
</div>
<div class="input-controll">
<input name="Strasse" type="text" placeholder="Strasse" required/>
<div class="required">
<p id="input-validation-message"></p>
</div>
</div>
<div class="half input-controll">
<input name="Postleitzahl" type="text" placeholder="Postleitzahl" />
<div class="error"></div>
</div>
<div class="half half-right input-controll">
<input name="Ortschaft" type="text" placeholder="Ortschaft"/>
<div class="error"></div>
</div>
<div class="input-controll">
<input name="Eigentümer" type="text" placeholder="Name des Eigentümers" />
<div id="box-position1">
<img id="note-image1" src="note.svg" alt="exclamation">
<div class="info-box">Wenn möglich, bitte angeben! <br><br>Die Angabe des vollständigen Namens des Eigentümers erhöht die Erfolgschancen der Bestellung erheblich.</div>
</div>
</div>
<div class="input-controll">
<input name="Bemerkungen" type="text" placeholder="Zusatzinformationen / Bemerkungen" />
</div>
<div class="btn-box">
<button type="button" id="next1">Weiter</button>
</div>
</form>
<!-- Start Form 2 -->
<form action="/" id="form2">
<!-- What has to be written in action??? / or \ or something else?-->
<h3 id="form-title">Spanischer Grundbuchauszug bestellen</h3>
<div>
<h4>Angaben des Bestellers</h4>
</div>
<div class="half input-controll">
<input name="Vorname" type="text" placeholder="Vorname" />
<div class="error"></div>
</div>
<div class="half half-right input-controll">
<input name="Nachname" type="text" placeholder="Nachname"/>
<div class="error"></div>
</div>
<div class="input-controll">
<input name="E-mail" type="email" placeholder="E-mail" />
</div>
<div class="input-controll">
<input name="Telefonnummer" type="tel" placeholder="Telefonnummer" />
</div>
<div class="input-controll">
<input name="Ausweisnummer" type="text" placeholder="Ausweisnummer oder spanische NIE" />
<div id="box-position2">
<img id="note-image2" src="note.svg" alt="exclamation">
<div class="info-box">Das spanische Grundbuch ist für jedermann/-frau öffentlich und frei zugänglich. Die einzige Bedingung ist, dass man sich mit einer Ausweisnummer und dem vollständigen Namen ausweist.</div>
</div>
</div>
<div class="input-controll">
<input name="Rechnungsvermerke" type="text" placeholder="Bemerkungen / Rechnungsvermerke" />
</div>
<div class="btn-box">
<button type="button" id="back1">Zurück</button>
<button type="button" id="next2">Weiter</button>
</div>
</form>
<!-- Start Form 3 -->
<form action="/" id="form3">
<!-- What has to be written in action??? / or \ or something else?-->
<h3 id="form-title">Spanischer Grundbuchauszug bestellen</h3>
<div>
<h4>Bezahlung</h4>
</div>
<div>
<input name="Check-Grundbuchauszug" type="checkbox" id="grundbuchauszug" name="grundbuchauszug" value="49.9">
<label class="label-font" for="grundbuchauszug">49.90€ - Grundbuchauszug</label><br>
<input name="Check-Katasterplan" type="checkbox" id="katasterplan" name="katasterplan" value="9.9">
<label class="label-font" for="katasterplan" id="katasterplan-text">9.90€ - Katasterplan</label><br>
<input name="Check-Inhaltslegende-DE" type="checkbox" id="inhaltslegende-deutsch" name="inhaltslegende-deutsch" value="59.9">
<label class="label-font" for="inhaltslegende-deutsch">59.90€ - Inhaltslegende Deutsch</label><br>
<input name="Check-Uebersetzung-EN" type="checkbox" id="uebersetzung-englisch" name="uebersetzung-englisch" value="79.9">
<label class="label-font" for="uebersetzung-englisch">79.90€ - Übersetzung Englisch</label><br>
</div>
<div class="label-font total-font">
<label class="total label-font">Total: <p class="total" id="total"></p> EUR</label>
</div>
<div>
<input name="Zahlungsart-Kreditkarte" type="radio" id="kreditkarte" name="zahlungsart" value="kreditkarte">
<label class="label-font" for="kreditkarte">Kreditkarte</label><br>
<input name="Zahlungsart-Paypal" type="radio" id="paypal" name="zahlungsart" value="paypal">
<label class="label-font" id="paypal">Paypal</label><br>
</div>
<div>
<input name="AGB-Datenschutz-Akzeptiert" type="checkbox" id="agb" name="agb" value="agb">
<div class="agb-text ">
<label class="label-font" id="agb" for="agb"> Ich akzeptiere die <a href="https://www.spanien-grundbuchauszug.com/agbs/">allgemeinen Geschäftsbedingungen</a> und die <a href="https://www.spanien-grundbuchauszug.com/agbs/">Datenschutzbestimmungen</a>.</label><br>
</div>
</div>
<div class="btn-box">
<button type="button" id="back2">Zurück</button>
<button type="submit">Bestellen</button>
</div>
</form>
<div class="step-row">
<div id="progress"></div>
<div class="step-col"><small>Schritt 1</small></div>
<div class="step-col"><small>Schritt 2</small></div>
<div class="step-col"><small>Schritt 3</small></div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>