<div class='tpl-agenda-overview'>
<section class="content-header red hasimage ">
<div class="uhasselt-container">
<div class="column has-image">
<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>
<h1 class="heading ">
The quick brown fox jumps over the lazy dog
</h1>
<div class='paragraph paragraph-intro'>
<p>Lorem ipsum dolor sit amet, <a href="/">Duis malesuada justo</a> ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong> ligula vel ultricies consequat sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
</div>
<div class="button-wrap">
<a href="#" class="button button-black ">
<span>
<span class="icon fal fa-envelope " aria-hidden="true"></span>
<span class="text">
This is a CTA Button
</span>
</span>
</a>
<a href="#" class="button button-white-border ">
<span>
<span class="icon fal fa-envelope " aria-hidden="true"></span>
<span class="text">
This is a CTA Button
</span>
</span>
</a>
</div>
</div>
</div>
<div class="wrap-image">
<picture class="picture ">
<img class="picture-image " src="https://picsum.photos/id/239/960/640" alt="Test" loading="lazy">
</picture>
<span class="triangle1"></span>
</div>
</section>
<div class="bg-gray-300 py-12">
<div class='uhasselt-container'>
<div class='lg:grid grid-cols-12 gap-12'>
<div class='col-span-12 lg:col-span-8'>
<div class="card-list ">
<div class="card-list-item js--clickable">
<div class="wrapper">
<div class="date-block date-block-vertical">
<div>10 nov</div>
</div>
<div class="information">
<h3 class="heading title">
Lorem ipsum dolor sit amet
</h3>
<span><span class="icon fal fa-clock fa-fw" aria-hidden="true"></span> 14:00 uur - 19.00 uur</span>
<span><span class="icon fal fa-map-marker-alt fa-fw" aria-hidden="true"></span> Campus Diepenbeek - gebouw D</span>
</div>
</div>
<a href="#" class="link " aria-label="" title="This is what a link looks like">
<span class="text">Bekijk de volledige agenda</span>
</a>
</div>
</div>
<div class="card-list ">
<div class="card-list-item js--clickable">
<div class="wrapper">
<div class="date-block date-block-vertical">
<div>10 nov</div>
</div>
<div class="information">
<h3 class="heading title">
Lorem ipsum dolor sit amet
</h3>
<span><span class="icon fal fa-clock fa-fw" aria-hidden="true"></span> 14:00 uur - 19.00 uur</span>
<span><span class="icon fal fa-map-marker-alt fa-fw" aria-hidden="true"></span> Campus Diepenbeek - gebouw D</span>
</div>
</div>
<a href="#" class="link " aria-label="" title="This is what a link looks like">
<span class="text">Bekijk de volledige agenda</span>
</a>
</div>
</div>
<div class="card-list ">
<div class="card-list-item js--clickable">
<div class="wrapper">
<div class="date-block date-block-vertical">
<div>10 nov</div>
</div>
<div class="information">
<h3 class="heading title">
Lorem ipsum dolor sit amet
</h3>
<span><span class="icon fal fa-clock fa-fw" aria-hidden="true"></span> 14:00 uur - 19.00 uur</span>
<span><span class="icon fal fa-map-marker-alt fa-fw" aria-hidden="true"></span> Campus Diepenbeek - gebouw D</span>
</div>
</div>
<a href="#" class="link " aria-label="" title="This is what a link looks like">
<span class="text">Bekijk de volledige agenda</span>
</a>
</div>
</div>
<div class="card-list ">
<div class="card-list-item js--clickable">
<div class="wrapper">
<div class="date-block date-block-vertical">
<div>10 nov</div>
</div>
<div class="information">
<h3 class="heading title">
Lorem ipsum dolor sit amet
</h3>
<span><span class="icon fal fa-clock fa-fw" aria-hidden="true"></span> 14:00 uur - 19.00 uur</span>
<span><span class="icon fal fa-map-marker-alt fa-fw" aria-hidden="true"></span> Campus Diepenbeek - gebouw D</span>
</div>
</div>
<a href="#" class="link " aria-label="" title="This is what a link looks like">
<span class="text">Bekijk de volledige agenda</span>
</a>
</div>
</div>
<div class="card-list ">
<div class="card-list-item js--clickable">
<div class="wrapper">
<div class="date-block date-block-vertical">
<div>10 nov</div>
</div>
<div class="information">
<h3 class="heading title">
Lorem ipsum dolor sit amet
</h3>
<span><span class="icon fal fa-clock fa-fw" aria-hidden="true"></span> 14:00 uur - 19.00 uur</span>
<span><span class="icon fal fa-map-marker-alt fa-fw" aria-hidden="true"></span> Campus Diepenbeek - gebouw D</span>
</div>
</div>
<a href="#" class="link " aria-label="" title="This is what a link looks like">
<span class="text">Bekijk de volledige agenda</span>
</a>
</div>
</div>
<div class="card-list ">
<div class="card-list-item js--clickable">
<div class="wrapper">
<div class="date-block date-block-vertical">
<div>10 nov</div>
</div>
<div class="information">
<h3 class="heading title">
Lorem ipsum dolor sit amet
</h3>
<span><span class="icon fal fa-clock fa-fw" aria-hidden="true"></span> 14:00 uur - 19.00 uur</span>
<span><span class="icon fal fa-map-marker-alt fa-fw" aria-hidden="true"></span> Campus Diepenbeek - gebouw D</span>
</div>
</div>
<a href="#" class="link " aria-label="" title="This is what a link looks like">
<span class="text">Bekijk de volledige agenda</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 class='col-span-12 lg:col-span-4'>
<div class="card card-full">
<div class="card-container js--clickable">
<div class="card-wrapper">
<picture class="picture ">
<img class="picture-image " src="//placehold.co/480x264" alt="">
</picture>
<div class="date-block date-block-vertical">
<div>10 nov</div>
</div>
</div>
<div class="heading-container">
<h2 class="heading title">
Lorem ipsum dolor sit amet
</h2>
</div>
<div class="information">
<div class="info-row">
<div><span class="icon fal fa-clock fa-fw" aria-hidden="true"></span></div>
<span class="text">14:00 uur - 19.00 uur</span>
</div>
<div class="info-row">
<div><span class="icon fal fa-map-marker-alt fa-fw" aria-hidden="true"></span></div>
<span class="text">Campus Diepenbeek - gebouw D</span>
</div>
<div class="info-row">
<div><span class="icon fal fa-phone-alt fa-fw" aria-hidden="true"></span></div>
<span class="text"><a href="tel:003211268173" class="link " aria-label="" title="+32 112 68 173">
<span class="text">+32 112 68 173</span>
</a>
</span>
</div>
</div>
<div class="btn-wrapper"> <a href="#" class="button button-black ">
<span>
<span class="icon fal fa-envelope " aria-hidden="true"></span>
<span class="text">
This is a CTA Button
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='tpl-agenda-overview'>
{{render '@content-header'}}
<div class="bg-gray-300 py-12">
<div class='uhasselt-container'>
<div class='lg:grid grid-cols-12 gap-12'>
<div class='col-span-12 lg:col-span-8'>
{{render '@card-list'}}
{{render '@card-list'}}
{{render '@card-list'}}
{{render '@card-list'}}
{{render '@card-list'}}
{{render '@card-list'}}
{{render '@pager'}}
</div>
<div class='col-span-12 lg:col-span-4'>
{{render '@card'}}
</div>
</div>
</div>
</div>
</div>
/* No context defined. */
.tpl-agenda-overview {
}
No notes defined.