<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'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 & 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 & Werktijden'>
Tikklok & 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 & beleid'>
<span class="icon far fa-users-cog " aria-hidden="true"></span>
Organisatie & beleid
</a>
</li>
<li>
<a href='#' title='Informatica & tools'>
<span class="icon far fa-laptop " aria-hidden="true"></span>
Informatica & 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 & verhuur'>
<span class="icon far fa-tag " aria-hidden="true"></span>
Verkoop & 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.