<html lang='en'>

<head>
    <meta charset='UTF-8' />
    <meta name='viewport' content='width=device-width' />
    <link rel='stylesheet' href='../../assets/css/styles.css' />
    <title>Preview Template</title>
</head>

<body class='add-padding'>

    <div id='uhasselt-page'>
        <div class="nav-desktop-intranet-wrapper">
            <nav class="nav-desktop uhasselt-container">
                <div class="nav-wrapper">
                    <div class="logo-wrapper">
                        <a class="logo" href="#">
                            <img src="../../assets/img/logo_uhasselt_intranet.svg" alt="">
                        </a>
                    </div>

                    <div class="type-utils-wrapper">
                        <ul class="util-nav">
                            <li class="util-nav-li">
                                <a class="link" href="#" title="">
                                    <span class="text">
                                        Applicaties
                                    </span>

                                </a>
                            </li>
                            <li class="util-nav-li">
                                <a class="link" href="#" title="">
                                    <span class="text">
                                        Nieuws
                                    </span>

                                </a>
                            </li>
                            <li class="util-nav-li">
                                <a class="link" href="#" title="">
                                    <span class="text">
                                        Agenda
                                    </span>

                                </a>
                            </li>
                            <li class="util-nav-li">
                                <a class="link" href="#" title="">
                                    <span class="text">
                                        Wie is wie?
                                    </span>

                                </a>
                            </li>
                            <li class="util-nav-li">
                                <a class="link" href="#" title="">
                                    <span class="text">
                                        Vacatures
                                    </span>

                                    <div class="util-nav-tag">
                                        <span class="tag tag-sm tag-red tag-round tag-sm">
                                            This is a tag

                                        </span>

                                    </div>
                                </a>
                            </li>

                            <li>
                                <div class="dropdown">
                                    <button class="deskop-nav-intranet-dropbtn">NL <span class="icon far fa-chevron-down  fa-xs " aria-hidden="true"></span></button>

                                    <div id="myDropdown" class="dropdown-content">
                                        <a href="/nl">Nederlands</a>

                                        <a href="/en">English</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="main-wrapper">
                        <div>
                            <div class="search-field">
                                <span class="atm-form-input  ">
                                    <input type="text" name="input" id="input" placeholder="Zoekterm..." class="form-input" value="">
                                    <span class="icon far fa-times   form-input-error-icon" aria-hidden="true"></span>
                                    <span class="icon far fa-check   form-input-valid-icon" aria-hidden="true"></span>
                                </span>

                                <a href="#" class="button button-black button-noframe">
                                    <span>
                                        <span class="icon fal fa-search   " aria-hidden="true"></span>
                                    </span>
                                </a>

                            </div>
                        </div>

                        <ul class="page-nav">
                            <li class="level-1 check-0">
                                <input type="checkbox" id="page-nav-checkbox0" class="page-nav-checkbox">

                                <label for="page-nav-checkbox0" class="page-nav-label">
                                    Thema&#x27;s

                                    <span class="icon far fa-chevron-down  fa-xs " aria-hidden="true"></span>
                                </label>

                                <div class="page-nav-sub page-nav-sub-6">
                                    <div class='subnav subnav-cols'>
                                        <ul class='subnav-items'>

                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>
                                            <div class="link-list transparent">
                                                <div class="link-list-header ">
                                                    <div class="link-list-icon-header">
                                                        <div class="link-list-header-icon">
                                                            <span class="icon far fa-graduation-cap   " aria-hidden="true"></span>
                                                        </div>
                                                        <h3 class="heading title">
                                                            Lorem ipsum dolor sit amet
                                                        </h3>
                                                    </div>

                                                </div>
                                                <ul>
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>

                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="level-1 check-1">
                                <input type="checkbox" id="page-nav-checkbox1" class="page-nav-checkbox">

                                <label for="page-nav-checkbox1" class="page-nav-label">
                                    Favorieten

                                    <span class="icon far fa-chevron-down  fa-xs " aria-hidden="true"></span>
                                </label>

                                <div class="page-nav-sub page-nav-sub-2">
                                    <div class='subnav '>
                                        <ul class='subnav-items'>

                                            <div class="link-list transparent">
                                                <ul class="link-list-ul">
                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">And a third USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">A USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                    <li class="link-list-li">
                                                        <a href="#" class="link " aria-label="" title="">
                                                            <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                            <span class="text">Another USP for UHasselt</span>

                                                        </a>

                                                    </li>

                                                </ul>

                                            </div>

                                        </ul>
                                        <div class='subnav-footer'>
                                            <a href="#" class="link " aria-label="" title="This is what a link looks like">
                                                <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                                <span class="text">This is what a link looks like</span>

                                            </a>

                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>

                        <div class="page-nav-side">
                            <div class="page-nav-side-bell">
                                <a href="#" class="notification ">
                                    <span class="icon fal fa-bell   " aria-hidden="true"></span>
                                </a>
                            </div>

                            <div class="page-nav-side-avatar">
                                <div class="avatar avatar-black">
                                    <span>ET</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </div>

        <div class="nav-desktop-mobile">
            <a class="mobile-logo" href="#"><img src="../../assets/img/logo_uhasselt.svg" alt=""></a>

            <a id="nav-toggle-search" href="#nav-mobile">
                <span class="icon far fa-search   " aria-hidden="true"></span>
            </a>
        </div>

        <section class='footer'>
            <div class='uhasselt-container'>
                <div class='footer-top'>
                    <div class='footer-column multiple-cols'>
                        <div class="link-list transparent">
                            <div class="link-list-header ">
                                <h3 class="heading title">
                                    Lorem ipsum dolor sit amet
                                </h3>

                            </div>
                            <ul class="link-list-ul">
                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">A USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">Another USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">A USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">Another USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">A USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">Another USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                            </ul>

                        </div>
                    </div>

                    <div class='footer-column'>
                        <div class="link-list transparent">
                            <div class="link-list-header ">
                                <h3 class="heading title">
                                    Lorem ipsum dolor sit amet
                                </h3>

                            </div>
                            <ul>
                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">A USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">Another USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                            </ul>

                        </div>
                    </div>

                    <div>
                        <div class='contact-list'>
                            <div class='contact-list-heading'>
                                <h3 class="heading social-title">
                                    Social media
                                </h3>
                            </div>

                            <div class='contact-list-block'>
                                <p class='contact-list-item'>A USP for UHasselt</p>
                                <p class='contact-list-item'>A USP for UHasselt</p>
                                <a href="#" class="link " aria-label="" title="This is what a link looks like">

                                    <span class="text">This is what a link looks like</span>

                                </a>

                            </div>

                            <div class='contact-list-block-scnd'>
                                <p class='contact-list-item'>A USP for UHasselt</p>
                                <p class='contact-list-item'>A USP for UHasselt</p>
                                <a href="#" class="link " aria-label="" title="This is what a link looks like">

                                    <span class="text">This is what a link looks like</span>

                                </a>

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

                    <div class='footer-column'>
                        <div class="link-list transparent">
                            <div class="link-list-header ">
                                <h3 class="heading title">
                                    Lorem ipsum dolor sit amet
                                </h3>

                            </div>
                            <ul>
                                <li class="link-list-li">
                                    <a href="#" class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">A USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">Another USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                                <li class="link-list-li">
                                    <a class="link " aria-label="" title="">
                                        <span class="icon fas fa-caret-right   " aria-hidden="true"></span>
                                        <span class="text">And a third USP for UHasselt</span>

                                    </a>

                                </li>

                            </ul>

                        </div>

                    </div>
                </div>

                <div class='footer-bottom'>
                    <div class='footer-column first-col'>
                        <ul class='privacy' data-reset-text='Reset cookies'>
                            <li>© 2022 - Universiteit Hasselt</li>

                            <li><a class="link " aria-label="" title="">

                                    <span class="text">Gebruiksvoorwaarden &amp; Privacy</span>

                                </a>
                            </li>
                            <li><a class="link " aria-label="" title="">

                                    <span class="text">Toegankelijkheidsverklaring</span>

                                </a>
                            </li>
                        </ul>
                    </div>

                    <div class='footer-column second-col'>
                        <ul class='language'>
                            <li class='active'><a class="link " aria-label="" title="">

                                    <span class="text">Nederlands</span>

                                </a>
                            </li>
                            <li class=''><a class="link " aria-label="" title="">

                                    <span class="text">English</span>

                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <nav id='nav-mobile-intranet' class='mm-menu' data-searchurl='#' data-placeholder='Vul je zoekterm in...'>
        <ul>
            <li>
                <span>
                    <span class="icon fas fa-list   fa-fw" aria-hidden="true"></span>
                    Thema’s
                </span>
                <ul>
                    <li>
                        <span>
                            <span class="icon far fa-id-card   " aria-hidden="true"></span>
                            Personeelsadministratie
                        </span>
                        <ul>
                            <li>
                                <a href='#' title='Vacatures'>
                                    Vacatures
                                </a>
                            </li>
                            <li>
                                <a href='#' title='Tikklok &amp; Werktijden'>
                                    Tikklok &amp; Werktijden
                                </a>
                            </li>
                            <li>
                                <a href='#' title='Loopbaan'>
                                    Loopbaan
                                </a>
                            </li>
                            <li>
                                <a href='#' title='Iemand in dienst nemen'>
                                    Iemand in dienst nemen
                                </a>
                            </li>
                            <li>
                                <a href='#' title='Tuchtprocedure'>
                                    Tuchtprocedure
                                </a>
                            </li>

                            <li class='footer-link'>
                                <a href='#' title='Alles over Personeelsadministratie'>
                                    Alles over Personeelsadministratie
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href='#' title='Organisatie &amp; beleid'>
                            <span class="icon far fa-users-cog   " aria-hidden="true"></span>
                            Organisatie &amp; beleid
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Informatica &amp; tools'>
                            <span class="icon far fa-laptop   " aria-hidden="true"></span>
                            Informatica &amp; tools
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Aankopen'>
                            <span class="icon far fa-shopping-basket   " aria-hidden="true"></span>
                            Aankopen
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Verkoop &amp; verhuur'>
                            <span class="icon far fa-tag   " aria-hidden="true"></span>
                            Verkoop &amp; verhuur
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Mobiliteit'>
                            <span class="icon far fa-car   " aria-hidden="true"></span>
                            Mobiliteit
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Communicatie'>
                            <span class="icon far fa-comments   " aria-hidden="true"></span>
                            Communicatie
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Agenda'>
                            <span class="icon far fa-calendar-alt   " aria-hidden="true"></span>
                            Agenda
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Vorming'>
                            <span class="icon far fa-book-open   " aria-hidden="true"></span>
                            Vorming
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Onderzoek'>
                            <span class="icon far fa-file-search   " aria-hidden="true"></span>
                            Onderzoek
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Onderwijs'>
                            <span class="icon far fa-chalkboard-teacher   " aria-hidden="true"></span>
                            Onderwijs
                        </a>
                    </li>
                    <li>
                        <a href='#' title='Thuis/Kantoor werken'>
                            <span class="icon far fa-house-leave   " aria-hidden="true"></span>
                            Thuis/Kantoor werken
                        </a>
                    </li>

                </ul>
            </li>
            <li>
                <a href='#' title='Favorieten'>
                    <span class="icon far fa-heart   fa-fw" aria-hidden="true"></span>
                    Favorieten
                </a>
            </li>
            <li>
                <a href='#' title='Meldingen'>
                    <span class="icon far fa-bell   fa-fw" aria-hidden="true"></span>
                    Meldingen
                </a>
            </li>
            <li>
                <a href='#' title='Nieuws'>
                    <span class="icon far fa-newspaper   fa-fw" aria-hidden="true"></span>
                    Nieuws
                </a>
            </li>
            <li>
                <a href='#' title='Agenda'>
                    <span class="icon far fa-calendar   fa-fw" aria-hidden="true"></span>
                    Agenda
                </a>
            </li>
            <ul class='mobile-utils'>
                <li>
                    <a href='' title=''>
                        Vacatures
                        <span class="tag tag-sm tag-white tag-round tag-sm">
                            This is a tag

                        </span>

                    </a>
                </li>
                <li>
                    <a href='' title=''>Wie is wie</a>
                </li>
                <li>
                    <a href='' title=''>Bibliotheek</a>
                </li>
                <li>
                    <a href='' title=''>Contact</a>
                </li>
            </ul>
            <ul class='mobile-language'>
                <li>
                    <a href='' title=''>Nederlands</a>
                </li>
                <li>
                    <a href='' title=''>English</a>
                </li>
            </ul>
        </ul>
    </nav>

    <nav id='nav-mobile-intranet-sticky'>
        <div class='nav-mobile-intranet-sticky-inner'>
            <a class='nav-mobile-logo' href='#'>
                <img src='../../assets/img/logo_uhasselt_intranet.svg' alt='U-Hasselt Intranet' width='113' height='56' />
            </a>

            <a id='nav-mobile-intranet-toggle' class='nav-mobile-intranet-toggle' href='#nav-mobile-intranet'>
                <span class="icon far fa-bars   " aria-hidden="true"></span>
            </a>
        </div>
    </nav>

    <div class="back-to-top">
        <a href="">
            <span class="icon far fa-arrow-to-top   " aria-hidden="true"></span>
        </a>
    </div>

    <script src='../../assets/js/scripts.js'></script>

</body>

</html>
<html lang='en'>
    <head>
        <meta charset='UTF-8' />
        <meta name='viewport' content='width=device-width' />
        <link rel='stylesheet' href='{{path "/assets/css/styles.css"}}' />
        <title>Preview Template</title>
    </head>
    <body class='add-padding'>

        <div id='uhasselt-page'>
            {{render '@nav-desktop-intranet'}}
            {{{yield}}}
            {{render '@footer--footer-intranet'}}
        </div>

        {{render '@nav-mobile-intranet'}}

        {{render '@back-to-top'}}

        <script src='{{path "/assets/js/scripts.js"}}'></script>

    </body>
</html>
/* No context defined. */

No notes defined.