<div class="tpl-afwezigheid-succes">
<div class="uhasselt-container">
<div class="intro">
<nav class='mol-breadcrumbs'>
<ol>
<li>
<a href="" class="atm-link " aria-label="" title="">
<span class="text">Home</span>
</a>
<span class="atm-icon fal fa-slash fa-sm " aria-hidden="true"></span>
</li>
<li>
Mijn afwezigheden melden
</li>
</ol>
</nav>
<div class="atm-heading h1">Afwezigheid succesvol gemeld</div>
<div class='atm-paragraph '>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mauris vel nisi condimentum accumsan. Phasellus eget est condimentum erat fringilla congue. <a href="/">Duis malesuada justo</a> ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong> ligula vel ultricies consequat. Cras fringilla blandit purus nec <a href='javascript:(void);'>fermentum</a>. Vivamus tristique ac mi a pulvinar. Quisque non ipsum tortor. Nunc nec odio non tellus malesuada molestie id sed ipsum. Curabitur risus ex, <a href="/some/file" download="download">aliquet</a> sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
</div>
</div>
<section class='org-procedure-slider'>
<div class="atm-heading h2">Hoe wordt jouw melding verder verwerkt</div>
<div class='card-slider'>
<div class='swiper-container'>
<div class='swiper-wrapper'>
<div class='swiper-slide'>
<div class='mol-procedure-card'>
<div class='title'>
<div class='count'>1</div>
<h3 class="atm-heading ">Melding van afwezigheid</h3>
</div>
<div class='atm-paragraph '>
<p>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek.</p>
</div>
</div>
</div>
<div class='swiper-slide'>
<div class='mol-procedure-card'>
<div class='title'>
<div class='count'>2</div>
<h3 class="atm-heading ">Verwerking voor dienst onderwijs</h3>
</div>
<div class='atm-paragraph '>
<p>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek.</p>
</div>
</div>
</div>
<div class='swiper-slide'>
<div class='mol-procedure-card'>
<div class='title'>
<div class='count'>3</div>
<h3 class="atm-heading ">Communicatie inhaalexamen</h3>
</div>
<div class='atm-paragraph '>
<p>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek.</p>
</div>
</div>
</div>
<div class='swiper-slide'>
<div class='mol-procedure-card'>
<div class='title'>
<div class='count'>4</div>
<h3 class="atm-heading ">Melding van afwezigheid</h3>
</div>
<div class='atm-paragraph '>
<p>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek.</p>
</div>
</div>
</div>
<div class='swiper-slide'>
<div class='mol-procedure-card'>
<div class='title'>
<div class='count'>5</div>
<h3 class="atm-heading ">Afronden van afwezigheid</h3>
</div>
<div class='atm-paragraph '>
<p>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek.</p>
</div>
</div>
</div>
</div>
<div class='swiper-pagination'></div>
</div>
</div>
</section>
<a href="#" class="atm-button button-red ">
<span>
<span class="text">
Naar het overzicht van mijn afwezigheid
</span>
<span class="atm-icon fal fa-chevron-circle-right " aria-hidden="true"></span>
</span>
</a>
</div>
</div>
<div class="tpl-afwezigheid-succes">
<div class="uhasselt-container">
<div class="intro">
{{render '@app-breadcrumbs' heading-breadcrumbs merge=true}}
{{render '@app-heading--h1' heading-intro merge=true}}
{{render '@app-paragraph'}}
</div>
{{render '@app-procedure-slider'}}
{{render '@app-button' heading-button merge=true}}
</div>
</div>
{
"heading-breadcrumbs": {
"page": [
{
"isCurrent": false,
"link": {
"text": "Home"
}
},
{
"isCurrent": true,
"text": "Mijn afwezigheden melden"
}
]
},
"heading-intro": {
"text": "Afwezigheid succesvol gemeld",
"tag": "div",
"modifier": "h1"
},
"heading-button": {
"text": "Naar het overzicht van mijn afwezigheid",
"iconBefore": false,
"iconAfter": {
"style": "fal",
"icon": "fa-chevron-circle-right"
}
}
}
.tpl-afwezigheid-succes {
.uhasselt-container {
@apply py-8;
.intro {
@apply mb-16;
.mol-breadcrumbs {
@apply pb-8;
}
}
}
}
No notes defined.