<section class="content-header ">
<div class="uhasselt-container">
<div class="column ">
<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="toggle-button-wrap">
<div class="button-wrap-button">
<div class='toggle-button'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-2' name='replace-name-with-backend-2' value='replace-value-with-backend-2' />
<label for='replace-id-with-backend-2' class='icon-checked'>
<span class="icon fas fa-heart " aria-hidden="true"></span>
<span class="label-text">Toegevoegd aan favorieten</span>
</label>
<label for='replace-id-with-backend-2' class='icon-unchecked'>
<span class="icon fal fa-heart " aria-hidden="true"></span>
<span class="label-text">Voeg toe aan favorieten</span>
</label>
</div>
</div>
<div class="button-wrap-button">
<div class='toggle-button'>
<input class='item-toggle-input' type='checkbox' id='replace-id-with-backend-12' name='replace-name-with-backend-12' value='replace-value-with-backend-12' />
<label for='replace-id-with-backend-12' class='icon-checked'>
<span class="icon fas fa-bell " aria-hidden="true"></span>
<span class="label-text">Op de hoogte</span>
</label>
<label for='replace-id-with-backend-12' class='icon-unchecked'>
<span class="icon fal fa-bell " aria-hidden="true"></span>
<span class="label-text">Blijf op de hoogte</span>
</label>
</div>
</div>
</div>
</div>
</div>
</section>
<section class='py-12 bg-gray-300'>
<div class='uhasselt-container'>
<div class='flex flex-wrap'>
<div class='w-full lg:w-1/2 xl:w-2/3 pr-0 lg:pr-4 order-last lg:order-first'>
<div class="bg-white p-8">
<div class='feed'>
<div class='feed-header'>
<div class='feed-header-title'>
<span class="icon fas fa-users " aria-hidden="true"></span>
<h3 class="heading feed-header-title-text">
Prikbord
</h3>
</div>
<div class='feed-header-action'>
<a href="#" class="link " aria-label="" title="Bekijk alle berichten">
<span class="text">Bekijk alle berichten</span>
</a>
</div>
</div>
<div class='feed-body'>
<div class='feed-message'>
<div class='feed-message-header'>
<div class='feed-message-header-avatar-author'>
<div class="avatar avatar-red feed-message-header-avatar">
<span>ET</span>
</div>
<span class='feed-message-header-author'>
Albert Verscheuven
</span>
</div>
<span class='feed-message-header-time'>
15u45
</span>
<span class="tag tag-red-round tag-sm">
Populair
</span>
</div>
<div class='feed-message-body'>
<h3 class="heading feed-message-body-title">
Titel van bericht
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non mi lorem. Ut efficitur enim quis purus hendrerit bibendum. Ut quam felis, tincidunt vel eros eu, ornare tincidunt metus.
</p>
</div>
<div class='feed-message-footer'>
<span class='feed-message-footer-col feed-message-footer-like'>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='like1' name='like1' value='like' />
<label for='like1' class='icon-checked'>
<span class="icon fas fa-thumbs-up " aria-hidden="true"></span>
<span class="label-text">Like</span>
</label>
<label for='like1' class='icon-unchecked'>
<span class="icon fal fa-thumbs-up " aria-hidden="true"></span>
<span class="label-text">Like</span>
</label>
</div>
</span>
<span class='feed-message-footer-col feed-message-footer-react'>
<button class="link link-secondary" aria-label="" title="Reageer">
<span class="icon fas fa-comment-alt-lines " aria-hidden="true"></span>
<span class="text">Reageer</span>
</button>
</span>
<span class='feed-message-footer-col feed-message-footer-reactions'>
<button class="link link-secondary" aria-label="" title="12 reacties">
<span class="text">12 reacties</span>
</button>
</span>
</div>
</div>
<div class='feed-message'>
<div class='feed-message-header'>
<div class='feed-message-header-avatar-author'>
<div class="avatar avatar-red feed-message-header-avatar">
<span>ET</span>
</div>
<span class='feed-message-header-author'>
Albert Verscheuven
</span>
</div>
<span class='feed-message-header-time'>
15u45
</span>
</div>
<div class='feed-message-body'>
<h3 class="heading feed-message-body-title">
Titel van bericht
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non mi lorem. Ut efficitur enim quis purus hendrerit bibendum. Ut quam felis, tincidunt vel eros eu, ornare tincidunt metus.
</p>
</div>
<div class='feed-message-footer'>
<span class='feed-message-footer-col feed-message-footer-like'>
<div class='item-toggle'>
<input class='item-toggle-input' type='checkbox' id='like2' name='like2' value='like' />
<label for='like2' class='icon-checked'>
<span class="icon fas fa-thumbs-up " aria-hidden="true"></span>
<span class="label-text">Like</span>
</label>
<label for='like2' class='icon-unchecked'>
<span class="icon fal fa-thumbs-up " aria-hidden="true"></span>
<span class="label-text">Like</span>
</label>
</div>
</span>
<span class='feed-message-footer-col feed-message-footer-react'>
<button class="link link-secondary" aria-label="" title="Reageer">
<span class="icon fas fa-comment-alt-lines " aria-hidden="true"></span>
<span class="text">Reageer</span>
</button>
</span>
<span class='feed-message-footer-col feed-message-footer-reactions'>
<button class="link link-secondary" aria-label="" title="12 reacties">
<span class="text">12 reacties</span>
</button>
</span>
</div>
</div>
</div>
<div class='feed-footer'>
<a title="Bericht toevoegen" href="#" class="button button-red ">
<span>
<span class="text">
Bericht toevoegen
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class='w-full bg-white lg:w-1/2 xl:w-1/3 lg:mb-0 mb-4 lg:mb-0'>
<div class="bg-white p-8">
<div class='post-message'>
<div class='post-message-title'>
<span class="icon fas fa-plus-circle " aria-hidden="true"></span>
<h3 class="heading feed-header-title-text">
Post een bericht
</h3>
</div>
<form class="post-message-form" action="">
<div class='paragraph feed-header-title-text'>
<p>Geef je bericht een titel</p>
</div>
<span class="atm-form-input ">
<input type="text" name="input" id="input" placeholder="Placeholder" 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>
<div class='paragraph feed-header-title-text'>
<p>Je boodschap</p>
</div>
<textarea name="textarea" id="textarea" placeholder="placeholder" class="form-textarea "></textarea>
<div class="post-message-submit">
<button type="submit" href="#" class="button button-red ">
<span>
<span class="text">
Posten
</span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{{render '@content-header--content-header-intranet-white-noimg' content-header}}
<section class='py-12 bg-gray-300'>
<div class='uhasselt-container'>
<div class='flex flex-wrap'>
<div
class='w-full lg:w-1/2 xl:w-2/3 pr-0 lg:pr-4 order-last lg:order-first'
>
<div class="bg-white p-8">
{{render '@feed'}}
</div>
</div>
<div class='w-full bg-white lg:w-1/2 xl:w-1/3 lg:mb-0 mb-4 lg:mb-0'>
<div class="bg-white p-8">
{{render '@post-message'}}
</div>
</div>
</div>
</div>
</section>
{
"content-header": {
"modifier": "",
"image": false,
"paragraph": true,
"toggle-btn": true,
"information": false,
"intranet-header": true,
"button": {
"id": "replace-id-with-backend-12",
"name": "replace-name-with-backend-12",
"value": "replace-value-with-backend-12",
"active-text": "Blijf op de hoogte",
"text": "Op de hoogte",
"icon": {
"icon-checked": {
"style": "fas",
"icon": "fa-bell"
},
"icon-unchecked": {
"style": "fal",
"icon": "fa-bell"
}
},
"checked": false,
"disabled": false
}
},
"events": [
{},
{},
{},
{},
{},
{}
]
}
No notes defined.