<section>
    <div class="container py-5">
        <div class="row">
            <div class="col-md-6">
                <p class="h6 text-primary">Neem contact op</p>
                <h2 class="display-3">Benieuwd naar de mogelijkheden?</h2>

                <div class="row g-4">
            
                    <div class="col-12 d-flex align-items-start">
                        <div class="contact-icon-circle me-3">
                            <i class="bi bi-telephone-fill"></i> </div>
                        <div>
                            <h5 class="fw-bold mb-1">Telefoon</h5>
                            <p class="mb-0 text-muted"><a href="+31341275147" class="text-muted numbers">0341 - 275 147</a> </p>
                        </div>
                    </div>

                    <div class="col-12 d-flex align-items-start">
                        <div class="contact-icon-circle me-3">
                            <i class="bi bi-envelope-fill"></i>
                        </div>
                        <div>
                            <h5 class="fw-bold mb-1">E-mail</h5>
                            <p class="mb-0 text-muted"><a href="info@vanemousmantelzorgwoningen.nl" class="text-muted">info@vanemousmantelzorgwoningen.nl</a></p>
                        </div>
                    </div>

                    <div class="col-12 d-flex align-items-start">
                        <div class="contact-icon-circle me-3">
                            <i class="bi bi-geo-alt-fill"></i>
                        </div>
                        <div>
                            <h5 class="fw-bold mb-1">Adres</h5>
                            <p class="mb-0 text-muted"><a href="https://www.google.com/maps/place/Keizerswoert+19,+3881+LE+Putten/@52.2688553,5.5817873,17z/data=!3m1!4b1!4m6!3m5!1s0x47c6367cdb1ed75f:0x3ee3272c1a65f9ac!8m2!3d52.268852!4d5.5843622!16s%2Fg%2F11c16gl4zp?entry=ttu&g_ep=EgoyMDI2MDIyNS4wIKXMDSoASAFQAw%3D%3D" class="text-muted"> Keizerswoert <span class="numbers">19</span>, <span class="numbers">3881</span> LE Putten</a></p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-6">
                <form action="jouw-verwerkings-url" method="POST">
                    <div class="row g-4">
                        <div class="col-md-6">
                            <label for="voornaam" class="form-label">Voornaam</label>
                            <input type="text" class="form-control rounded-pill bg-light border-0" id="voornaam" name="voornaam" required aria-required="true">
                        </div>

                        <div class="col-md-6">
                            <label for="achternaam" class="form-label">Achternaam</label>
                            <input type="text" class="form-control rounded-pill bg-light border-0" id="achternaam" name="achternaam" required aria-required="true">
                        </div>

                        <div class="col-md-6">
                            <label for="email" class="form-label">E-mailadres</label>
                            <input type="email" class="form-control rounded-pill bg-light border-0" id="email" name="email" required aria-required="true">
                        </div>

                        <div class="col-md-6">
                            <label for="telephone" class="form-label">Telefoon</label>
                            <input type="tel" class="form-control rounded-pill bg-light border-0" id="telephone" name="telephone" required aria-required="true">
                        </div>

                        <div class="col-12">
                            <label for="bericht" class="form-label">Uw bericht</label>
                            <textarea id="bericht" name="bericht" class="form-control bg-light border-0" rows="6" required aria-required="true"></textarea>
                        </div>

                        <div class="col-12">
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" id="nieuwsbrief" name="nieuwsbrief" checked>
                                <label class="form-check-label" for="nieuwsbrief">
                                    Ja, ik meld mij aan voor de nieuwsbrief en blijf graag op de hoogte.
                                </label>
                            </div>

                            <div class="">
                                <p id="privacy-notitie" class="py-2 small">U gaat bij verzenden akkoord met de verwerking van uw gegevens zoals beschreven in het privacybeleid.</p>
                                <button type="submit" class="btn btn-cta" aria-describedby="privacy-notitie">Verstuur aanvraag</button>
                            </div>
                        </div>
                    </div>                    
                </form>
            </div>
        </div>
    </div>
</section>