<section class="overview-select-exams">
<div class="uhasselt-container">
<h2 class="atm-heading ">Selectie - Afwezig voor examens</h2>
<div class="wrapper">
<div class="atm-table-wrapper">
<div class="table-responsive">
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
<th>Header 5</th>
</tr>
<tr>
<td>Row 1 Col 1</td>
<td>Row 1 Col 2</td>
<td>Row 1 Col 3</td>
<td>
<div class='mol-tag tag-accept'>
<span class="atm-icon fas fa-dot-circle " aria-hidden="true"></span>
<span>Goedgekeurd</span>
</div>
</td>
<td>
<p><span>Details inhaalexamen</span></p>
<p><span>Datum:</span>10/04/2021</p>
<p><span>Tijd:</span>10:00 uur</p>
<p><span>Lokaal:</span>OG-Aud1</p>
</td>
</tr>
<tr>
<td>Row 2 Col 1</td>
<td>Row 2 Col 2</td>
<td>Row 2 Col 3</td>
<td>
<div class='mol-tag tag-reject'>
<span class="atm-icon fas fa-dot-circle " aria-hidden="true"></span>
<span>Afgekeurd</span>
</div>
</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>Row 3 Col 1</td>
<td>Row 3 Col 2</td>
<td>Row 3 Col 3</td>
<td>
<div class='mol-tag tag-applied'>
<span class="atm-icon fas fa-dot-circle " aria-hidden="true"></span>
<span>Aangevraagd</span>
</div>
</td>
<td>Row 3 Col 5</td>
</tr>
<tr>
<td>Row 4 Col 1</td>
<td>Row 4 Col 2</td>
<td>Row 4 Col 3</td>
<td>
<div class='mol-tag tag-applied'>
<span class="atm-icon fas fa-dot-circle " aria-hidden="true"></span>
<span>Aangevraagd</span>
</div>
</td>
<td>Row 4 Col 5</td>
</tr>
</table>
</div>
<div class="table-list">
<ul>
<li>
<div class="wrapper">
<div class="item">
<div><span>Header 1</span></div>
<div>Row 1 Col 1</div>
</div>
<div class="item">
<div><span>Header 2</span></div>
<div>Row 1 Col 2</div>
</div>
<div class="item">
<div><span>Header 3</span></div>
<div>Row 1 Col 3</div>
</div>
<div class="item">
<div><span>Header 4</span></div>
<div>
<div class='mol-tag tag-accept'>
<span class="atm-icon fas fa-dot-circle " aria-hidden="true"></span>
<span>Goedgekeurd</span>
</div>
</div>
</div>
<div class="item">
<div><span>Header 5</span></div>
<div>
<p>Details inhaalexamen</p>
<p><span>Datum:</span>10/04/2021</p>
<p><span>Tijd:</span>10:00 uur</p>
<p><span>Lokaal:</span>OG-Aud1</p>
</div>
</div>
</div>
</li>
<li>
<div class="wrapper">
<div class="item">
<div><span>Header 1</span></div>
<div>Row 2 Col 1</div>
</div>
<div class="item">
<div><span>Header 2</span></div>
<div>Row 2 Col 2</div>
</div>
<div class="item">
<div><span>Header 3</span></div>
<div>Row 2 Col 3</div>
</div>
<div class="item">
<div><span>Header 4</span></div>
<div>
<div class='mol-tag tag-reject'>
<span class="atm-icon fas fa-dot-circle " aria-hidden="true"></span>
<span>Afgekeurd</span>
</div>
</div>
</div>
<div class="item">
<div><span>Header 5</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>Header 1</span></div>
<div>Row 3 Col 1</div>
</div>
<div class="item">
<div><span>Header 2</span></div>
<div>Row 3 Col 2</div>
</div>
<div class="item">
<div><span>Header 3</span></div>
<div>Row 3 Col 3</div>
</div>
<div class="item">
<div><span>Header 4</span></div>
<div>
<div class='mol-tag tag-applied'>
<span class="atm-icon fas fa-dot-circle " aria-hidden="true"></span>
<span>Aangevraagd</span>
</div>
</div>
</div>
<div class="item">
<div><span>Header 5</span></div>
<div>Row 3 Col 5</div>
</div>
</div>
</li>
<li>
<div class="wrapper">
<div class="item">
<div><span>Header 1</span></div>
<div>Row 4 Col 1</div>
</div>
<div class="item">
<div><span>Header 2</span></div>
<div>Row 4 Col 2</div>
</div>
<div class="item">
<div><span>Header 3</span></div>
<div>Row 4 Col 3</div>
</div>
<div class="item">
<div><span>Header 4</span></div>
<div>
<div class='mol-tag tag-applied'>
<span class="atm-icon fas fa-dot-circle " aria-hidden="true"></span>
<span>Aangevraagd</span>
</div>
</div>
</div>
<div class="item">
<div><span>Header 5</span></div>
<div>Row 4 Col 5</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="overview-select-exams">
<div class="uhasselt-container">
{{render '@app-heading--h2' title merge=true}}
<div class="wrapper">
{{render '@app-table--select-exams'}}
</div>
</div>
</section>
{
"title": {
"text": "Selectie - Afwezig voor examens"
}
}
.overview-select-exams {
a {
@apply text-red;
@apply underline;
}
.wrapper {
@apply md:p-8 md:bg-white md:border md:border-solid md:border-gray-700 md:shadow-xl;
}
}
No notes defined.