1<!DOCTYPE HTML><!doctype html> 2 3<head> 4 <title></title> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" 9 integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> 10 <link rel="stylesheet" href="/css/index.css" type="text/css"> 11 <link rel="stylesheet" href="/css/fontawesome-svg-with-js.css" type="text/css"> 12 13
13<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 14 integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 15 crossorigin="anonymous"></script>
15 16
16<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" 17 integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 18 crossorigin="anonymous"></script>
18 19
19<script src="/js/form.js"></script>
19 20 21 22 23</head> 24 25<body> 26 <div class="container"> 27 <div class="row justify-content-center"> 28 <div class="col-12 col-lg-9"> 29 30 <div id="mainbox"> 31 32 <div class="header d-flex justify-content-end py-4"> 33 <img src="https://traderfox.de/img/v2-site/logo.png" style="width: 200px;"> 34 </div> 35 36 <div id="main" class="py-4"> 37 38<!-- /html/person.html --> 39<h1 class="pt-2 pb-4 fw-bold">Ihre Bestellung des Angebotes ""</h1> 40 41 42 43 44 45 46 47 48<div id="order-progress"> 49 <span class="fw-bold">1. Rechnungsanschrift</span> 50 <span class="mx-2">»</span> 51 <span>2. Zahlungsweise</span> 52 <span class="mx-2">»</span> 53 <span>3. Widerrufsrecht</span> 54 <span class="mx-2">»</span> 55 <span>4. Bestellung</span> 56</div> 57 58<div class="py-3 my-5 card border-0 card-body text-center" style="border-radius: 4px;box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%); "> 59 Vielen Dank für Ihr Interesse an unserem Angebot. Wir führen Sie nun Schritt für Schritt durch den Bestellvorgang. 60 Sie erhalten vor der abschliessenden Bestellung nochmal alle Daten ausführlich angezeigt! 61 <div class="border-short" style="border-bottom: 3px solid #b02a37;width: 20%;margin: auto;margin-top: 20px;"></div> 62</div> 63 64 65 66 67<div class="row"> 68 69 <div class="col-12 col-lg-6 mb-4"> 70 <h2 class="fw-bold pb-4">Rechnungsanschrift</h2> 71 72 73<!-- person.html --> 74 <form id="form_person" method="post" action="" name="form_person" class="" accept-charset="UTF-8" enctype="application/x-www-form-urlencoded" novalidate="" autocomplete="on"> 75 76 <input type="hidden" name="action" value="setAddress"> 77 <div id="set-address"> 78 <div class="form-group has-feedback mb-2"> 79 <label>E-Mail Adresse</label> 80 <input type="email" name="email" class="form-control" placeholder="E-Mail Adresse" maxlength="250" required 81 data-required-error="Bitte geben Sie Ihre E-Mail-Adresse an." 82 data-error="Bitte geben Sie eine korrekte E-Mail-Adresse an" value="" 83 data-lpignore="true"> 84 <div class="feedback"></div> 85 </div> 86 <div class="form-group has-feedback mb-2"> 87 <label>E-Mail Wiederholung</label> 88 <input type="email" name="email2" class="form-control" placeholder="E-Mail Wiederholung" maxlength="250" 89 required data-required-error="Bitte bestätigen Sie Ihre E-Mail-Adresse an." 90 data-error="Bitte geben Sie eine korrekte E-Mail-Adresse an" value="" 91 data-lpignore="true"> 92 <div class="feedback"></div> 93 </div> 94 <div class="form-group has-feedback mb-2"> 95 <label>Anrede</label> 96 <select class="form-select" name="salutation" id="select_salutation" required data-required-error="Bitte wählen Sie ein Element in der Liste aus."> 97 <option selected disabled value="">Anrede</option> 98 <option value="F" >Frau</option> 99 <option value="M" >Herr</option> 100 <option value="C" >Firma</option> 101 </select> 102 <div class="feedback"> </div> 103 </div> 104 105 <div class="form-group has-feedback mb-2"> 106 <label>Vorname</label> 107 <input type="text" name="firstname" class="form-control" placeholder="Vorname" minlength="2" 108 maxlength="50" required data-required-error="Bitte geben Sie Ihren Vornamen an." 109 data-minlength-error="Aus technischen Gründen muss der Vorname mindestens zwei Zeichen lang sein." 110 data-maxlength-error="Aus technischen Gründen kann der Vorname aus maximal 50 Zeichen bestehen." 111 value="" data-lpignore="true" id="firstname"> 112 <div class="feedback"></div> 113 </div> 114 <div class="form-group has-feedback mb-2"> 115 <label>Nachname</label> 116 <input type="text" name="lastname" class="form-control" placeholder="Nachname" minlength="2" 117 maxlength="50" required data-required-error="Bitte geben Sie Ihren Nachnamen an." 118 data-minlength-error="Aus technischen Gründen muss der Nachname mindestens zwei Zeichen lang sein." 119 data-maxlength-error="Aus technischen Gründen kann der Nachname aus maximal 50 Zeichen bestehen." 120 value="" data-lpignore="true" id="lastname"> 121 <div class="feedback"></div> 122 </div> 123 124 <div class="form-group has-feedback mb-2"> 125 <label>Firma</label> 126 <input type="text" name="company" class="form-control" placeholder="Firma" minlength="2" maxlength="50" 127 required data-required-error="Bitte füllen Sie dieses Feld aus" 128 data-minlength-error="mindestens 2 Zeichen" data-maxlength-error="maximal 50 Zeichen" 129 value="" data-lpignore="true" id="company"> 130 <div class="feedback"></div> 131 </div> 132 133 <div class="form-group has-feedback mb-2" id='div_vat_id' style="display:none;display:none;"> 134 <label>Umsatzsteuer-Identifikationsnummer</label> 135 <input type="text" class="form-control" placeholder="Umsatzsteuer-Identifikationsnummer" id="vat_id" 136 minlength="2" maxlength="50" required data-required-error="Bitte füllen Sie dieses Feld aus" 137 data-minlength-error="mindestens 2 Zeichen" data-maxlength-error="maximal 50 Zeichen" name="vat_id" 138 value="" data-lpignore="true"> 139 <div class="feedback"></div> 140 </div> 141 142 <div class="row mb-2"> 143 <div class="form-group has-feedback col-8"> 144 <label>Strasse</label> 145 <input type="text" name="street" class="form-control" placeholder="Strasse" minlength="2" 146 maxlength="50" required data-required-error="Bitte füllen Sie dieses Feld aus" 147 data-minlength-error="mindestens 2 Zeichen" data-maxlength-error="maximal 50 Zeichen" 148 value="" data-lpignore="true"> 149 <div class="feedback"></div> 150 </div> 151 <div class="form-group has-feedback col-4"> 152 <label>Hausnr.</label> 153 <input type="text" name="streetnum" class="form-control number-input" minlength="1" maxlength="10" 154 placeholder="Hausnr." required data-required-error="Bitte füllen Sie dieses Feld aus" 155 data-minlength-error="mindestens 1 Zeiche" data-maxlength-error="maximal 10 Zeichen" 156 value="" data-lpignore="true"> 157 <div class="feedback"></div> 158 </div> 159 </div> 160 161 <div class="row mb-2"> 162 <div class="form-group has-feedback col-4"> 163 <label>PLZ</label> 164 <input type="text" name="zip" class="form-control" placeholder="PLZ" value="" 165 minlength="2" maxlength="10" required data-required-error="Bitte füllen Sie dieses Feld aus" 166 data-minlength-error="mindestens 2 Zeichen" data-maxlength-error="maximal 10 Zeichen"> 167 <div class="feedback"></div> 168 </div> 169 <div class="form-group has-feedback col-8"> 170 <label>Ort</label> 171 <input type="text" name="city" class="form-control" placeholder="Ort" value="" 172 data-lpignore="true" minlength="3" maxlength="50" required 173 data-required-error="Bitte füllen Sie dieses Feld aus" 174 data-minlength-error="mindestens 3 Zeichen" data-maxlength-error="maximal 50 Zeichen"> 175 <div class="feedback"></div> 176 </div> 177 </div> 178 179 180 <div class="form-group has-feedback mb-2"> 181 <label>Land</label> 182 <select class="form-select" name="country" id='select_country' required data-required-error="Bitte wählen Sie ein Land aus"> 183 <option selected disabled value="">Land</option> 184 <option value="DE" >Deutschland</option> 185 <option value="AT" >Ãsterreich</option> 186 <option value="CH" >Schweiz</option> 187 <option value="NL" >Niederlande</option> 188 <option value="BE" >Belgien</option> 189 <option value="IT" >Italien</option> 190 <option value="FR" >Frankreich</option> 191 <option value="LU" >Luxemburg</option> 192 <option value="ES" >Spanien</option> 193 <option value="PT" >Portugal</option> 194 <option value="GB" >GroÃbritannien</option> 195 <option value="CZ" >Tschechien</option> 196 <option value="DK" >Dänemark</option> 197 <option value="SE" >
197Schweden</option> 198 <option value="MC" >Monaco</option> 199 <option value="MC" >Bulgarien</option> 200 <option value="AU" >Australien</option> 201 <option value="JP" >Japan</option> 202 <option value="MT" >Malta</option> 203 <option value="TH" >Thailand</option> 204 <option value="CY" >Zypern</option> 205 <option value="SV" >El Salvador</option> 206 <option value="XX" >anderes Land</option> 207 </select> 208 <div class="feedback"> </div> 209 </div> 210 211 212 <div class="mt-4"> 213 <input type="submit" class="btn btn-danger w-100" value="weiter zum nächsten Schritt"> 214 </div> 215 216 </div> 217 </form> 218 219
220<script> 221 222 223 window.onload = function () { 224 onSelect(); 225 } 226 227 var form = document.querySelector('form'); 228 229 var firstnameElement = document.getElementById("firstname"); 230 var lastnameElement = document.getElementById("lastname"); 231 var companyElement = document.getElementById("company"); 232 var salutationElement = document.getElementById("select_salutation"); 233 var countryElement = document.getElementById("select_country"); 234 var vatIdElement = document.getElementById("vat_id"); 235 236 salutationElement.onchange = function (event) { onSelect() }; 237 countryElement.onchange = function (event) { onSelect() }; 238 239 var formValidator = new FormValidator({ form: form, custom: {}, showValidFeedback: false }); 240 formValidator.autoRegisterInputs(); 241 242 243 function onSelect() { 244 245 if (salutationElement.options[salutationElement.selectedIndex].value == "C" && countryElement.options[countryElement.selectedIndex].value != "DE") { 246 document.getElementById("div_vat_id").style.display = "block"; 247 formValidator.registerInput(vatIdElement); 248 } else { 249 document.getElementById("div_vat_id").style.display = "none"; 250 vatIdElement.value = ''; 251 formValidator.deRegisterInput(vatIdElement); 252 } 253 254 if (salutationElement.options[salutationElement.selectedIndex].value == "C") { 255 firstnameElement.disabled = true; 256 firstnameElement.value = ''; 257 formValidator.deRegisterInput(firstnameElement); 258 259 lastnameElement.disabled = true; 260 lastnameElement.value = ''; 261 formValidator.deRegisterInput(lastnameElement); 262 263 companyElement.disabled = false; 264 formValidator.registerInput(companyElement); 265 } else { 266 firstnameElement.disabled = false; 267 formValidator.registerInput(firstnameElement); 268 lastnameElement.disabled = false; 269 formValidator.registerInput(lastnameElement); 270 271 companyElement.disabled = true; 272 companyElement.value = ''; 273 formValidator.deRegisterInput(companyElement); 274 } 275 276 }; 277 278 279 280</script>
280 281 282 283 284<!-- person.html --> 285 286 287 288 </div> 289 290 <div class="col-12 col-lg-6 mb-4"> 291 <h2 class="fw-bold pb-4">Informationen zum Angebot</h2> 292 <dl class="row"> 293 <dt class="col-sm-3">Bezeichnung:</dt> 294 <dd class="col-sm-9"> 295 <b></b> 296 </dd> 297 <dt class="col-sm-3">Kosten:</dt> 298 <dd class="col-sm-9"> 299 0,00 € 300 inkl. gesetzl. MwSt. % 301 (0,00 € pro Monat) 302 </dd> 303 <dt class="col-sm-3">Laufzeit:</dt> 304 <dd class="col-sm-9"> 305 Monate. 306 <!-- Wird nicht 28 Tage vor Ende der Laufzeit gekündigt, verlängert sich das Angebot automatisch um eine weitere Aboperiode. --> 307 </dd> 308 <dt class="col-sm-3">Zahlung:</dt> 309 <dd class="col-sm-9"> 310 0,00 € alle Monate 311 </dd> 312 <dt class="col-sm-3">Zahlungsarten:</dt> 313 <dd class="col-sm-9"> 314 Kreditkarte oder Bankeinzug 315 </dd> 316 </dl> 317 318 319 320 321 </div> 322</div> 323 324<!-- Facebook Pixel Code -->
325<script>
vendor: 426 bytes, lines 325-334
325 326 !function(f,b,e,v,n,t,s) 327 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 328 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 329 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 330 n.queue=[];t=b.createElement(e);t.async=!0; 331 t.src=v;s=b.getElementsByTagName(e)[0]; 332 s.parentNode.insertBefore(t,s)}(window, document,'script', 333 'https://connect.facebook.net/en_US/fbevents.js'); 334 fbq('init', '
334590244562068367
vendor: 36 bytes, lines 334-336
334'); 335 fbq('track', 'PageView'); 336
336</script>
336 337 <noscript><img height="1" width="1" style="display:none" 338 src="https://www.facebook.com/tr?id=590244562068367&ev=PageView&noscript=1" 339 /></noscript> 340 <!-- End Facebook Pixel Code --> 341 342<!-- /html/person.html --> 343 344 </div> 345 346 347 <div class="py-4" id="footer"> 348 <div class="row"> 349 <div class="col-12 col-md-6 mb-4"> 350 <strong> TraderFox GmbH, Obere Wässere 1, 72764 Reutlingen 351 </strong> 352 <div class="d-table"> 353 <span class="d-table-row"><span class="d-table-cell">Telefon:</span><span 354 class="d-table-cell pl-2">+49 (0) 7121 - 8208028</span></span> 355 <span class="d-table-row"><span class="d-table-cell">E-Mail:</span><span 356 class="d-table-cell pl-2">[email protected]</span></span> 357 <span class="d-table-row"><span class="d-table-cell">Internet:</span><span 358 class="d-table-cell pl-2">https://traderfox.de</span></span> 359 </div> 360 </div> 361 <div class="col-12 col-md-6 mb-4"> 362 <div class="d-table"> 363 <span class="d-table-row"><strong>Geschäftsführung:</strong><span class="d-table-cell"></span><span 364 class="d-table-cell pl-2">Dipl.Vw. Simon Betschinger, Dipl.-Wi.-Ing. Martin König</span></span> 365 <span class="d-table-row"><strong>Registergericht:</strong><span class="d-table-cell"></span><span 366 class="d-table-cell pl-2">Amtsgericht Stuttgart</span></span> 367 <span class="d-table-row"><strong>Registernummer:</strong><span class="d-table-cell"></span><span 368 class="d-table-cell pl-2">HRB 726117</span></span> 369 <span class="d-table-row"><strong>Umsatzsteuer-ID:</strong><span class="d-table-cell"></span><span 370 class="d-table-cell pl-2">DE 260280426</span></span> 371 <span class="d-table-row"><strong>Steuernummer:</strong><span class="d-table-cell"></span><span 372 class="d-table-cell pl-2">78/092/57213</span></span> 373 </div> 374 </div> 375 </div> 376 377 378 </div> 379 </div> 380 </div> 381 </div> 382 383 </div> 384 385</body> 386 387</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.