Picture Album

On this page you’ll find more pictures of the gîte and it’s surroundings. Enjoy!

The Gîte
The Garden
The Barn
The Neighbours
The View
Hot Tub
Blog
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>

Success!

We gaan snel contact met u opnemen!