<section class='overview-select-exams'>
<div class='uhasselt-container'>
<h2 class="atm-heading ">Selectie - afwezig voor onderwijsactiviteit</h2>
<div class='wrapper'>
<div class="atm-table-wrapper">
<div class="table-responsive">
<div class='title'>
<h4 class="atm-heading ">Biologie</h4>
<a href="#" class="atm-link icon-delete" aria-label="" title="Verwijder item">
<span class="atm-icon far fa-times " aria-hidden="true"></span>
<span class="text">Verwijder item</span>
</a>
</div>
<table>
<tr>
<th>Werkvorm</th>
<th>Datum</th>
<th>Omschrijving</th>
</tr>
<tr>
<td>Labo</td>
<td>10 / 06 /2021</td>
<td>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</td>
</tr>
<tr>
<td>Case study</td>
<td>10 / 06 /2021</td>
<td>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</td>
</tr>
</table>
</div>
<div class="table-list">
<div class='title'>
<h3 class="atm-heading ">Biologie</h3>
<a href="#" class="atm-link icon-delete" aria-label="" title="Verwijder item">
<span class="atm-icon far fa-times " aria-hidden="true"></span>
<span class="text">Verwijder item</span>
</a>
</div>
<ul>
<li>
<div class="wrapper">
<div class="item">
<div><span>Werkvorm</span></div>
<div>Labo</div>
</div>
<div class="item">
<div><span>Datum</span></div>
<div>10 / 06 /2021</div>
</div>
<div class="item">
<div><span>Omschrijving</span></div>
<div>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</div>
</div>
</div>
</li>
<li>
<div class="wrapper">
<div class="item">
<div><span>Werkvorm</span></div>
<div>Case study</div>
</div>
<div class="item">
<div><span>Datum</span></div>
<div>10 / 06 /2021</div>
</div>
<div class="item">
<div><span>Omschrijving</span></div>
<div>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="atm-table-wrapper">
<div class="table-responsive">
<div class='title'>
<h4 class="atm-heading ">Biologie</h4>
<a href="#" class="atm-link icon-delete" aria-label="" title="Verwijder item">
<span class="atm-icon far fa-times " aria-hidden="true"></span>
<span class="text">Verwijder item</span>
</a>
</div>
<table>
<tr>
<th>Werkvorm</th>
<th>Datum</th>
<th>Omschrijving</th>
</tr>
<tr>
<td>Labo</td>
<td>10 / 06 /2021</td>
<td>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</td>
</tr>
<tr>
<td>Case study</td>
<td>10 / 06 /2021</td>
<td>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</td>
</tr>
</table>
</div>
<div class="table-list">
<div class='title'>
<h3 class="atm-heading ">Biologie</h3>
<a href="#" class="atm-link icon-delete" aria-label="" title="Verwijder item">
<span class="atm-icon far fa-times " aria-hidden="true"></span>
<span class="text">Verwijder item</span>
</a>
</div>
<ul>
<li>
<div class="wrapper">
<div class="item">
<div><span>Werkvorm</span></div>
<div>Labo</div>
</div>
<div class="item">
<div><span>Datum</span></div>
<div>10 / 06 /2021</div>
</div>
<div class="item">
<div><span>Omschrijving</span></div>
<div>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</div>
</div>
</div>
</li>
<li>
<div class="wrapper">
<div class="item">
<div><span>Werkvorm</span></div>
<div>Case study</div>
</div>
<div class="item">
<div><span>Datum</span></div>
<div>10 / 06 /2021</div>
</div>
<div class="item">
<div><span>Omschrijving</span></div>
<div>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class='overview-select-exams'>
<div class='uhasselt-container'>
{{render '@app-heading--h2' overview-select-exams-heading merge=true}}
<div class='wrapper'>
{{#each tables}}
{{render '@app-table--select-educational' table merge=true}}
{{/each}}
</div>
</div>
</section>
{
"overview-select-exams-heading": {
"text": "Selectie - afwezig voor onderwijsactiviteit"
},
"tables": [
{
"table": {
"tableHeading": {
"text": "Test 1"
}
}
},
{
"table": {
"tableHeading": {
"text": "Test 2"
}
}
}
]
}
.overview-select-exams {
a {
@apply text-red;
@apply underline;
}
.atm-link {
@apply no-underline;
}
.wrapper {
@apply md:p-8 md:bg-white md:border md:border-solid md:border-gray-700 md:shadow-xl flex flex-col space-y-6;
}
}
No notes defined.