{% extends '@NotarisFrontend/layout2017.html.twig' %} {% set headtitle = subsite.pageTitle ~ ' ' ~ 'alg_basetitle' | trans %} {% if notaryId is defined %} {% set headtitle = info.header1 | replace({"<BR />":" "}) ~ " - " ~ subsite.pageTitle %} {% endif %}{% if subsite.languageLinkSubsite is not null %} {% if locale == 'nl' %} {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite', {slug: subsite.slug}) %} {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite', {slug: subsite.languageLinkSubsite.slug}) %} {% else %} {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite', {slug: subsite.languageLinkSubsite.slug}) %} {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite', {slug: subsite.slug}) %} {% endif %}{% endif %}{% block title %} <title>{{ headtitle }}</title>{% endblock %}{% block extralinks %} <link rel="canonical" href="{{ url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_subsite', {slug: subsite.slug}) }}" />{% endblock %}{% block extrameta %} {{ parent() }} <meta name="keywords" content="{{ subsite.meta.metaKeywords }}"/> <meta name="description" lang="{{ locale }}" content="{{ subsite.meta.metaDescription }}"/> <meta property="og:url" content="{{ url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_subsite', {slug: subsite.slug}) }}" /> <meta property="og:type" content="website" /> {% if subsite.meta.ogTitle != '' %} <meta property="og:title" content="{{ subsite.meta.ogTitle }}" /> {% else %} <meta property="og:title" content="{{ headtitle }}" /> {% endif %} {% if subsite.meta.ogDescription != '' %} <meta property="og:description" content="{{ subsite.meta.ogDescription }}" /> {% else %} <meta property="og:description" content=" " /> {% endif %}{% endblock %}{% block body %} <section class="content u-padding-top-large@tablet"> {% set isPreview = false %} {% if preview is defined %} {% set isPreview = true %} {% endif %} {% if isPreview %} <div id="preview-label">PREVIEW</div> {% endif %} {{ include('@NotarisFrontend/module/sidenav.html.twig', {'subsite': subsite, 'preview': isPreview }) }} <div id="content-center" class="content-center-large {{ subsite.stylesheet }}"> {#<div id="content-center-header"> <div id="content-header-container"> <div id="content-header-wrapper"> {% set counter = 1 %} {% for banner in subsite.banners if banner.isActive %} {% for image in banner.asset.assetImages %} <div class="image-wrapper"> {% set image_path = "/uploads/" ~ image.image.locale ~ image.image.filename %} {% set imgpath = image_path | imagine_filter('cms_subsite_thumb') %} <img src="{{ imgpath|replace({'http:': scheme_url~':'}) }}" alt="img{{ counter }}"/> </div> {% set counter = counter + 1 %} {% endfor %} {% endfor %} </div> </div> <article> <div class="article-header"> <h1>{{ subsite.name }}</h1> </div> {% if subsite.welcomeText != '' %} <div class="article-content"> {{ subsite.welcomeText | raw }} </div> {% endif %} </article> </div>#} <div id="content-center-header"> <div class="c-banner c-banner--small u-hidden@mobile u-bg-black-10"> <div data-gallerytime="10000" class="c-gallery c-gallery--small js-gallery js-timer" data-active="0" style="min-height: 310px"> <div class="c-gallery__wrapper"> {% for banner in subsite.banners|filter(banner => banner.isActive) %} {% for image in banner.asset.assetImages %} <div class="c-gallery__item o-object-fit"> {% set image_path = "/uploads/" ~ image.image.locale ~ image.image.filename %} {{ image_path | responsive_image_source([610, 380, 504, 252], {'filterset': 'responsive_article_image', 'sizes': '(min-width: 960px) 610px, (min-width: 768px and max-width: 960px) 504px, (min-width: 480px and max-width: 768px) 380px, (max-width: 480px) 252px'}, 'c-gallery__item__image') }} </div> {% endfor %} {% endfor %} </div> </div> </div> <article> <div class="article-header"> <h1>{{ subsite.name }}</h1> </div> {% if subsite.welcomeText != '' %} <div class="article-content"> {{ subsite.welcomeText | raw }} </div> {% endif %} </article> </div> <section id="info"> <div id="info-header" class="info-header-spacing"> <h2>{{ 'ss_notendop' | trans | raw }}</h2> </div> <div id="info-content"> {% for module in centermodules %} <article{% if loop.last %} class="no-border"{% endif %}> {% if module.title != '' %} <p><strong>{{ module.title }}</strong></p> {% endif %} {{ module.text | raw }} </article> {% endfor %} {#<article> <p>De <strong>drie belangrijkste huwelijkstelsels</strong> zijn: het stelsel van <a href="/huwen-samenwonen/alles-over-huwen-trouwen/het-stelsel-van-scheiding-van-goederen">scheiding van goederen</a>; het stelsel van de algehele <a href="/huwen-samenwonen/alles-over-huwen-trouwen/het-stelsel-van-de-algehele-gemeenschap">gemeenschap van goederen</a> en het stelsel van scheiding van goederen met gemeenschap van aanwinsten ofwel het <a href="/huwen-samenwonen/alles-over-huwen-trouwen/het-wettelijk-stelsel">wettelijk stelsel</a> genoemd.</p> </article> <article> <p><strong>Samenwonen?</strong> <strong>Een belangrijke beslissing!</strong> Ongetwijfeld bent u klaar voor het nieuwe leven met uw vriend of vriendin. Maar hebt u ook al even stilgestaan bij de <strong>juridische gevolgen</strong> van samen onder één dak te wonen? Aan een aantal zaken denkt u best even op voorhand. <a href="/huwen-samenwonen/ongehuwd-samenwonen">Lees meer</a></p> </article> <article class='no-border'> <p>Voor gehuwden geldt het vermoeden dat de echtgenoot van de moeder de <strong>vader is van het kind</strong>. In de context van ongehuwd samenwonen is dit anders. <a href="/huwen-samenwonen/ongehuwd-samenwonen/kinderen">Lees meer</a></p> </article>#} </div> </section> {% if news is defined and news is not null %} <section id="info" class="no-margin o-tabpannel o-tabpannel--neutral"> <div id="info-header" class="info-header-spacing"> <a href="{{ path('notaris_frontend_subsite_news', {'subsiteslug': subsite.slug}) }}" class="u-color-white u-text-decoration"><h2>{{ 'ss_news' | trans | raw }}</h2></a> </div> <div id="info-content"> <a data-slug="{{ news.slug }}" class="o-tabpannel__item u-color-black u-padding-left-small u-padding-right-small js-info-news-content u-padding-bottom-none" href="{{ path('notaris_frontend_subsite_news_detail', {'slug': news.slug, 'subsiteslug': currentslug }) }}"> <h2 class="u-h3 u-margin-none"> {% if news.isPers %} <div class="c-tooltip c-tooltip--top u-text-inline"> <span class="{% if lastPart == subsite.slug %}u-bg-{{ subsite.stylesheet }} {% else %}u-bg-primary {% endif %}u-color-white o-tabpannel__label">{{ 'nw_pm' | trans }}</span> <p class="c-tooltip__news{% if lastPart == subsite.slug %} u-bg-{{ subsite.stylesheet }}{% endif %}">{{ 'nw_pm_meaning' | trans }}</p> </div> {% endif %} {{ news.title }} </h2> <p class="u-margin-top-tiny"> {% if news.introduction == '' %} {% set words = news.text | striptags | split(' ') %} {% else %} {% set words = news.introduction | striptags | split(' ') %} {% endif %} {{ news.publicationDate | localdate }} - {% for word in words|slice(0, 22) %} {% if loop.last and words|length > 22 %} {{ word | replace({'.':''}) | raw }}<span style="display: inline">...</span> {% else %} {{ word | raw }} {% endif %} {% endfor %} </p> </a> </div> </section> <div class="c-divider" style="height: 30px"> </div> {% endif %} {% if video is defined and video is not null %} <section id="info" class="no-margin o-tabpannel o-tabpannel--neutral half-width" style="display: inline-block;margin-right: 12px !important;"> <div id="info-header" class="info-header-spacing"> <h2>{{ 'ss_notaris_tv' | trans | raw }}</h2> </div> <div id="info-content"> <div class="c-movies__item u-margin-bottom-none" style="width: 100%"> <a href="{{ path('notaris_frontend_tv_detail_video', {'slug': currentslug, 'slugvideo': video.slug}) }}" title="{{ video.title }}" class="o-grid__item o-object-fit c-movies__link {% if video.asset.assetImages | length == 0 %}o-grid__item--overlay{% endif %}" data-slug="{{ video.slug }}"> {% if video.asset.assetImages | length > 0 %} {% set image_path = 'uploads/'~ locale ~ '/' ~ video.asset.assetImages[0].image.filename %} {{image_path | responsive_image_source([448, 353, 436], {'filterset': 'responsive_article_image', 'sizes': '(min-width: 960px) 448px, (min-width: 768px and max-width: 960px) 353px, (min-width: 480px and max-width: 768px) 436px, (max-width: 480px) 100vw', 'alt': video.title, 'title': video.title}) }} {% endif %} <div class="c-movies__overlay"> <div class="o-grid__item__overlay__title c-movies__info u-padding-bottom-none"> <h3 class="u-h4">{{ video.title }}</h3> </div> <button class="c-btn c-btn--icon c-btn--icon--large c-btn__play"> <svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><style>.z{fill:#FFF;}</style><path class="z" d="M1576 927L248 1665q-23 13-39.5 3t-16.5-36V160q0-26 16.5-36t39.5 3l1328 738q23 13 23 31t-23 31z" fill="true"/></svg> </button> </div> <div class="c-movies__info-back"> <span class="c-movies__meta">{{ video.publicationDate | localdate }}</span><br> <span class="c-movies__meta c-movies__meta--theme">{{ 'tv_rubriek'|trans }}:</span> <span class="c-movies__meta">{% for subsite in video.subsites %}{{ subsite.subsite.name }}{% if loop.last and not video.isVaria %}{% else %}, {% endif %}{% endfor %}{% if video.isVaria %}{{ 'tv_varia_tekst' | trans }}{% endif %}</span> </div> </a> </div> </div> </section> {% endif %} {% if randomFaq is defined and randomFaq is not null and brochure is defined and brochure is not null %} <div class="c-divider c-divider-small c-divider-small-screen"> </div> {% endif %} {% if randomFaq is defined and randomFaq is not null %} <section id="info" class="no-margin o-tabpannel o-tabpannel--neutral half-width" style="display: inline-block;vertical-align: top;margin-top: 17px !important;"> <div id="info-content" class="u-bg-black-10 u-padding-small u-text-bold"> <div class="faq-quote u-margin-bottom-tiny"></div> <a href="{{ path('notaris_frontend_faq_subsite_detail', {subsiteSlug: currentslug, faqSlug: randomFaq.slug}) }}" class="u-text-decoration"> {{ randomFaq.title }} </a> <div class="faq-quote u-margin-top-tiny" style="display: table;margin-left: auto;"></div> </div> <div id="info-header" class="u-display--inline u-text-weight-400" style="padding-top: 2px;padding-bottom: 5px;float: right;width: auto;"> <a href="{{ path('notaris_frontend_faq_subsite_detail', {subsiteSlug: currentslug, faqSlug: randomFaq.slug}) }}" class="u-color-white u-text-decoration"> {{ 'ss_faq'|trans }} </a> </div> </section> {% endif %} <div class="c-divider c-divider-small"> </div> {% if brochure is defined and brochure is not null %} <section id="info" class="no-margin o-tabpannel o-tabpannel--neutral"> <div id="info-header" class="info-header-spacing"> <h2 class="u-display--inlineblock u-margin-bottom-none">{{ 'ss_brochures' | trans }}</h2> <a href="{{ path('notaris_frontend_brochures', { 'subsiteSlug': currentslug}) }}" class="brochure-all-link">{{ 'ss_brochures_all' | trans }} ></a> </div> <div id="info-content" class="niveau1"> <article {% if brochure.tags | length == 0 %} style="border-bottom: none" {% endif %}> <div class="movie-list-wrapper"> <a class="movie-list" href="{{ path('notaris_frontend_brochure_downloads', { 'brochureId' : brochure.id, 'subsiteSlug': subsite.slug, } ) }}" target="_blank"> {% if brochure.asset.assetImages | length > 0 %} {% set thumbimage = '/uploads/' ~ locale ~ '/' ~ brochure.asset.assetImages[0].image.filename %} {% set imgpath = thumbimage | imagine_filter('brochures_thumb') %} <img src="{{ imgpath|replace({'http:': scheme_url~':'}) }}" alt="{{ brochure.asset.assetImages[0].image.alt }}" style="width: auto !important;" class="u-margin-right-small"/> {% else %} GEEN image {{ brochure.id }} {% endif %} </a> </div> <div class="movie-list-right"> <p> <strong>{{ brochure.title }}</strong> </p> <p> {% if brochure.asset.assetAttachments | length > 0 %} {% set attachment = brochure.asset.assetAttachments[0].attachment %} {% set type = attachment.fileType | split('/') %} <em>({{ type[1] | upper }} / {{ attachment.byte | bfos_format_bytes | replace({'.':','})}}{% if brochure.pages is not null %} / {{ brochure.pages }} {{ 'brochure_paginas' | trans }}{% endif %}){% if brochure.edition is not null %} - {{ 'brochure_versie' | trans }} {{ brochure.edition|date("m/Y") }}{% endif %}</em> {% endif %} </p> {{ brochure.description | raw }} </div> <div class="cleaner"> </div> </article> {% if brochure.tags | length > 0 %} <article class="tags border-bottom js-tags" style="border-bottom: none !important;padding-bottom: 0 !important;"> <p> {% for tag in brochure.tags %} <a data-slug="{{ tag.slug }}" data-tag-clicked="{{ path('notaris_frontend_tag_clicked') }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug}) }}" title="{{ tag.name }}">{{ tag.name }}</a> {% endfor %} </p> <div class="cleaner"> </div> </article> {% endif %} </div> </section> <div class="c-divider c-divider-small" style="height: 30px"> </div> {% endif %} {% set extra_modules = {} %} {# dynamische cms modules #} {% if subsite.slug == 'societes' or subsite.slug == 'opstarten-ondernemen' %} {% set extra_modules = extra_modules|merge({0:'link_mysprl'}) %} {% endif %} {% set extra_modules = extra_modules|merge({2:'link_publication', 3:'link_glossary', 4:'link_faq' }) %} {{ include('@NotarisFrontend/module/mod_cms.html.twig', {'rightmodules': rightmodules, 'extras': extra_modules }) }} </div> {# <aside id="content-right"> {% if notaryId is defined %} {{ include('@NotarisFrontend/Sven/_sven_address.html.twig') }} {% else %} {{ include('@NotarisFrontend/Module/notsearch_module.html.twig') }} {% endif %} {% if subsite.slug == 'societes' or subsite.slug == 'opstarten-ondernemen' %} {{ include('@NotarisFrontend/Module/Side/startmybusiness.html.twig') }} {% endif %} {% if subsite.slug == 'huwen-samenwonen' or subsite.slug == 'se-marier-vivre-ensemble' %} {{ include('@NotarisFrontend/Module/Side/mybox.html.twig') }} {% endif %} {{ include('@NotarisFrontend/Module/Side/brochure.html.twig', {'hideDesktop': false, 'subsite': subsite.slug}) }} {{ include('@NotarisFrontend/Module/Side/glossary.html.twig', {'subsite': subsite, 'glossary': glossary}) }} {{ include('@NotarisFrontend/Module/Side/faq.html.twig', {'subsite': subsite, 'faq': faq }) }} {{ include('@NotarisFrontend/Module/mod_cms.html.twig', {'rightmodules': rightmodules }) }} </aside> #} {% include '@NotarisFrontend/navigation/mobilesubnav.html.twig' with {'websiteSlug': currentslug, 'isSven':false, 'isHome':false, 'subsite': subsite} %} </section>{% endblock %}{#{% block footer %} {% set tags = getTags(subsite) %} {% if tags | length > 0 %} <article class="{{ subsite.stylesheet }} footertag"> <h1>{{ subsite.name }}</h1> {% for tag in tags %} <p><a data-slug="{{ tag.slug }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug }) }}" title="{{ tag.name }}">{{ tag.name }}</a></p> <div class="cleaner"> </div> {% endfor %} </article> {% endif %} {% set tags = getTags(subsite, 8, 7) %} {% if tags | length > 0 %} <article class="{{ subsite.stylesheet }} footertag"> {% for tag in tags %} <p><a data-slug="{{ tag.slug }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug }) }}" title="{{ tag.name }}">{{ tag.name }}</a></p> <div class="cleaner"> </div> {% endfor %} </article> {% endif %} {% set tags = getTags(subsite, 8, 15) %} {% if tags | length > 0 %} <article class="{{ subsite.stylesheet }} footertag"> {% for tag in tags %} <p><a data-slug="{{ tag.slug }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug }) }}" title="{{ tag.name }}">{{ tag.name }}</a></p> <div class="cleaner"> </div> {% endfor %} </article> {% endif %} {% set tags = getTags(subsite, 8, 23) %} {% if tags | length > 0 %} <article class="{{ subsite.stylesheet }} footertag"> {% for tag in tags %} <p><a data-slug="{{ tag.slug }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug }) }}" title="{{ tag.name }}">{{ tag.name }}</a></p> <div class="cleaner"> </div> {% endfor %} </article> {% endif %}{% endblock %}#}{% block footer %} <div class="u-bg-off-white u-padding-top-small u-padding-bottom-large"> <div class="o-wrapper"> <div class="o-layout"> {% set tags = getTags(subsite) %} {% if tags | length > 0 %} <div class="o-layout__item u-1/1 u-1/2@mobile u-1/3@tablet u-1/4@desktop c-tags u-padding-top-small js-tags"> <p class="u-margin-bottom-tiny u-color-{{ subsite.stylesheet }}">{{ subsite.name }}</p> {% for tag in tags %} <div class="u-clearfix"> <a data-slug="{{ tag.slug }}" data-tag-clicked="{{ path('notaris_frontend_tag_clicked') }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug }) }}" title="{{ tag.name }}" class="c-tags__item c-tags__item--block c-tags__item--showonhover c-tags__item--footer u-text-small">{{ tag.name }}</a> </div> {% endfor %} </div> {% endif %} {% set tags = getTags(subsite, 8, 7) %} {% if tags | length > 0 %} <div class="o-layout__item u-1/1 u-1/2@mobile u-1/3@tablet u-1/4@desktop c-tags u-padding-top-small js-tags"> {% for tag in tags %} <div class="u-clearfix"> <a data-slug="{{ tag.slug }}" data-tag-clicked="{{ path('notaris_frontend_tag_clicked') }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug }) }}" title="{{ tag.name }}" class="c-tags__item c-tags__item--block c-tags__item--showonhover c-tags__item--footer u-text-small">{{ tag.name }}</a> </div> {% endfor %} </div> {% endif %} {% set tags = getTags(subsite, 8, 15) %} {% if tags | length > 0 %} <div class="o-layout__item u-1/1 u-1/2@mobile u-1/3@tablet u-1/4@desktop c-tags u-padding-top-small js-tags"> {% for tag in tags %} <div class="u-clearfix"> <a data-slug="{{ tag.slug }}" data-tag-clicked="{{ path('notaris_frontend_tag_clicked') }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug }) }}" title="{{ tag.name }}" class="c-tags__item c-tags__item--block c-tags__item--showonhover c-tags__item--footer u-text-small">{{ tag.name }}</a> </div> {% endfor %} </div> {% endif %} {% set tags = getTags(subsite, 8, 23) %} {% if tags | length > 0 %} <div class="o-layout__item u-1/1 u-1/2@mobile u-1/3@tablet u-1/4@desktop c-tags u-padding-top-small js-tags"> {% for tag in tags %} <div class="u-clearfix"> <a data-slug="{{ tag.slug }}" data-tag-clicked="{{ path('notaris_frontend_tag_clicked') }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug }) }}" title="{{ tag.name }}" class="c-tags__item c-tags__item--block c-tags__item--showonhover c-tags__item--footer u-text-small">{{ tag.name }}</a> </div> {% endfor %} </div> {% endif %} </div> </div> </div>{% endblock %}{% block extracss %} <style> .faq-quote { height: 16px; border-style: double; border-width: 0px 0px 0px 17px; } .brochure-all-link { float: right; margin-top: 5px; color: white; text-decoration: none } .brochure-all-link:hover, .brochure-all-link:focus { color: white; text-decoration: none } .half-width { width: 49% !important; } @media screen and (min-width: 1174px) { .c-divider.c-divider-small { height: 0px; } .c-divider.c-divider-small:after { top: 0px; } .c-divider.c-divider-small-screen { display: none; } } @media screen and (max-width: 1173px) { .half-width { width: 100% !important; } } </style>{% endblock %}