Fijn

Layout 

<div id="header" class="main clearfix">
    <nav class="navbar navbar-expand-xl navbar-light d-flex align-items-start">
        <button class="navbar-toggler js-toggleMenu" type="button" aria-controls="navbarToggleMobileMenu" aria-label="Toggle navigation">
            <svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="22" height="2" rx="1" fill="black" />
                <rect y="6" width="22" height="2" rx="1" fill="black" />
                <rect y="12" width="22" height="2" rx="1" fill="black" />
            </svg>
        </button>
        <a href="index.html" class="navbar-brand"><img src="../../img/logos/logo-portaal.svg" alt="logo"></a>
        <div class="component navigation navigation-title navbar-nav flex-column js-navigation">
            <div class="component-content">
                <nav>
                    <ul class="clearfix">

                        <li class="level1 item0 odd first rel-level1">
                            <div class="navigation-title field-navigationtitle">
                                <a class="-active" title="Overzicht" href="/">Overzicht</a>
                            </div>

                        </li>

                        <li class="level1 item1 even rel-level1">
                            <div class="navigation-title field-navigationtitle">
                                <a class="" title="Bestellingen" href="/">Bestellingen</a>
                            </div>

                        </li>

                        <li class="level1 item2 odd rel-level1">
                            <div class="navigation-title field-navigationtitle">
                                <a class="" title="Woningen" href="/">Woningen</a>
                            </div>

                        </li>

                        <li class="level1 item3 even rel-level1">
                            <div class="navigation-title field-navigationtitle">
                                <a class="" title="Bewoners" href="/">Bewoners</a>
                            </div>

                        </li>

                    </ul>
                </nav>
            </div>
        </div>
    </nav>
</div>

<div id="content" class="main clearfix">
    <div class="component contentHeader o-contentHeader  d-flex align-items-center">
        <div class="component-content">
            <div class="row no-gutters w-100 h-100">
                <div class="o-contentHeader__left col col-md-6 d-flex align-items-center position-static">
                    <div class="d-flex align-items-center">
                        <a href="index.html" class="o-contentHeader__logoAction mr-2 mr-md-3 -action">
                            <img src="../../img/logos/logo-portaal.svg" alt="logo">

                            <div class="a-circle -button -hover -border"><i class="icon-arrow-round-left"></i></div>

                        </a>
                        <div class="d-flex flex-column justify-content-center">
                            <h1 class="o-contentHeader__title d-flex align-items-center">
                                <span class="o-contentHeader__titleText">Pagina titel</span>

                            </h1>

                            <small class="text-muted">subtitel</small>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="content js-content">

    </div>

</div>

<div id="footer" class="main clearfix">
    <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="click" data-html="true" title="" data-custom-class="-menu" ">
    MV
    
</div>

    <div class=" popover-content">
        <div class='dropdown-item'>Account instellingen</div>
        <div class='dropdown-item'>Uitloggen</div>
    </div>

    <ul class="m-iconMenu text-secondary mb-0 d-flex flex-xl-column align-items-center list-unstyled">
        <li><i class="icon-chat1"></i></li>
        <li><i class="icon-bell"></i></li>
        <li><i class="icon-question-mark"></i></li>
    </ul>
</div>
 
{% render '@header', {default_menu: default_menu}, true %}

<div id="content" class="main clearfix">
    {% render '@content-header', content_header, true %}
    <div class="content js-content{% if content_header.split_on_mobile %} -paddingBottom{% endif %}">
        {% block content %}{% endblock %}
    </div>
    {% block notifications %}{% endblock %}
</div>

{% render '@footer' %}
 
/* No context defined. */

No notes defined.