La Camillette Blog

Bonne Annee Lacam 2024

2023 Sustainability

We look back on 2023 with satisfaction as a year of many major and minor improvements in and around the house. The past year has…

Read post
IMG 3833

2022 A warm season

The year 2022 is already over, and with a glance in the rearview mirror, we can look back on a busy but also exceptionally warm…

Read post
Lacam 020 A

2021 Installation of the Hot Tub

Last season we built a new terrace in the garden with a view of the surrounding grass meadows. A real wood-fired hot tub has been…

Read post
Lacam 031

2020 To Covid or not to Covid

The past season was dominated by the covid epidemic and all the sanitary measures that accompanied it. The tourist season therefore went a little bit…

Read post
IMG 20180908 160014

2019 A fruitful year

2019 was a lovely season with many new guests and also familiar faces. During our own vacation, it was time for a fresh coat of…

Read post
IMG 20180827 1847512

2018 Come rain come shine

Unbelievable, the new year can hardly be called new any more. 21 days, 11 hours and 52 minutes at this time of writing. Still, it…

Read post
Home View072

2017 Looking back at the season

2017 is already 2 weeks behind us and the new season is imminent. Much has changed in La Camillette over the past year. For example,…

Read post
Image05 3

2016 More outdoor changes

In February, all the trees were pruned in the backyard. This was necessary because our fruit harvest had significantly declined in the past years. We’ve…

Read post
Image14 2

2015 Looking back at the season

At the end of 2015 we look back on a busy and fun season. La Camillette was fully booked from May to September. This year we…

Read post
Image24

2014 Renovation of the barn

In March 2014 we started with the renovation of the barn. After having withstood wind & rain for 2 centuries, the barn had unfortunately become…

Read post
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>