<!doctype html>
<html lang="de">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="robots" content="noindex">
        <meta name="generator" content="vilsmeier-consulting.de">
        <title>Desjoyaux</title>
        
        <link rel="apple-touch-icon" sizes="120x120" href="/static/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
        <link rel="manifest" href="/static/favicon/site.webmanifest">
        <link rel="mask-icon" href="/static/favicon/safari-pinned-tab.svg" color="#5bbad5">
        <link rel="shortcut icon" href="/static/favicon/favicon.ico">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="msapplication-config" content="/static/favicon/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">
        
        <script src="/static/jquery.min.js"></script>
        
        <link rel="stylesheet" href="/static/bootstrap.min.css">
        <script src="/static/bootstrap.bundle.min.js"></script>
        
        <link rel="stylesheet" href="/static/bootstrap-icons.min.css">
<style>
@font-face {
  font-family: 'andreaii';
  src: url(/static/2032andrea-ii.woff2) format('woff2'),
       url(/static/2032andrea-ii.woff) format('woff');
}

pre             { font-size: 0.9rem; line-height: 1rem; }
.td-min         { width: 1%; white-space: nowrap; }
.td-indent-3    { width: 3em; white-space: nowrap; }
.br-light       { border-right: 1px solid #dee2e6; }
.br-dark        { border-right: 1px solid rgb(139, 139, 139); }
.dx-navbar      { background-color: #136; }
.dx-navbar-dev  { background-color: rgb(44, 109, 0); }
.card-table     { margin-bottom: 0px; }
.pre-wrap       { white-space: pre-wrap; }
.btn-xs         { padding: .0em .6em; font-size: .9rem; line-height: 1.4; }
.bg-success-50  { background-color: #28a74680; }
.bg-warning-50  { background-color:#ffc10780; }
.bg-danger-50   { background-color:#dc354580; }

 
.contact-h2     { font-family: 'andreaii', Helvetica, sans-serif; color: #00abe5; font-size: 1.5em; font-weight: normal; }

 
.cal-table            { width: 100%; }
.cal-table tr         { border-bottom: 1px solid silver;}
.cal-table tr:hover   { background-color: rgb(233, 233, 233); }
.cal-cell             { padding: 0 4px; border-left: 1px solid silver; border-right: 1px solid silver; vertical-align: top; }
.cal-time-00          { border-bottom: 1px solid white; }
.cal-cell-free        { background-color: rgb(218, 255, 213); }
.cal-cell-off         { background-color: rgb(226, 226, 226); }
.cal-cell-used        { background-color: rgb(248, 244, 179); }
.cal-cell-full        { background-color: rgb(252, 207, 201); }

 
.data-table td               { padding-inline-start: .5em; vertical-align:top; }
.data-table td:first-of-type { padding-inline-start: 0;}

</style>
    </head>
    <body>
        <div class="container-fluid">
            
            <br>







<div class="row">
    <div class="col-md-4 offset-md-4 col-10 offset-1 text-center">
        
            <a href="https://cbrdi.ca">
                <img class="img-fluid" src="/static/desjoyaux-logo-bg-white-200px.png" alt="Desjoyaux Pools">
            </a>
        
    </div>
</div>
<br>


<script>
function onSubmit() {
    $("#submitButton").hide();
    $("#spinnerDiv").show();
    $("#spinnerDiv").css("display", "block");
}
function showBuildAdr() {
    let on = $("#buildAdr").is(":checked");
    console.log("on="+on);
    if (on) {
        $("#buildAdrPane").css("display", "block");
    } else {
        $("#buildAdrPane").css("display", "none");
    }
}
function sendContactPing() {
    let challenge = encodeURIComponent(document.getElementById("challenge").value);
    let url = encodeURIComponent(location.href);
    fetch("/contactPing?challenge="+challenge+"&url="+url);
}
$(function(){
    showBuildAdr();
    sendContactPing(); 
    setInterval(sendContactPing, 60*1000); 
    document.getElementById("calc2").value = "H2PO2SR7GFDP5GQ4ON65D5DHOU";
})
</script>

<form method="post" onsubmit="onSubmit()">
    <input type="hidden" id="challenge" name="challenge" value="H2PO2SR7GFDP5GQ4ON65D5DHOU">
    <div class="row">
        <div class=" col-md-6  offset-lg-1 col-lg-5  offset-xl-2 col-xl-4 ">
            


            
                <h2 class="contact-h2">Ihre Kontaktdaten</h2>
            
            <div class="form-row">
                <div class="form-group col-auto">
                    Anrede
                    <select name="male" class="form-control" required autofocus>
                        <option value=""></option>
                        <option value="true"  >Herr</option>
                        <option value="false" >Frau</option>
                    </select>
                </div>
                <div class="form-group col">
                    Vorname
                    <input type="text" name="firstname" class="form-control" value="" required>
                </div>
                <div class="form-group col">
                    Nachname
                    <input type="text" name="lastname" class="form-control" value="" required>
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-auto">
                    Land
                    <select name="country" class="form-control" required>
                        <option value="D"   selected >D</option>
                        <option value="A"  >A</option>
                        <option value="CH" >CH</option>
                    </select>
                </div>
                <div class="form-group col-auto">
                    PLZ
                    <input type="number" name="zip" size="5" class="form-control" value="" required>
                </div>
                <div class="form-group col">
                    Ort
                    <input type="text" name="city" class="form-control" value="" required>
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-6">
                    Telefon
                    <input type="text" name="phone" class="form-control" value="" required>
                </div>
                <div class="form-group col-6">
                    E-Mail
                    <input type="email" name="email" class="form-control" value="" required>
                </div>
            </div>
            
                <br>
                <h2 class="contact-h2">Wie dürfen wir Ihnen helfen?</h2>
                <div class="form-group">
                    Bitte auswählen
                    <select name="wish" class="form-control" required>
                        
                            <option value="0"  selected >Angebot</option>
                        
                            <option value="1" >Rückruf</option>
                        
                            <option value="2" >Katalog</option>
                        
                            <option value="3" >Sonstiges</option>
                        
                    </select>
                </div>
                <div class="form-group">
                    Weitere Informationen (optional)
                    <textarea name="message" rows="3" class="form-control"></textarea>
                </div>
            
            <div class="form-group">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" name="consent" value="true" class="custom-control-input" id="consent"  required>
                    <label class="custom-control-label" for="consent">
                        Ich bin damit einverstanden, dass Sie mir ein Angebot unterbreiten.
                    </label>
                </div>
            </div>
            <div class="form-group">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" name="subscribe" id="subscribe" value="true" class="custom-control-input" >
                    <label class="custom-control-label" for="subscribe">
                        Optional: Ich möchte aktuelle Werbeangebote von Desjoyaux Pools erhalten.
                        Widerruf jederzeit möglich.
                    </label>
                </div>
            </div>
            <div class="form-group d-none">
                <label>Spamschutz Rechenaufgabe 3+4</label>
                <input type="text" name="calc" class="form-control" placeholder="Rechenaufgabe 3+4" value="">
            </div>
            <div class="form-group d-none">
                <label>Spamschutz Rechenaufgabe 3+5</label>
                <input type="text" id="calc2" name="calc2" class="form-control" placeholder="Rechenaufgabe 3+5" value="">
            </div>
            <div class="form-group">
                <button type="submit" id="submitButton" class="btn btn-success">Senden</button>
                <div id="spinnerDiv" style="display: none;">
                    <div class="spinner-border text-success" role="status">
                        <span class="sr-only">Sende Daten...</span>
                    </div>
                </div>
            </div>
            <p>
                <small class="text-muted">
                    Ihre Daten werden an Piscines Desjoyaux S.A. und Desjoyaux Pools GmbH
                    (Desjoyaux Gruppe) übermittelt, kommerziell genutzt und an Händler in
                    Deutschland weitergegeben.
                    Sie haben das Recht auf Auskunft, Berichtigung und Widerspruch.
                </small>
            </p>
            <p>
                <a href="https://cbrdi.ca/datenschutz" target="_blank">Datenschutzhinweise</a>
            </p>
            <br>
        </div>
        
            <div class="col-md-6   offset-lg-1 col-lg-4">
                
                    <h2 class="contact-h2">Desjoyaux Pools GmbH</h2>
                    <br>
                    Wilpertingerstr. 1<br>
                    D-85375 Neufahrn bei Freising<br>
                     Telefon: 08165 - 60 994 25<br> 
                    
                     E-Mail: <a href="mailto:[email protected]">[email protected]</a><br> 
                    <br>
                    <b>Wir freuen uns auf Sie!</b><br>
                    <span class="pre-wrap">Ihr Desjoyaux-Team</span><br>
                    
                        <br>
                        <b>Öffnungszeiten:</b><br>
                        <span class="pre-wrap">Montag - Freitag:
08:30 - 17:00 Uhr</span><br>
                    
                
            </div>
        
    </div> 
</form>

        </div> 
        <br>
        <br>
    </body>
</html>