Your holiday starts here!

Choose your preferred arrival and departure dates with the help of the form below and send us your reservation request. We will contact you to confirm your booking.

100 Euro's savings for a stay of minimal 2 weeks
Season 2025
Arrivals and departures on saturday
MDWDVZZ
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
Mei 2025
MDWDVZZ
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
Beschikbaar
Niet beschikbaar
-
-
Please select a date first.
La Camillette

La Camillette

Cropped Newlogo Mobile Lacam2
Blijf op de hoogte van het laatste nieuws

Schrijf u in voor onze nieuwsbrief

<link href="https://send.mailer.gdn/core/css/embedded.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
<style>
    .subscribe-embedded-form {
        color: #333;
        padding: 10px;
        max-width: 400px;
        margin: auto;
        background: transparent;
    }

    .subscribe-embedded-form label {
        color: #555;
        display: block;
        position: absolute;
        pointer-events: none;
        transition: 0.2s;
    }

    .form-group {
        position: relative;
        margin-bottom: 20px; /* Ensure this margin creates space between fields */
    }

    .form-control {
        width: 100%;
        padding: 10px; /* Ensure input fields have matching padding */
        box-sizing: border-box;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 10px;
        font-size: 14px;
    }

    .form-control::placeholder {
        color: #3A2D30;
        font-size: 14px;
    }

    .form-button {
        text-align: center;
        margin-top: 20px;
    }

    .form-button .btn {
        background-color: #05A63B;
        font-size: 20px;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 10px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .form-button .btn:hover {
        background-color: #3A2D30;
    }

    .form-control:focus + label,
    .form-control:not(:placeholder-shown) + label {
        top: -15px;
        left: 10px;
        font-size: 12px;
        color: #333;
    }

    .form-group .error-message {
        color: white;
        display: none; 
        font-weight: bold; /* Make the text bold */
        background-color: #FA4462; /* Set the background color */
        padding: 10px; /* Ensure padding is applied for appearance */
        border-radius: 5px; /* Add rounded corners */
        margin-top: 18px; /* Space above the error message */
    }
</style>

<div class="subscribe-embedded-form">
    <form id="contact-form" action="https://send.mailer.gdn/lists/67167f4f070b7/embedded-form-subscribe-captcha" method="POST" novalidate>
        <div class="form-group control-text">
            <input id="EMAIL" placeholder="E-mail * " value="" type="text" name="EMAIL" class="form-control required email:rfc,filter" required>
            <label><span class="text-danger"></span></label>
            <span class="error-message" id="email-error">Invalid email address.</span>
        </div>
        <div class="form-group control-text">
            <input id="FIRST_NAME" placeholder="Voornaam * " value="" type="text" name="FIRST_NAME" class="form-control" required>
            <label></label>
            <span class="error-message" id="first-name-error">Invalid first name.</span>
        </div>
        <div class="form-group control-text">
            <input id="LAST_NAME" placeholder="Achternaam * " value="" type="text" name="LAST_NAME" class="form-control" required>
            <label></label>
            <span class="error-message" id="last-name-error">Invalid last name.</span>
        </div>
        <div class="form-button">
            <button type="submit" class="btn btn-primary">VERSTUUR</button>
        </div>
    </form>
</div>

<script src="https://send.mailer.gdn/core/js/jquery-3.6.4.min.js"></script>
<script>
jQuery(document).ready(function($) {
    $("#contact-form").on("submit", function(event) {
        event.preventDefault(); // Prevent default form submission

        var email = $("#EMAIL").val();
        
        // Validate email using Reoon API in QUICK mode
        $.ajax({
            url: "https://emailverifier.reoon.com/api/v1/verify",
            type: "GET",
            dataType: "json",
            data: {
                email: email,
                key: "VPmqJzH0kiuY0uwglZODELRVa29QapRS", // Your Reoon API key
                mode: "quick"
            },
            success: function(response) {
                // Check the response status
                if (response && response.status === "valid") {
                    // If valid, submit the form data to Acelle Mail
                    $("#contact-form").off("submit").submit(); // Remove handler and submit
                } else {
                    $("#email-error").show(); // Show error message if email is invalid
                }
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.error("Error during email verification:", textStatus, errorThrown);
                $("#email-error").show(); // Show error on AJAX request failure
            }
        });
    });
});
</script>