File: D:/HostingSpaces/SBogers68/resortouddorpduin.nl/wwwroot/app/views/de/_new_v_home.php
<?php
$cta = (object)[
'header' => 'Besuchen Sie unsere Tag der Öffnen:',
'text' => '5 mei',
'btn' => '<em>Besuchen</em> Sie uns',
'url' => 'letzte_phase'
];
$news = '/public/images/static/home/visitus.jpg';
$bouw = '/public/images/static/bouw/original-160211_drone_view.jpg';
?>
<div class="home-page invest-page">
<div class="header-image"
style="background-image: url('/public/images/static/home/home_header_2016.jpg');">
<div class="header-text">
<p>Spitzenanlage an der Nordseeküste
</p>
<h3>
Strand Resort Ouddorp duin
</h3>
</div>
<div class="invest">
<div>
<h1>Investieren in
<strong>einer Ferienwohnung<br/>direkt am Meer!</strong></h1>
<p>Einzigartig in den Niederlanden! Ihre Ferienwohnung direkt am Meer, in der Mitte der neu angelegten Dünenlandschaft von Ouddorp.</p>
<div class="why">
<p class="l1"><span></span> Eigengebrauch, Vermietung oder Kombination</p>
<p class="l2"><span></span> Renditen ab 5%</p>
<p class="l3"><span></span> Wertfeste Anlage </p>
</div>
<p class="link"><a href="<?php echo LANG_ROOT; ?>investieren">Informationen</a></p>
<p class="link green"><a href="<?php echo LANG_ROOT; ?>kontakt">Broschüre bestellen</a></p>
</div>
</div>
</div>
<div class="blue-row">
<p><strong>Investeer in een woning</strong> op Strand Resort Ouddorp Duin.</p>
<h4><?php echo $cta->header; ?></h4>
<h5><?php echo $cta->text; ?></h5>
<p class="link"><a
href="<?php echo LANG_ROOT; ?>nieuws/2016/09/<?php echo $cta->url; ?>"><?php echo $cta->btn; ?>
<span></span></a></p>
</div>
<div class="invest-explain">
<div class="image-container">
<div class="resort_player" style="max-width:500px;">
<ul class="player">
<li>
<span class="image"><img src="/public/images/static/woning-slider/springerduin.jpg" alt="De Springerduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-springerdune">Die Springerdüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/zandduin.jpg" alt="De Zandduin"></span>
<div class="caption-holder">
<p class="caption right">
<a href="<?php echo LANG_ROOT; ?>hauser/die-sanddune/">Die Sanddüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/arduin.jpg" alt="De Arduin"></span>
<div class="caption-holder">
<p class="caption right">
<a href="<?php echo LANG_ROOT; ?>hauser/die-ardune">Die Ardüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/zeeduin.jpg" alt="De Zeeduin"></span>
<div class="caption-holder">
<p class="caption right">
<a href="<?php echo LANG_ROOT; ?>hauser/die-seedune">Die Seedüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/westduin.jpg" alt="De Westduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-westdune">Die Westdüne</a>
</p>
</div>
</li>
</ul>
</div>
<br/>
<div class="resort_player" style="max-width:500px;">
<ul class="player">
<li>
<span class="image"><img src="/public/images/static/woning-slider/oudduin.jpg" alt="De Oudduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-altdune">Die Altdüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/rietduin.jpg" alt="De Rietduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-rieddune">Die Riedüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/middenduin.jpg" alt="De Middenduin"></span>
<div class="caption-holder">
<p class="caption right">
<a href="<?php echo LANG_ROOT; ?>hauser/die-mitteldune">Die Mitteldüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/kijkduin.jpg" alt="De Kijkduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-guckdune">Die Guckdüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/stuifduin.jpg" alt="De Stuifduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-wanderdune">Die Wanderdüne</a>
</p>
</div>
</li>
</ul>
</div>
<!--<img alt="explain-image" src="/public/images/static/invest/explain_image.jpg"/>-->
</div>
<div class="inner-text">
<h1>Ihre Rekreationsvilla direkt am Meer!</h1>
<p>Die nächsten Jahre, an der sonnensicheren und angenehmen Küste der Insel Goeree-Overflakkee, entsteht zwischen Land und Meer Strand Resort Ouddorp Duin. Die Rekreationsvillen im wunderschönen Dünengebiet sind mit allem Komfort versehen. Natürlich wird Dauerhaftigkeit während der Realisation und Verwaltung des Resorts ganz groß geschrieben. Als zweite Wohnung bieten die Villen Ihnen die Sicherheit einer wertfesten Investition.</p>
<div class="resort_player" style="max-width:500px;">
<ul class="player">
<li>
<span class="image"><img src="/public/images/static/woning-slider/springerduin.jpg" alt="De Springerduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-springerdune">Die Springerdüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/zandduin.jpg" alt="De Zandduin"></span>
<div class="caption-holder">
<p class="caption right">
<a href="<?php echo LANG_ROOT; ?>hauser/die-sanddune/">Die Sanddüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/arduin.jpg" alt="De Arduin"></span>
<div class="caption-holder">
<p class="caption right">
<a href="<?php echo LANG_ROOT; ?>hauser/die-ardune">Die Ardüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/zeeduin.jpg" alt="De Zeeduin"></span>
<div class="caption-holder">
<p class="caption right">
<a href="<?php echo LANG_ROOT; ?>hauser/die-seedune">Die Seedüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/westduin.jpg" alt="De Westduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-westdune">Die Westdüne</a>
</p>
</div>
</li>
</ul>
</div>
<br/>
<div class="resort_player" style="max-width:500px;">
<ul class="player">
<li>
<span class="image"><img src="/public/images/static/woning-slider/oudduin.jpg" alt="De Oudduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-altdune">Die Altdüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/rietduin.jpg" alt="De Rietduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-rieddune">Die Riedüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/middenduin.jpg" alt="De Middenduin"></span>
<div class="caption-holder">
<p class="caption right">
<a href="<?php echo LANG_ROOT; ?>hauser/die-mitteldune">Die Mitteldüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/kijkduin.jpg" alt="De Kijkduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-guckdune">Die Guckdüne</a>
</p>
</div>
</li>
<li>
<span class="image"><img src="/public/images/static/woning-slider/stuifduin.jpg" alt="De Stuifduin"></span>
<div class="caption-holder">
<p class="caption left">
<a href="<?php echo LANG_ROOT; ?>hauser/die-wanderdune">Die Wanderdüne</a>
</p>
</div>
</li>
</ul>
</div>
<p>Der luxuriöse Resort birgt viele schöne Villen mit prachtvoller Architektur. Jede Villa hat eine einzigartige Lage im Dünengebiet. Der Strand und das Meer befinden sich einen Steinwurf entfernt. Sie finden hier also immer Ihre ideale Wohnung. Der Resort verfügt über ein multifunktionelles Hauptgebäude mit Einrichtungen wie eine Rezeption, ein Schwimmbad, Restaurant, Kneipe, Parkgeschäft, Fahrradverleih und Kinderspielplatz. Diese Einrichtungen garantieren einen sorgenlosen Urlaub.</p>
</div>
</div>
</div>
<div class="news">
<div class="background"></div>
<div class="content-container">
<div class="article">
<div class="image" style="background-image: url('<?php echo $news; ?>');"></div>
<div class="content">
<h4>Bezoek Strand resort Ouddorp Duin</h4>
<p>Strand Resort Ouddorp Duin elke vrijdagmiddag een inloopmiddag op locatie.<br/>
U bent van harte welkom tussen 12.00 en 16.00 uur. Geniet van de prachtige omgeving en bekijk de maquette, tevens ligt er een compleet verkooppakketje voor u klaar.<br/><br/>
Verder organiseren we verschillende verkoopdagen, blijf up to date van <a href="<?php echo $cta->url; ?>">aankomende verkoopdagen</a>.<br/>
<br/>
Tot ziens in Ouddorp!</p>
<div class="block-button">
<a href="<?php echo LANG_ROOT; ?>kontakt">
<p>Broschüre bestellen</p>
</a>
</div>
</div>
</div>
<div class="build">
<a href="<?php echo LANG_ROOT; ?>bouw">
<div class="image" style="background-image: url('<?php echo $bouw; ?>');"></div>
<div class="block-button">
<p>
Schauen Sie sich hier die Bilder
</p>
</div>
</a>
</div>
</div>
</div>
<div class="invest-reasons-home">
<h2>5 Gründe</h2>
<h4>für eine Anlage in Strand Resort Ouddorp Duin</h4>
<div class="golf"></div>
<p>Dauerhaft gebaute Ferienvillen, luxuriös ausgestattet<br/>und mit allem modernen Komfort versehen.</p>
<div class="reasons-block">
<ul>
<li class="active" id="rendement">
<div class="placeholder">
<div class="icon-holder">
<span></span>
</div>
<p>VERLOCKENDE<br/>
RENDITE</p>
</div>
</li>
<li id="voordeel">
<div class="placeholder">
<div class="icon-holder">
<span></span>
</div>
<p>STEUERLICHE<br/>
VORTEILE</p>
</div>
</li>
<li id="greenparks">
<div class="placeholder">
<div class="icon-holder">
<span></span>
</div>
<p>VERMIETUNG DURCH<br/>
Landal Greenparks</p>
</div>
</li>
<li id="ontzorgd">
<div class="placeholder">
<div class="icon-holder">
<span></span>
</div>
<p>GANZ ENTSORGT</p>
</div>
</li>
<li id="geniet">
<div class="placeholder">
<div class="icon-holder">
<span></span>
</div>
<p>GENIEßEN SIE IHRE EIGENE<br/>
FERIENWOHNUNG</p>
</div>
</li>
</ul>
</div>
<p class="btn">
<a href="<?php echo LANG_ROOT; ?>investieren">Herauszufinden, warum</a>
</p>
</div>
<div class="inline-nav">
<div class="content-container">
<p class="btn">
<a href="<?php echo LANG_ROOT; ?>umgebung">Schauen Sie die Umgebung</a>
</p>
<p class="btn">
<a href="<?php echo LANG_ROOT; ?>das-resort">Uber Resort Ouddorp Duin</a>
</p>
<p class="btn">
<a href="<?php echo LANG_ROOT; ?>hauser">Schauen Sie die Häuser</a>
</p>
</div>
</div>
<div class="column-fullwidth clear">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyAwIjIsKwHFh6-hqEyDh_VLg049tfjWjOE"></script>
<script src="/public/js/modal.js"></script>
<script type="text/javascript">
function initialize() {
var styles = [
{
"featureType": "road",
"elementType": "labels",
"stylers": [
{"visibility": "off"}
]
}, {
"featureType": "transit",
"stylers": [
{"visibility": "off"}
]
}, {}
];
var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"});
var myLatlng = new google.maps.LatLng(51.823763, 3.904867);
var mapOptions = {
zoom: 10,
draggable: false,
scrollwheel: false,
center: myLatlng,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
icon: '/public/images/structure/pointer.png',
title: 'Strand Resort Ouddorp Duin'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div class="modal hide fade in" id="youtubemodal">
<div class="modal-header"><a data-dismiss="modal" class="close">×</a>
<h2>Strand Resort Ouddorp Duin - Omgeving</h2></div>
<div class="modal-body">
<iframe width="560" height="315" src="//www.youtube.com/embed/7-61sDlyF6k" frameborder="0"
allowfullscreen="true"></iframe>
</div>
<div class="modal-footer"><a href="#" data-dismiss="modal">Sluiten</a></div>
</div>
<div class="fixed locatie">
<div class="locatie-text"><h1>Umgebung</h1>
<p>Eine Insel mit einer eigenen Atmosphäre. Goeree-Overflakkee gehört schon jahrhundertelang zur
Provinz Südholland, aber dank ihres eignen Dialektes und ihrer eignen Landschaft sieht man sie eher
als die nördlichste seeländische Insel. Die unberührte Insel ist mit der Nordsee,
Haringvliet, Volkerak und dem Grevelingensee umgeben.
</p><a href="#youtubemodal" data-toggle="modal" class="more">Umgebung video ansehen</a>
</div>
</div>
<div id="map-canvas"></div>
</div>