<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html lang="{{ locale }}-be" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="{{ locale }}-be" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="{{ locale }}-be" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="{{ locale }}-be" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="{{ locale }}-be" class="no-js"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{% block title %}{% endblock %}
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="Shortcut Icon" href="/favicon.ico">
<meta name="verify-v1" content="oUnC+CPPa6tACDOorCrRc1HDuoMmCj6VKeemq+oEBOc=" />
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"/>
{% block robots %}
{% if notaryId is defined %}
<meta name='robots' content='{% if notaryId.showInJob %}index,follow{% else %}noindex,nofollow{% endif %}' />
{% else %}
<meta name="robots" content="index,follow"/>
{% endif %}
{% endblock %}
{% if notaryId is defined %}
{% set addressSlug = '' %}
{% set currentAddress = false %}
{% if address_info is defined %}
{% set currentAddress = address_info.address %}
{% set addressSlug = address_info.address.slug %}
{% elseif sven_address_slug is defined %}
{% for address in getAddresses(notaryId)['all'] if address.slug == sven_address_slug %}
{% set currentAddress = address %}
{% endfor %}
{% set addressSlug = sven_address_slug %}
{% endif %}
{#<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-sven/apple-touch-icon.png">#}
{#<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-sven/favicon-32x32.png">#}
{#<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-sven/favicon-16x16.png">#}
{#<link rel="manifest" href="/assets/images/favicon-sven/manifest.json">#}
{#<link rel="mask-icon" href="/assets/images/favicon-sven/safari-pinned-tab.svg" color="#5bbad5">#}
{#<link rel="icon" href="/assets/images/favicon-sven/favicon.ico" type="image/x-icon">#}
{#<link rel="shortcut icon" href="/assets/images/favicon-sven/favicon.ico">#}
{#<meta name="msapplication-config" content="/assets/images/favicon-sven/browserconfig.xml">#}
{#<meta name="theme-color" content="#ffffff">#}
{% set sites = getSvenLanguages(notaryId) %}
{% endif %}
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/images/favicon/manifest.json">
<link rel="mask-icon" href="/assets/images/favicon/safari-pinned-tab-sven.svg" color="#5bbad5">
<link rel="icon" href="/assets/images/favicon/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/assets/images/favicon/favicon.ico">
<meta name="msapplication-config" content="/assets/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link href="/assets/css/main.css?18" rel="stylesheet" type="text/css" />
<!--link rel="stylesheet" href="/css/lightbox.css"-->
{% block extralinks %}
{% endblock %}
{% block extrameta %}
<meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() }}/assets/images/logo/{{ 'mn_share_logo' | trans }}.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
{% endblock %}
<!-- Extra CSS Libraries Start -->
{% block extracss %}{% endblock %}
</head>
<body class="u-bg-white {% block basethemeclass %}theme-{% if currentAddress is defined and currentAddress != false and currentAddress.color.name is defined %}{{ currentAddress.color.name }}{% elseif notaryId is defined %}standard{% else %}none{% endif %}{% endblock %}">
{% if notaryId is not defined %}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={% if locale == 'nl' %}{{ google_tag_manager_main_nl }}{% else %}{{ google_tag_manager_main_fr }}{% endif %}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% endif %}
{% if notaryId is defined %}
<form action="{{ path('notaris_frontend_sven_choose_language') }}" method="post" name="setLangForm" id="setLangForm">
<input type="hidden" name="setLang" value="1">
<input type="hidden" name="setLangTo" value="FR">
</form>
<h1 class="u-hidden">{{ info.header1 | raw }}{% if info.header2 %}, {{ info.header2 }}{% endif %}</h1>
{% endif %}
<!-- @NOTE: vertaling van bericht toevoegen wanneer er op een oudere browser wordt gekeken -->
<!--[if lt IE 10]>
<div class="c-bar c-bar--ie9 u-bg-primary">
<div class="o-wrapper">
<div class="c-bar__message">
<div class="bar__message u-color-white">
<span>Your browser is ancient! <a href="http://browsehappy.com/" target="_blank" class="u-color-white u-text-underline">Upgrade to a newer browser</a> for a better experience.</span>
</div>
</div>
</div>
</div>
<![endif]-->
{% set lastPart = '' %}
{% if getControllerName(app.request.attributes) == 'Subsite' or getControllerName(app.request.attributes) == 'News' or getControllerName(app.request.attributes) == 'Faq' or getControllerName(app.request.attributes) == 'Brochure' or getControllerName(app.request.attributes) == 'Calculate' or getControllerName(app.request.attributes) == 'Tv' or getControllerName(app.request.attributes) == 'Glossary' %}
{% set currentPath = path(app.request.attributes.get('_route'),
app.request.attributes.get('_route_params')) %}
{% if getControllerName(app.request.attributes) == 'Faq' %}
{% if currentPath|split('/') | length > 2 %}
{% set lastPart = currentPath|split('/')[2] %}
{% else %}
{% set lastPart = currentPath|split('/')[1] %}
{% endif %}
{% elseif getControllerName(app.request.attributes) == 'Calculate' and currentPath|split('/') | length > 3 %}
{% set lastPart = currentPath|split('/')[2] %}
{% if lastPart == 'schenkingen' %}
{% set lastPart = 'erven-schenken' %}
{% endif %}
{% if lastPart == 'kredieten' or lastPart == 'aankoop' %}
{% set lastPart = 'verkopen-kopen-huren-lenen' %}
{% endif %}
{% if lastPart == 'credit' %}
{% set lastPart = 'acheter-louer-emprunter' %}
{% endif %}
{% if lastPart == 'achat' %}
{% set lastPart = 'acheter-louer-emprunter' %}
{% endif %}
{#{ lastPart }#}
{% else %}
{% set lastPart = currentPath|split('/')[1] %}
{% endif %}
{% endif %}
{% set listSubsites = getSubsites(locale) %}
{% block header %}
<header class="o-wrapper ">
{% if not (showNav is defined and not showNav) %}
<nav class="c-topnav c-headroom js-headroom">
<div class="c-headroom--wrapper o-wrapper js-showhide">
<div class="c-topnav--left">
<ul class="o-list-inline o-list-bare">
<!-- active state = c-topnav__item--active -->
{% if notaryId is defined %}
{% set sites = getSvenLanguages(notaryId) %}
{% if sites | length > 0 %}
{% for key, site in sites %}
<li class="o-list-inline__item">
<a href="{% if isPreview %}{{ path('notaris_frontend_sven_preview', {'_locale': key, 'notaryId':notary.id}) }}{% else %}javascript:setLanguage('{{ key }}');{% endif %}" class="c-topnav__item {% if locale == key %}c-topnav__item--active {% endif %}u-color-grey-darker" title="{{ key | upper }}">
{{ key | upper }}
</a>
</li>
{% endfor %}
{% endif %}
{% else %}
{# @NOTE: dit is de taalnavigatie van de algemene notaris site #}
<li class="o-list-inline__item">
<a href="{{ url_scheme }}://{{ linked_url_nl|default(url_nl) }}" class="c-topnav__item {% if locale == 'nl' %}c-topnav__item--active {% endif %}u-color-grey-darker" title="Notaris.be">NL</a>
</li>
<li class="o-list-inline__item">
<a href="{{ url_scheme }}://{{ linked_url_fr|default(url_fr) }}" class="c-topnav__item {% if locale == 'fr' %}c-topnav__item--active {% endif %}u-color-grey-darker" title="Notaire.be">FR</a>
</li>
{% if locale == 'nl' %}
<li class="o-list-inline__item">
<a href="{{ path('notaris_frontend_subsite_detail', {'slug': 'other-languages', 'slugdetail': 'english'}) }}" class="c-topnav__item u-color-grey-darker" title="EN">EN</a>
</li>
{% else %}
<li class="o-list-inline__item">
<a href="{{ path('notaris_frontend_subsite_detail', {'slug': 'other-languages', 'slugdetail': 'english-1'}) }}" class="c-topnav__item u-color-grey-darker" title="EN">EN</a>
</li>
{% endif %}
{% endif %}
</ul>
</div>
<div class="c-topnav--right {% if showMskSplash is defined %}theme-standard{% endif %}">
<ul class="o-list-inline u-text-right">
<!-- active state = c-topnav__item--active -->
<li class="o-list-inline__item u-hidden@mobile">
<a href="{{ path('notaris_frontend_faq') }}" title="{{'mn_faq'|trans}}" class="c-topnav__item u-color-grey-darker {% if subsite is defined and subsite != '' and subsite.slug == 'slg_faq' | trans %} c-topnav__item--active{% endif %}">
{{'mn_faq'|trans}}
</a>
</li>
<li class="o-list-inline__item u-hidden@mobile">
<a href="{{ path('notaris_frontend_glossary') }}" title="{{'sv_nav_wordlist'|trans}}" class="c-topnav__item u-color-grey-darker{% if currentslug is defined and currentslug == 'glossary'%} c-topnav__item--active{% endif %}">
{{'sv_nav_wordlist'|trans}}
</a>
</li>
<li class="o-list-inline__item u-hidden@mobile">
<a href="{{ 'link_naban_path' | trans }}" title="{{ 'sv_nav_naban' | trans }}" class="c-topnav__item u-color-grey-darker{% if subsite is defined and subsite != '' and subsite.slug == 'naban_slug' | trans %} c-topnav__item--active{% endif %}">
{{'sv_nav_naban'|trans}}
</a>
</li>
<li class="o-list-inline__item u-hidden@mobile">
<a href="{{ path('notaris_frontend_news') }}" title="{{'mn_nieuws'|trans}}" class="c-topnav__item u-color-grey-darker {% if subsite is defined and subsite != '' and subsite.slug == 'slg_nieuws' | trans and not (currentslug is defined and currentslug == 'slg_tv' | trans) %} c-topnav__item--active{% endif %}">
{{'mn_nieuws'|trans}}
</a>
</li>
<li class="o-list-inline__item u-hidden@mobile">
<a href="{{ path('notaris_frontend_tv') }}" title="{{'mn_tv'|trans}}" class="c-topnav__item u-color-grey-darker{% if currentslug is defined and currentslug == 'slg_tv' | trans %} c-topnav__item--active{% endif %}">
{{'mn_tv'|trans}}
</a>
</li>
{% if notaryId is not defined %}
<li class="o-list-inline__item u-hidden@mobile">
<a href="{% if locale == 'nl' %}https://notaris.jobs{% else %}https://notaire.jobs{% endif %}" target="_blank" title="{{'mn_jobs'|trans}}" class="c-topnav__item u-color-grey-darker{% if subsite is defined and subsite != '' and subsite.slug == 'slg_jobs' | trans %} c-topnav__item--active{% endif %}">
{{'mn_jobs'|trans}}
</a>
</li>
{% endif %}
<li class="o-list-inline__item">
{# Search #}
<span class="c-topnav__item c-topnav__form js-search"> <!-- c-topnav__item--nohover -->
<div class="c-topnav__searchoverlay js-searchoverlay"> </div>
<form method="post" action="" class="c-topnav__search js-searchform" data-action="{{ path('notaris_frontend_search') }}/">
<span class="u-color-grey-darker js-searchlabel">{{'sv_nav_search'|trans}}</span>
<input type="text" name="keyword" class="c-topnav__search__input js-searchinput" size="20" maxlength="255" value="">
<button class="c-topnav__search__submit c-btn--icon" type="submit">
<?xml version="1.0" encoding="utf-8"?>
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z" fill="true"/></svg>
</button>
</form>
</span>
</li>
<li class="o-list-inline__item">
{# Calculate #}
<a href="{{ path('notaris_frontend_calculate') }}" data-type="rekenmodule" title="{{'rm_bereken'|trans}}" class="c-topnav__item u-color-grey-darker js-fednotlink">
{{'rm_bereken'|trans}}
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 698.63 605.01"><title>icon-calculate</title><rect width="698.63" height="140.19"/><rect y="232.88" width="205.4" height="139.73"/><rect x="246.38" y="232.88" width="205.4" height="139.73"/><rect x="493.23" y="232.88" width="205.4" height="139.73"/><rect y="465.29" width="205.4" height="139.73"/><rect x="246.38" y="465.29" width="205.4" height="139.73"/><rect x="493.23" y="465.29" width="205.4" height="139.73"/></svg>
</a>
</li>
{% if notaryId is not defined %}
<li class="o-list-inline__item">
{# Address Book #}
<a href="{{ path('notaris_frontend_addressbook') }}" title="" class="c-topnav__item u-color-grey-darker">
{{ "ab_search" | trans }}
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 65.4 67.1">
<title>icon-adressbook</title>
<path class="a" d="M192,190.31c0,8.45-7.27,15.3-16.23,15.3s-16.23-6.85-16.23-15.3S166.8,175,175.77,175,192,181.85,192,190.31Z" transform="translate(-143.61 -175)"/><polygon class="a" points="32.11 33.08 26.08 34.93 33.11 55.86 38.54 34.82 32.11 33.08"/><path class="a" d="M202.51,208.47H190.6l-14.3,30.16-13.83-30.16H150.1s-6.5-.09-6.5,3.65v26.42s.62,3.56,6.8,3.56h53s5.57,0,5.57-3.56V212.12S208.69,208.47,202.51,208.47Zm.92,23.75H188.13v-2.13h15.31Z" transform="translate(-143.61 -175)"/>
</svg>
</a>
</li>
{% endif %}
<li class="o-list-inline__item u-hidden@tablet u-hidden@desktop u-hidden@wide">
<span class="c-topnav__item u-color-grey-darker js-showhide-button js-mobile-menu">
Menu
<img class="c-topnav__icon c-topnav__icon--menu" src="/assets/images/font-awesome-svg/bars.svg" alt="menu">
<img class="c-topnav__icon u-hidden" src="/assets/images/font-awesome-svg/close.svg" alt="menu">
</span>
</li>
</ul>
</div>
{# SubSubmenu mobile - Sven #}
{% set routepath = app.request.attributes.get('_route') %}
{% set svenHome = false %}
{% if routepath == 'notaris_frontend_sven_preview' or routepath == 'notaris_frontend_homepage' or routepath == 'notaris_frontend_msk_subpage' %}
{% set svenHome = true %}
{% endif %}
{% if notaryId is defined and showMskSplash is not defined %}
<div class="c-mobilenav js-showhide-block u-hidden">
<ul class="u-margin-bottom-none o-list-bare">
{% set navigations_array = {
'people': 'sv_nav_medewerkers',
'downloads':'sv_nav_downloads',
'news':'mn_nieuws_sven',
'jobs':'sv_jobs',
'fednotLinks':'links',
'immo': 'immo',
'notaristv': 'sv_notaristv',
'themes': 'sv_themes' } %}
{% if notary is defined and notary.id == 26565 %}
<li class="o-list-bar__item">
<a href="https://immo.notaire.be/fr/" target="_blank" class="c-mobilenav__item u-color-black js-sven-navigation">
Immo
</a>
</li>
{% endif %}
{% for item in getSvenBuild(notaryId, locale, addressSlug) %}
<li class="o-list-bar__item">
<a href="{% if not svenHome %}{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}{% endif %}#{{item.type}}" data-type="{{ item.type }}" title="{{navigations_array[item.type]|trans|capitalize}}" class="c-mobilenav__item u-color-black js-sven-navigation">
{{navigations_array[item.type]|trans|capitalize}}
</a>
</li>
{% endfor %}
<li class="o-list-bar__item">
<a href="#!" title="{{'sv_meer'|trans}}" class="js-show-subnavigation-mobile c-mobilenav__item c-nav__item--icon u-color-black">
{{'sv_meer'|trans}}
<?xml version="1.0" encoding="utf-8"?>
<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="u-color-path-black">
<path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z" fill="true"/>
</svg>
</a>
<ul class="o-list-bare js-subnav-mobile u-padding-tiny">
{#<li class="o-list-bare__item">#}
{#{% if locale == 'nl' %}#}
{#{% set notarisslug = 'notaris' %}#}
{#{% else %}#}
{#{% set notarisslug = 'notaire' %}#}
{#{% endif %}#}
{#<a href="{{ path('notaris_frontend_subsite', {'slug': notarisslug}) }}" title="{{ 'mn_de_notaris' | trans }}" class="c-mobilenav__item u-color-hoveractive-white u-color-black">{{ 'mn_de_notaris_sven' | trans }}</a>#}
{#</li>#}
{% for subsite in listSubsites %}
<li class="o-list-bare__item">
<a href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}" title="{{ subsite.name }}" class="c-mobilenav__item u-color-hoveractive-white u-color-black">{{ subsite.name }}</a>
{# @NOTE: use u-color-hoveractive-huwenensamenwonen on notaris #}
</li>
{% endfor %}
</ul>
</li>
<li class="o-list-bar__item">
<a href="{% if not svenHome %}{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}{% endif %}#{{'sv_contact'|trans|lower}}" title="{{'sv_contact'|trans}}" class="c-mobilenav__item u-color-black js-sven-navigation">{{'sv_contact'|trans}}</a>
</li>
</ul>
</div>
{% else %}
{# mobile navigatie #}
<nav class="c-mobilenav c-mobilenav--main js-showhide-block u-hidden">
<ul class="u-margin-bottom-none o-list-bare">
{% if locale == 'nl' %}
{% set notarisslug = 'notaris' %}
{% else %}
{% set notarisslug = 'notaire' %}
{% endif %}
<li class="{% if lastPart == notarisslug %}active{% endif %} o-list-bar__item">
{#<a class="c-mobilenav__item {% if lastPart == notarisslug %}u-bg-primary u-color-white{% else %}u-color-primary{% endif %}"#}
{#href="{{ path('notaris_frontend_subsite', {'slug': notarisslug}) }}"#}
{#name="{{ 'mn_de_notaris' | trans }}">#}
{#{{ 'mn_de_notaris_sven' | trans }}#}
{#</a>#}
{% if subsite is defined and subsite != '' and notarisslug == subsite.slug %}
<ul class="primary-nav">
{{ include('@NotarisFrontend/module/mobile_subsite_subnav.html.twig', {'subsite': subsite }) }}
</ul>
{% endif %}
</li>
{% for subsite in listSubsites %}
<li class="{% if lastPart == subsite.slug %}active{% endif %} o-list-bar__item">
<a class="c-mobilenav__item {% if lastPart == subsite.slug %}u-bg-{{ subsite.stylesheet }} u-color-white{% else %}u-color-{{ subsite.stylesheet }}{% endif %}" href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}" name="{{ subsite.name }}">{{ subsite.name }}</a>
{% if lastPart == subsite.slug %}
<ul class="{{ subsite.stylesheet }}-nav">
{{ include('@NotarisFrontend/module/mobile_subsite_subnav.html.twig', {'subsite': subsite }) }}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</nav>
{% endif %}
<div class="c-topnav--cleaner"> </div>
</div>
</nav>
<div class="u-clearfix"> </div>
{% set svenHome = false %}
{% if notaryId is defined %}
{# START: SVEN NAVIGATIE ONDER BANNER #}
{% set routepath = app.request.attributes.get('_route') %}
{% if routepath == 'notaris_frontend_sven_preview' or routepath == 'notaris_frontend_homepage' or routepath == 'notaris_frontend_msk_subpage' %}
{% set svenHome = true %}
{% endif %}
{% if not svenHome or routepath == 'notaris_frontend_msk_subpage' %}<a href="/" class="" title="Home">{% endif %}
<div class="c-pageheader o-layout u-margin-top-large u-margin-top-large@tablet u-margin-bottom-none o-layout--reverse u-padding-top-tiny@mobile u-padding-top-none@tablet">
<div class="o-layout__item u-1/1 u-1/4@tablet u-text-right@tablet u-padding-top-tiny@mobile u-padding-top-none@tablet">
<!--img class="c-logo c-logo--header u-margin-top-tiny" src="/assets/images/logo/logo-sven.png" srcset="/assets/images/logo/logo-sven.png 1x, /assets/images/logo/logo-sven@2x.png 2x" alt="logo-sven"/-->
{% if locale == 'nl' %}
<img class="c-logo c-logo--header u-margin-top-tiny c-logo-sven" src="/assets/images/logo/logo-sven.svg?2" alt="Notariskantoor" title="Notariskantoor"/>
{% else %}
<img class="c-logo c-logo--header u-margin-top-tiny c-logo-sven" src="/assets/images/logo/logo-sven-fr.svg?2" alt="Etude Notariale"/>
{% endif %}
</div>
<div class="o-layout__item u-1/1 u-3/4@tablet u-padding-bottom-tiny@mobile u-padding-bottom-small@tablet">
{% if info.header1 %}
<p class="u-h1 u-margin-bottom-none">{{ info.header1 | raw }}</p>
{% endif %}
{% if info.header2 %}
<p class="u-h2 u-color-grey u-text-light">{{ info.header2 | raw }}</p>
{% endif %}
</div>
</div>
{% if not svenHome or routepath == 'notaris_frontend_msk_subpage' %}</a>{% endif %}
{% if showMskSplash is not defined %} {# when we are on MSK startpage don't show menu #}
<nav role="navigation" class="c-nav u-hidden@tablet u-hidden@desktop u-hidden@wide">
<div class="c-nav--left">
<ul class="o-list-inline o-list-bare">
<li class="o-list-inline__item">
{% set addresses = getAddresses(notaryId) %}
{% if svenHome or addresses['all']|length > 1 %}
<span class="c-nav__item c-nav__item--no-hover c-nav__item--inactive {% if svenHome == false %}c-nav__item_home{% endif %} {% if addresses['all']|length > 1 %}js-home-icon{% endif %}" title="Home">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><title>icon-home</title><polygon class="a" points="12.5 0 25 12.5 0 12.5 12.5 0"/><rect class="a" x="2.5" y="10" width="20" height="15"/></svg>
</span>
{% else %}
<a href="{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}" class="c-nav__item c-nav__item--no-hover" title="Home">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><title>icon-home</title><polygon class="a" points="12.5 0 25 12.5 0 12.5 12.5 0"/><rect class="a" x="2.5" y="10" width="20" height="15"/></svg>
</a>
{% endif %}
<div class="c-nav__toggle_list c-nav__toggle_list_mobile js-nav-address-list" style="display: none">
<a href="/" class="nav-address-list-item c-nav__toggle_item">{{ 'mn_start_page' | trans }}</a>
{% for address in addresses['all'] %}
{% set path = path('notaris_frontend_msk_subpage', {slug: address.slug }) %}
{% if routepath == 'notaris_frontend_sven_preview' %}
{% set path = path('notaris_frontend_sven_preview', {notaryId: notaryId.id , slug: address.slug }) %}
{% endif %}
<a href="{{ path }}" class="c-nav__toggle_item {% if address.slug == addresses.currentSlug %}active{% endif %}">
{% for addressInfo in address.info %}
{% if addressInfo.locale == locale and addressInfo.city != '' %}{{ addressInfo.street }} - {{ address.zipcode }} {{ addressInfo.city }}{% endif %}
{% endfor %}
</a>
{% endfor %}
</div>
</li>
</ul>
</div>
</nav>
<nav role="navigation" class="c-nav u-hidden@mobile">
<div class="c-nav--left">
<ul class="o-list-inline o-list-bare">
<li class="o-list-inline__item">
{% set addresses = getAddresses(notaryId) %}
{% if svenHome or addresses['all']|length > 1 %}
<span class="c-nav__item c-nav__item--no-hover c-nav__item--inactive {% if svenHome == false %}c-nav__item_home{% endif %} {% if addresses['all']|length > 1 %}js-home-icon{% endif %}" title="Home">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><title>icon-home</title><polygon class="a" points="12.5 0 25 12.5 0 12.5 12.5 0"/><rect class="a" x="2.5" y="10" width="20" height="15"/></svg>
</span>
{% else %}
<a href="{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}" class="c-nav__item c-nav__item--no-hover" title="Home">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><title>icon-home</title><polygon class="a" points="12.5 0 25 12.5 0 12.5 12.5 0"/><rect class="a" x="2.5" y="10" width="20" height="15"/></svg>
</a>
{% endif %}
<div class="c-nav__toggle_list js-nav-address-list" style="display: none">
<a href="/" class="nav-address-list-item c-nav__toggle_item">{{ 'mn_start_page' | trans }}</a>
{% for address in addresses['all'] %}
{% set path = path('notaris_frontend_msk_subpage', {slug: address.slug }) %}
{% if routepath == 'notaris_frontend_sven_preview' %}
{% set path = path('notaris_frontend_sven_preview', {notaryId: notaryId.id , slug: address.slug }) %}
{% endif %}
<a href="{{ path }}" class="c-nav__toggle_item {% if address.slug == addresses.currentSlug %}active{% endif %}">
{% for addressInfo in address.info %}
{% if addressInfo.locale == locale and addressInfo.city != '' %}{{ addressInfo.street }} - {{ address.zipcode }} {{ addressInfo.city }}{% endif %}
{% endfor %}
</a>
{% endfor %}
</div>
</li>
</ul>
</div>
{# navigation modules sven #}
<div class="c-nav--right">
<ul class="o-list-inline u-text-right u-margin-bottom-none c-nav__list">
{% set navigations_array = {
'people': 'sv_nav_medewerkers',
'downloads':'sv_nav_downloads',
'news':'mn_nieuws_sven',
'jobs':'sv_jobs',
'fednotLinks':'links',
'immo': 'immo',
'notaristv': 'sv_notaristv',
'themes': 'sv_themes' } %}
{% if notary is defined and notary.id == 26565 %}
<li class="o-list-inline__item">
<a href="https://immo.notaire.be/fr/" target="_blank" class="c-nav__item u-color-black-60 js-sven-navigation">
Immo
</a>
</li>
{% endif %}
{% for item in getSvenBuild(notaryId, locale, addressSlug) %}
<li class="o-list-inline__item">
<a href="{% if not svenHome %}{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}{% endif %}#{{item.type}}" data-type="{{ item.type }}" title="{{navigations_array[item.type]|trans|capitalize}}" class="c-nav__item u-color-black-60 js-sven-navigation">
{{navigations_array[item.type]|trans|capitalize}}
</a>
</li>
{% endfor %}
<li class="o-list-inline__item">
<a href="#!" title="{{'sv_meer'|trans}}" class="js-show-subnavigation c-nav__item u-color-black-60{% if lastPart != '' %} u-bg-primary u-color-white{% else %} c-nav__item--icon{% endif %}">
{{'sv_meer'|trans}}
{% if lastPart == '' %}
<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="u-color-path-black-60">
<path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z" fill="true"/>
</svg>
{% endif %}
</a>
</li>
<li class="o-list-inline__item">
<a href="{% if not svenHome %}{{ addressSlug ? path('notaris_frontend_msk_subpage', {slug: addressSlug}) : '/' }}{% endif %}#{{'sv_contact'|trans|lower}}" title="{{'sv_contact'|trans}}" class="c-nav__item u-color-black-60 js-sven-navigation">{{'sv_contact'|trans}}</a>
</li>
</ul>
</div>
{# navigation subsites #}
<div class="c-nav--subnav{% if lastPart == '' %} js-subnav u-hidden{% endif %}">
<ul class="o-list-inline u-text-center o-flex u-bg-black-10">
{#<li class="o-list-inline__item o-flex--equal">#}
{#{% if locale == 'nl' %}#}
{#{% set notarisslug = 'notaris' %}#}
{#{% else %}#}
{#{% set notarisslug = 'notaire' %}#}
{#{% endif %}#}
{#<a href="{{ path('notaris_frontend_subsite', {'slug': notarisslug}) }}" title="{{ 'mn_de_notaris' | trans }}" class="c-nav__item u-color-hoveractive-white u-color-black-60{% if lastPart == notarisslug %} u-bg-white{% endif %}">{{ 'mn_de_notaris_sven' | trans }}</a>#}
{#</li>#}
{% for subsite in listSubsites %}
<li class="o-list-inline__item o-flex--equal">
<a href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}" title="{{ subsite.name }}" class="c-nav__item u-color-hoveractive-white u-color-black-60{% if lastPart == subsite.slug %} u-bg-white{% endif %}">{{ subsite.name }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</nav>
{# END: SVEN NAVIGATIE ONDER BANNER #}
{% else %}
<div class="c-pageheader u-margin-bottom-small@tablet u-padding-top-small@mobile u-padding-bottom-small@mobile u-padding-none@tablet">
{% if locale == 'nl' %}
<a href="/" title="Notaris"><img class="c-logo c-logo--header-large u-margin-top-tiny" src="/assets/images/logo/notaris.svg" alt="Notaris" title="Notaris"/></a>
{% else %}
<a href="/" title="Notaire"><img class="c-logo c-logo--header-large u-margin-top-tiny" src="/assets/images/logo/notaire.svg" alt="Notaire" title="Notaire"/></a>
{% endif %}
</div>
<nav role="navigation" class="c-nav u-hidden@mobile">
{# navigation subsites #}
<div class="c-nav--subnav">
<ul class="o-list-inline u-text-center o-flex">
{# {{ include('@NotarisFrontend/module/mod_subsubmenu.html.twig', {'color': notarisslug, 'subsite': getSubsiteNotary(locale) }) }}#}
{# other menu items #}
{% for subsite in listSubsites %}
<li class="o-list-inline__item o-flex--equal c-nav__parent-item">
<a href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}"
title="{{ subsite.name }}"
class="c-nav__item js-nav__item u-color-hoveractive-black10 u-color-hoveractive-{{ subsite.stylesheet }} u-color-black-60{% if lastPart == subsite.slug %} u-bg-{{ subsite.stylesheet }} u-color-white{% endif %}"
data-slug="{{ subsite.slug }}" data-actual="{{ lastPart }}">
{{ subsite.name }}
</a>
<!-- @NOTE: use u-color-hoveractive-huwenensamenwonen on notaris -->
{# SubSubmenu #}
{{ include('@NotarisFrontend/module/mod_subsubmenu.html.twig', {'color': subsite.stylesheet, 'subsite': subsite, 'lastPart': lastPart }) }}
</li>
{% endfor %}
</ul>
</div>
</nav>
{% endif %}
{% endif %}
</header>
{% endblock %}
<main class="o-wrapper{% block calculateClasses %} {% endblock %}">
{% block body %}{% endblock %}
</main>
<!-- cookie banner accept -->
<div class="c-bar c-bar-adj c-bar--cookie js-cookie u-hidden {% if showMskSplash is defined %}theme-standard{% endif %}">
<div class="o-wrapper">
<div class="o-layout o-layout--flush">
<div class="o-layout__item u-1/1 u-padding-right-small u-margin-top-large">
<p class="c-bar__message u-color-primary u-text-bold">{{'cookie_bar_title'|trans|raw}}</p>
</div>
<div class="o-layout__item u-1/1 u-margin-top-small">
<p class="c-bar__message u-color-white">{{'cookie_bar_text'|trans|raw}}</p>
</div>
<div class="o-layout__item u-1/1 u-margin-top-small u-hidden@largewide u-hidden@wide">
<a href="#" title="{{'alg_all_cookies'|trans|raw}}" class="js-cookie-button c-bar__action c-btn c-btn--primary c-btn--small u-margin-top u-1/1">
<b>{{'alg_all_cookies'|trans|raw}}</b>
</a>
<a href="#" title="{{'alg_no_cookies'|trans|raw}}" class="js-cookie-no-button c-bar__action c-btn c-btn--primary c-btn--small u-margin-top u-1/1">
<b>{{'alg_no_cookies'|trans|raw}}</b>
</a>
</div>
<div class="o-layout__item u-margin-bottom-small@mobile u-margin-top-large u-margin-top-huge@desktop u-margin-top-huge@large u-margin-top-huge@wide">
<a href="/{{'cookie_subsite'|trans}}/{{ 'cookie_section' | trans }}#content-center-cookie" class="u-margin-left-small u-margin-left-none u-margin-top-tiny adj">
{{ 'alg_link_cookies_text' | trans | raw }}
</a>
<a href="#" title="{{'alg_all_cookies'|trans|raw}}" class="js-cookie-button c-bar__action c-btn c-btn--primary c-btn--small u-margin-left-small u-margin-bottom fl-r u-hidden@mobile u-hidden@tablet u-hidden@large">
<b>{{'alg_all_cookies'|trans|raw}}</b>
</a>
<a href="#" title="{{'alg_no_cookies'|trans|raw}}" class="js-cookie-no-button c-bar__action c-btn c-btn--primary c-btn--small u-margin-left-small u-margin-bottom fl-r u-hidden@mobile u-hidden@tablet u-hidden@large">
<b>{{'alg_no_cookies'|trans|raw}}</b>
</a>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="u-margin-top-large u-no-print">
{% block footer %}{% endblock %}
<div class="u-bg-grey-darker">
<div class="o-wrapper">
<div class="o-layout u-padding-top-large u-padding-bottom-huge">
<div class="o-layout__item u-1/5@desktop u-text-center u-text-right@desktop u-hidden@desktopwide {% if notaryId is defined %}u-padding-footer{% endif %}">
<p class="u-color-white">
<small>
{% if locale == "nl" %}
<a href="/contact/notaris-be-contact" target="_blank" class="u-no-whitespace u-margin-left-small u-color-white" title="contact">Contact</a>
{% else %}
<a href="/nouveautes/contact" class="u-no-whitespace u-margin-left-small u-color-white" title="contact">Contact</a>
{% endif %}
</small>
</p>
</div>
<div class="o-layout__item u-4/5@desktop u-text-center u-text-left@desktop {% if notaryId is defined %}u-padding-footer{% endif %}">
<p class="u-color-white">
<small>
Copyright © {{ "now"|date("Y") }} {{'ft_copy2'|trans}}
{% if locale == 'nl' %}
<a href="/gebruiksvoorwaarden/notaris-be-gebruiksvoorwaarden" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_gebruiksvoorwaarden'|trans}}">{{ 'ft_gebruiksvoorwaarden' | trans }}</a>
{% else %}
<a href="/conditions-dutilisation/conditions-d-utilisation" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_gebruiksvoorwaarden'|trans}}">{{ 'ft_gebruiksvoorwaarden' | trans }}</a>
{% endif %}
<a href="{{ 'ft_privacy_link' | trans }}" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_privacy'|trans}}">{{ 'ft_privacy' | trans }}</a>
<a href="{{ 'ft_cookie_link' | trans }}" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_cookie'|trans}}">{{ 'ft_cookie' | trans }}</a>
{% if notaryId is defined %}
<a href="{{ 'ft_gdpr_link' | trans }}" class="u-no-whitespace u-margin-left-small u-color-white" title="{{'ft_gdpr'|trans}}">{{ 'ft_gdpr' | trans }}</a>
{% endif %}
</small>
</p>
</div>
{% if notaryId is not defined %}
<div class="o-layout__item u-1/5@desktop u-text-center u-text-right@desktop u-hidden@mobile u-hidden@tablet">
<p class="u-color-white">
<small>
{% if locale == "nl" %}
<a href="/contact/notaris-be-contact" target="_blank" class="u-no-whitespace u-margin-left-small u-color-white" title="contact">Contact</a>
{% else %}
<a href="/nouveautes/contact" class="u-no-whitespace u-margin-left-small u-color-white" title="contact">Contact</a>
{% endif %}
</small>
</p>
</div>
{% endif %}
{% if notaryId is defined %}
<div class="o-layout__item u-5/5@desktop u-text-center u-text-left@desktop">
<p class="u-color-white">
<small>
{{ 'sv_footer_ombudsdienst' | trans }} : <a href="https://{{ 'sv_footer_ombudsdienst_link' | trans }}" target="_blank">{{ 'sv_footer_ombudsdienst_link' | trans }}</a>
{% if notaryId.isPdoActive %}
<a href="" class="u-no-whitespace u-margin-left-small u-color-white js-modal-navigation" data-modal="pdo-modal" title="Data Protection Officer">Data Protection Officer</a>
{% endif %}
</small>
</p>
</div>
{% endif %}
<div class="o-layout__item u-1/5@desktop u-text-center u-text-left@desktop">
<p><small><a href="{{ 'ft_dc_projects_link' | trans }}" title="dc-projects.be" target="_blank" class="u-color-grey">dc-projects.be</a></small></p>
</div>
</div>
</div>
</div>
</footer>
{% if notaryId is defined and notaryId.isPdoActive %}
<div class="c-popup js-modal" id="pdo-modal">
<div class="c-popup__wrapper">
<div class="c-popup__close c-popup__close--border u-text-right">
<button class="js-modal-close c-btn--empty c-btn__close"><!--img src="/assets/images/icons/icon-close.svg" alt="close"/--></button>
</div>
<div class="c-popup__body">
<h4 class="u-h3 u-margin-bottom-tiny">Data Protection Officer</h4>
{{ 'sv_footer_modal_message' | trans({'%email%': info.pdoEmail}) | raw }}
</div>
</div>
</div>
{% endif %}
<script>
var locale = "{{ locale }}";
var marriedOswald = false;
var googleAnalytics = locale === 'fr' ? '{{ google_analytics_fr }}' : '{{ google_analytics_nl }}';
var googleTagManager = locale === 'nl' ? '{{ google_tag_manager_main_nl }}' : '{{ google_tag_manager_main_fr }}';
var ShowGoogleAnalytics = true;
{% if notaryId is defined and notaryId.showInjob == false %}
ShowGoogleAnalytics = false;
{% endif %}
{#{% if notaryId is not defined %}#}
{#{% if subsite is defined and (subsite.slug == 'huwen-samenwonen' or subsite.slug == 'se-marier-vivre-ensemble') %}#}
{#marriedOswald = true;#}
{#{% endif %}#}
{#// console.log('locale', locale, marriedOswald, defaultValueOswald);#}
{#{% endif %}#}
</script>
<script src="/assets/js/cookiesExt.js?15"></script>
<script>
WebFontConfig = {
google: {
families: ['Lato:400,700','Montserrat:400,500,600', 'Assistant:wght@200;300&display=swap']
}
};
(function(d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
<script src="/assets/js/app.js?14"></script>
<script type="text/javascript">
{% if notaryId is defined %}
function setLanguage(choice) {
document.setLangForm.setLangTo.value = choice;
document.setLangForm.submit();
}
{% endif %}
</script>
<div id="fb-root"></div>
<script>
$.cookie('cookie-bar') === 'hide'; // && applyOswaldJs()
$.cookie('cookie-settings-statistics') === 'true' && applyAnalyticsJs();
$.cookie('cookie-settings-social') === 'true' && applySocialJs();
// console.log('those are the cookies statistics:', $.cookie('cookie-settings-statistics'));
// console.log('those are the cookies social:', $.cookie('cookie-settings-social'));
if (location.search.includes('cookie_bypass=1')) {
contentNavigable = true;
blockContent();
cookieBar.hide();
}
</script>
{% if subsite is defined and subsite != '' and subsite is not null %}
{% if subsite.slug == 'cookie_subsite' | trans and section.slug == 'cookie_section' | trans %}
<script>
app.old.anchorClick();
if ($.cookie('cookie-bar') !== 'hide') {
contentNavigable = true;
blockContent();
cookieBar.hide();
{# If the cookie bar is present, the policies pages will be shown #}
// $('.js-cookie').addClass('is-readable');
// $('body > header, body > footer').addClass('is-disabled');
}
</script>
{% else %}
<script>
resetContentState();
</script>
{% endif %}
{% endif %}
{% block extrajs %}
{% endblock %}
</body>
</html>