<div class='uhasselt-container py-8'>
<div class='block mb-10'>
<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>
</div>
<h1 class="heading ">
Zoekresultaten
</h1>
</div>
<section class='mb-12'>
<div class='uhasselt-container'>
<div class='usp-text red-icon large'>
<div class='usp-wrapper'>
<div class='usp-icon'><span class="icon fal fa-user-friends " aria-hidden="true"></span></div>
<div class='usp-heading'>
<h2 class="heading title">
<strong>12 Zoekresultaten voor</strong> ‘Zoekopracht’
</h2>
</div>
</div>
</div>
<div class='w-full lg:w-3/4'>
<div class='grid grid-cols-1 gap-4'>
<div class="link-block js--clickable">
<div class="wrapper-link-block">
<div class="title-wrap">
<h4 class="heading text-red">
personeelsadministratie
</h4>
</div>
<div class="link-block-type">
<span class="icon fal fa-chevron-right fa-xs " aria-hidden="true"></span>
<div class="link-block-path">
Personeelsadministratie / verlof
</div>
</div>
<div>Uitleg over die pagina en waarover het juist gaat. Dit mag op meerdere lijnen, maar beperk het tot maximum 3. Zorg dat de tekst pas stope na een leesteken</div>
</div>
<a href="#" class="link-block-iconlink js--main-link">
<span class="icon fal fa-chevron-right fa-lg " aria-hidden="true"></span>
</a>
</div>
<div class="link-block js--clickable">
<div class="wrapper-link-block">
<div class="title-wrap">
<h4 class="heading text-red">
personeelsadministratie
</h4>
</div>
<div class="link-block-type">
<span class="icon fal fa-chevron-right fa-xs " aria-hidden="true"></span>
<div class="link-block-path">
Personeelsadministratie / verlof
</div>
</div>
<div>Uitleg over die pagina en waarover het juist gaat. Dit mag op meerdere lijnen, maar beperk het tot maximum 3. Zorg dat de tekst pas stope na een leesteken</div>
</div>
<a href="#" class="link-block-iconlink js--main-link">
<span class="icon fal fa-chevron-right fa-lg " aria-hidden="true"></span>
</a>
</div>
<div class="link-block js--clickable">
<div class="wrapper-link-block">
<div class="title-wrap">
<h4 class="heading text-red">
personeelsadministratie
</h4>
</div>
<div class="link-block-type">
<span class="icon fal fa-chevron-right fa-xs " aria-hidden="true"></span>
<div class="link-block-path">
Personeelsadministratie / verlof
</div>
</div>
<div>Uitleg over die pagina en waarover het juist gaat. Dit mag op meerdere lijnen, maar beperk het tot maximum 3. Zorg dat de tekst pas stope na een leesteken</div>
</div>
<a href="#" class="link-block-iconlink js--main-link">
<span class="icon fal fa-chevron-right fa-lg " aria-hidden="true"></span>
</a>
</div>
<div class="link-block js--clickable">
<div class="wrapper-link-block">
<div class="title-wrap">
<h4 class="heading text-red">
personeelsadministratie
</h4>
</div>
<div class="link-block-type">
<span class="icon fal fa-chevron-right fa-xs " aria-hidden="true"></span>
<div class="link-block-path">
Personeelsadministratie / verlof
</div>
</div>
<div>Uitleg over die pagina en waarover het juist gaat. Dit mag op meerdere lijnen, maar beperk het tot maximum 3. Zorg dat de tekst pas stope na een leesteken</div>
</div>
<a href="#" class="link-block-iconlink js--main-link">
<span class="icon fal fa-chevron-right fa-lg " aria-hidden="true"></span>
</a>
</div>
<div class="link-block js--clickable">
<div class="wrapper-link-block">
<div class="title-wrap">
<h4 class="heading text-red">
personeelsadministratie
</h4>
</div>
<div class="link-block-type">
<span class="icon fal fa-chevron-right fa-xs " aria-hidden="true"></span>
<div class="link-block-path">
Personeelsadministratie / verlof
</div>
</div>
<div>Uitleg over die pagina en waarover het juist gaat. Dit mag op meerdere lijnen, maar beperk het tot maximum 3. Zorg dat de tekst pas stope na een leesteken</div>
</div>
<a href="#" class="link-block-iconlink js--main-link">
<span class="icon fal fa-chevron-right fa-lg " aria-hidden="true"></span>
</a>
</div>
<div class="link-block js--clickable">
<div class="wrapper-link-block">
<div class="title-wrap">
<h4 class="heading text-red">
personeelsadministratie
</h4>
</div>
<div class="link-block-type">
<span class="icon fal fa-chevron-right fa-xs " aria-hidden="true"></span>
<div class="link-block-path">
Personeelsadministratie / verlof
</div>
</div>
<div>Uitleg over die pagina en waarover het juist gaat. Dit mag op meerdere lijnen, maar beperk het tot maximum 3. Zorg dat de tekst pas stope na een leesteken</div>
</div>
<a href="#" class="link-block-iconlink js--main-link">
<span class="icon fal fa-chevron-right fa-lg " aria-hidden="true"></span>
</a>
</div>
<div class="link-block js--clickable">
<div class="wrapper-link-block">
<div class="title-wrap">
<h4 class="heading text-red">
personeelsadministratie
</h4>
</div>
<div class="link-block-type">
<span class="icon fal fa-chevron-right fa-xs " aria-hidden="true"></span>
<div class="link-block-path">
Personeelsadministratie / verlof
</div>
</div>
<div>Uitleg over die pagina en waarover het juist gaat. Dit mag op meerdere lijnen, maar beperk het tot maximum 3. Zorg dat de tekst pas stope na een leesteken</div>
</div>
<a href="#" class="link-block-iconlink js--main-link">
<span class="icon fal fa-chevron-right fa-lg " aria-hidden="true"></span>
</a>
</div>
<div class="link-block js--clickable">
<div class="wrapper-link-block">
<div class="title-wrap">
<h4 class="heading text-red">
personeelsadministratie
</h4>
</div>
<div class="link-block-type">
<span class="icon fal fa-chevron-right fa-xs " aria-hidden="true"></span>
<div class="link-block-path">
Personeelsadministratie / verlof
</div>
</div>
<div>Uitleg over die pagina en waarover het juist gaat. Dit mag op meerdere lijnen, maar beperk het tot maximum 3. Zorg dat de tekst pas stope na een leesteken</div>
</div>
<a href="#" class="link-block-iconlink js--main-link">
<span class="icon fal fa-chevron-right fa-lg " aria-hidden="true"></span>
</a>
</div>
</div>
<ul class="pager">
<li>
<a href="#">
<span class="icon fal fa-long-arrow-left " aria-hidden="true"></span>
Vorige
</a>
</li>
<li class="">
<a href="#">
1
</a>
</li>
<li class="">
<a href="#">
2
</a>
</li>
<li class="active">
<a href="#">
3
</a>
</li>
<li class="">
<a href="#">
4
</a>
</li>
<li class="">
<a href="#">
5
</a>
</li>
<li class="">
<a href="#">
6
</a>
</li>
<li>
<a href="#">
Volgende
<span class="icon fal fa-long-arrow-right " aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
</div>
</section>
<div class='uhasselt-container py-8'>
<div class='block mb-10'>
{{render '@breadcrumbs'}}
</div>
{{render '@heading' heading}}
</div>
<section class='mb-12'>
<div class='uhasselt-container'>
{{render '@usp-text--usp-text-red-large'}}
<div class='w-full lg:w-3/4'>
<div class='grid grid-cols-1 gap-4'>
{{#each results.items as |item|}}
{{render '@link-block--search'}}
{{/each}}
</div>
{{render '@pager'}}
</div>
</div>
</section>
{
"heading": {
"tag": "h1",
"text": "Zoekresultaten"
},
"results": {
"items": [
{},
{},
{},
{},
{},
{},
{},
{}
]
}
}
No notes defined.