<section class="content-header ">
<div class="uhasselt-container">
<div class="column ">
<nav class="mol-breadcrumbs">
<ol>
<li>
<a class="link " aria-label="" title="">
<span class="text">Home</span>
</a>
<span class="icon fal fa-slash fa-sm " aria-hidden="true"></span>
</li>
<li>
<a class="link " aria-label="" title="">
<span class="text">Level 1</span>
</a>
<span class="icon fal fa-slash fa-sm " aria-hidden="true"></span>
</li>
<li>
<a class="link " aria-label="" title="">
<span class="text">Level 2</span>
</a>
<span class="icon fal fa-slash fa-sm " aria-hidden="true"></span>
</li>
<li>
Current page
</li>
</ol>
</nav>
<h1 class="heading ">
The quick brown fox jumps over the lazy dog
</h1>
<div class='paragraph paragraph-intro'>
<p>Lorem ipsum dolor sit amet, <a href="/">Duis malesuada justo</a> ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong> ligula vel ultricies consequat sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
</div>
<div class="button-wrap">
</div>
</div>
</div>
</section>
<section class='py-12 bg-gray-300'>
<div class='uhasselt-container'>
<div class='flex justify-center'>
<div class="grid gap-12 xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 grid-cols-1">
<div>
<h3 class="heading ">
The quick brown fox jumps over the lazy dog
</h3>
<div class="link-list transparent">
<ul>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-1' name='replace-name-with-backend-1' value='replace-value-with-backend-1' />
<label for='replace-id-with-backend-1' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-1' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-2' name='replace-name-with-backend-2' value='replace-value-with-backend-2' />
<label for='replace-id-with-backend-2' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-2' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-3' name='replace-name-with-backend-3' value='replace-value-with-backend-3' />
<label for='replace-id-with-backend-3' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-3' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-4' name='replace-name-with-backend-4' value='replace-value-with-backend-4' />
<label for='replace-id-with-backend-4' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-4' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
</ul>
</div>
</div>
<div>
<h3 class="heading ">
The quick brown fox jumps over the lazy dog
</h3>
<div class="link-list transparent">
<ul>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-1' name='replace-name-with-backend-1' value='replace-value-with-backend-1' />
<label for='replace-id-with-backend-1' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-1' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-2' name='replace-name-with-backend-2' value='replace-value-with-backend-2' />
<label for='replace-id-with-backend-2' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-2' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-3' name='replace-name-with-backend-3' value='replace-value-with-backend-3' />
<label for='replace-id-with-backend-3' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-3' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-4' name='replace-name-with-backend-4' value='replace-value-with-backend-4' />
<label for='replace-id-with-backend-4' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-4' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
</ul>
</div>
</div>
<div>
<h3 class="heading ">
The quick brown fox jumps over the lazy dog
</h3>
<div class="link-list transparent">
<ul>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-1' name='replace-name-with-backend-1' value='replace-value-with-backend-1' />
<label for='replace-id-with-backend-1' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-1' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-2' name='replace-name-with-backend-2' value='replace-value-with-backend-2' />
<label for='replace-id-with-backend-2' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-2' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-3' name='replace-name-with-backend-3' value='replace-value-with-backend-3' />
<label for='replace-id-with-backend-3' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-3' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-4' name='replace-name-with-backend-4' value='replace-value-with-backend-4' />
<label for='replace-id-with-backend-4' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-4' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
</ul>
</div>
</div>
<div>
<h3 class="heading ">
The quick brown fox jumps over the lazy dog
</h3>
<div class="link-list transparent">
<ul>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-1' name='replace-name-with-backend-1' value='replace-value-with-backend-1' />
<label for='replace-id-with-backend-1' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-1' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-2' name='replace-name-with-backend-2' value='replace-value-with-backend-2' />
<label for='replace-id-with-backend-2' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-2' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-3' name='replace-name-with-backend-3' value='replace-value-with-backend-3' />
<label for='replace-id-with-backend-3' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-3' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-4' name='replace-name-with-backend-4' value='replace-value-with-backend-4' />
<label for='replace-id-with-backend-4' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-4' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
</ul>
</div>
</div>
<div>
<h3 class="heading ">
The quick brown fox jumps over the lazy dog
</h3>
<div class="link-list transparent">
<ul>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-1' name='replace-name-with-backend-1' value='replace-value-with-backend-1' />
<label for='replace-id-with-backend-1' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-1' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-2' name='replace-name-with-backend-2' value='replace-value-with-backend-2' />
<label for='replace-id-with-backend-2' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-2' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-3' name='replace-name-with-backend-3' value='replace-value-with-backend-3' />
<label for='replace-id-with-backend-3' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-3' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-4' name='replace-name-with-backend-4' value='replace-value-with-backend-4' />
<label for='replace-id-with-backend-4' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-4' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
</ul>
</div>
</div>
<div>
<h3 class="heading ">
The quick brown fox jumps over the lazy dog
</h3>
<div class="link-list transparent">
<ul>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-1' name='replace-name-with-backend-1' value='replace-value-with-backend-1' />
<label for='replace-id-with-backend-1' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-1' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-2' name='replace-name-with-backend-2' value='replace-value-with-backend-2' />
<label for='replace-id-with-backend-2' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-2' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-3' name='replace-name-with-backend-3' value='replace-value-with-backend-3' />
<label for='replace-id-with-backend-3' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-3' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
<li class="link-list-li-icon">
<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>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-4' name='replace-name-with-backend-4' value='replace-value-with-backend-4' />
<label for='replace-id-with-backend-4' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
</label>
<label for='replace-id-with-backend-4' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
{{render '@content-header--content-header-white-noimg' content-header}}
<section class='py-12 bg-gray-300'>
<div class='uhasselt-container'>
<div class='flex justify-center'>
<div class="grid gap-12 xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 grid-cols-1">
{{#each lists as |list|}}
<div>
{{render '@heading--h3'}}
{{render '@link-list--link-list-transparent-icons'}}
</div>
{{/each}}
</div>
</div>
</div>
</section>
{
"content-header": {
"modifier": "",
"image": false,
"paragraph": true,
"btn-red": false,
"btn-white": false,
"btn-black": false,
"btn-white-border": false
},
"lists": [
{},
{},
{},
{},
{},
{}
]
}
No notes defined.