<div class='tpl-wiw-overview'>
<div class='uhasselt-container'>
<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>
Wie is wie
</li>
</ol>
</nav>
<section class='org-wiw-search'>
<h1 class="heading ">
Opzoeken van personeelsleden van UHasselt
</h1>
<div class='wrapper'>
<h2 class="heading ">
Hoe te gebruiken?
</h2>
<div class='paragraph paragraph-intro'>Geef een deel van de naam, familienaam, ... van minstens 2 karakters in, het formulier zal onmiddellijk data (naam en telefoonnummer) suggereren! Om daarna meer details te zien klik je één van de suggesties aan.</div>
</div>
<div class='search-form'>
<span class='search-cat'>Kies categorie</span>
<select class="form-select " name="select" id="select">
<option value="1" selected>Roepnaam</option>
<option value="2">Voornaam</option>
<option value="3">Familienaam</option>
<option value="4">Functie</option>
<option value="5">Discipline</option>
<option value="6">Organisatie van Uhasselt</option>
<option value="7">Lokaal</option>
<option value="8">Telefoonnummer</option>
<option value="9">Gsm-nummer Uhasselt</option>
</select>
<span class='search-text'>begint met ...</span>
<span class="atm-form-input ">
<input type="text" name="input" id="input" placeholder="Vul hier je zoekterm in..." 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-red ">
<span>
<span class="text">
Toon resultaten
</span>
</span>
</a>
</div>
<div class='result-table'>
<h2 class="heading ">
Resultaat
</h2>
<div class='table-desktop'>
<div class="table-wrapper">
<div class="table-responsive">
<table>
<tr>
<th>Naam</th>
<th>Functie</th>
<th>Telefoon</th>
<th>Lokaal</th>
</tr>
<tr>
<td><a href="#">Marlies VAN BAEL</a></td>
<td>Gewoon Hoogleraar</td>
<td><a href="tel:+3211268307">+3211268307</a></td>
<td>D-F4.04-C011</td>
</tr>
<tr>
<td><a href="#">Marlies VAN BAEL</a></td>
<td>Gewoon Hoogleraar</td>
<td><a href="tel:+3211268307">+3211268307</a></td>
<td>D-F4.04-C011</td>
</tr>
</table>
</div>
</div>
</div>
<div class='table-mobile'>
<div class="table-wrapper">
<div class="table-responsive">
<table>
<tr>
<th class="head">Naam</th>
<td><a href="#">Marlies VAN BAEL</a></td>
</tr>
<tr>
<th class="head">Functie</th>
<td>Gewoon Hoogleraar</td>
</tr>
<tr>
<th class="head">Telefoon</th>
<td><a href="tel:+3211268307">+3211268307</a></td>
</tr>
<tr>
<th class="head">Lokaal</th>
<td>D-F4.04-C011</td>
</tr>
</table>
</div>
</div>
</div>
<div class='table-mobile'>
<div class="table-wrapper">
<div class="table-responsive">
<table>
<tr>
<th class="head">Naam</th>
<td><a href="#">Marlies VAN BAEL</a></td>
</tr>
<tr>
<th class="head">Functie</th>
<td>Gewoon Hoogleraar</td>
</tr>
<tr>
<th class="head">Telefoon</th>
<td><a href="tel:+3211268307">+3211268307</a></td>
</tr>
<tr>
<th class="head">Lokaal</th>
<td>D-F4.04-C011</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class='tpl-wiw-overview'>
<div class='uhasselt-container'>
{{render '@breadcrumbs' breadcrumbs merge=true}}
{{render '@wie-is-wie-search'}}
</div>
</div>
{
"breadcrumbs": {
"page": [
{
"isCurrent": false,
"link": {
"text": "Home"
}
},
{
"isCurrent": true,
"text": "Wie is wie"
}
]
}
}
.tpl-wiw-overview {
@apply md:bg-gray-300 py-8;
.mol-breadcrumbs {
@apply mb-8;
}
}
No notes defined.