<div class="content">
    <div class="header-image">

        <div class="content-image">
            <img src="/public/images/static/woningen/woning_header_foto.jpg" alt="" />
        </div>
    </div>

    <div class="fixed">


        <div class="column-left">
            <h1>Kontakt</h1>
            <img src="/public/images/structure/logo_ouddorpduin3.png" class="contactLogo"/>
            <h2>Verkauf &amp; Informationen</h2>
            <p>Strand Resort Ouddorp Duin<br />Zakencentrum Bolduc<br />Utopialaan 49<br />5232 CD 's-Hertogenbosch<br />Die Niederlande<br />Tel: <a href="tel:0031733030055">+31(0)73 30 300 55</a><br />
<!--                <a href="mailto:info@resortouddorpduin.nl">info@resortouddorpduin.nl</a><br /> -->
                <a href="https://www.resortouddorpduin.nl">www.resortouddorpduin.nl</a>
            </p>

            <h2>Möchten Sie ein Haus mieten?</h2>
            <p>Landal Strand Resort Ouddorp Duin - <a href="http://www.landal.com">www.landal.com</a><br/>
                tel.: <a href="tel:0031187700222">+31 (0)187 70 02 22</a><br/>
                <a href="mailto: ouddorpduin@landal.com">ouddorpduin@landal.com</a></p>

<!--            <h2>Informationszentrum</h2>-->
<!--            <p>Westerweg 24,<br/> Ouddorp (Hauptgebäude)</p>-->
            <!--<div class="header-button contact-button"><a href="<?php /*echo LANG_ROOT */?>nieuwsbrief">Newsletter abonnieren</a></div>-->

            <script
                src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAwIjIsKwHFh6-hqEyDh_VLg049tfjWjOE&callback=initMap"
                async defer></script>
            <div id="map" style="width: 100%; height: 400px;"></div>
            <script>
                var map;


                var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"});


                function initMap() {
                    map = new google.maps.Map(document.getElementById('map'), {
                        center: {lat: 51.822627, lng: 3.909429},
                        zoom: 12,
                        draggable: false,
                        scrollwheel: false,
                        disableDefaultUI: true
                    });

                    var marker = new google.maps.Marker({
                        position: {lat: 51.822627, lng: 3.909429},
                        map: map,
                        icon: '/public/images/structure/pointer.png',
                        title: 'Strand Resort Ouddorp Duin'
                    });

                }
            </script>

        </div>
        <div class="column-right">
            <h1>Brosch&uuml;re bestellen</h1>

            <?php if( ! isset($_SESSION['contact']['success'])){ ?>

                <form class="spam_check" method="post" action="<? echo LANG_ROOT ?>contact/validate">
                    <?php
                    $this->getData('form_fields');
                    unset($_SESSION['contact_errors']);
                    ?>
                    <div class="clear"></div>
                    <label>
                        <div class="btn">
                            <input type="submit" name="submit" value="Senden" />
                            <span class="arrow"></span>
                            <span class="shadow"></span>
                        </div>
                    </label>
                </form>
            <?php
            }
            else
            {
                echo '<p>' . $_SESSION['contact']['success'] . '</p>';
                unset($_SESSION['contact']['success']);
            }
            ?>
            <br><br>
        </div>
    </div>
</div>
<div class="column-fullwidth clear">

</div>