<ul class="m-notification-list">
<li class="m-notification-list__item">
<article class="m-notification ">
<p class="m-notification__description">
Vergeet de evaluatie voor “Excel basis” niet in te vullen alvorens je volgende les start
</p>
<time class="m-notification__time" datetime="1:20 pm">1:20 pm</time>
<button class="m-notification__state">
Markeren als gelezen
</button>
</article>
</li>
<li class="m-notification-list__item">
<article class="m-notification is-read">
<p class="m-notification__description">
Vergeet de evaluatie voor “Excel basis” niet in te vullen alvorens je volgende les start
</p>
<time class="m-notification__time" datetime="1:20 pm">1:20 pm</time>
<button class="m-notification__state">
Gelezen
</button>
</article>
</li>
<li class="m-notification-list__item">
<article class="m-notification is-read">
<p class="m-notification__description">
Vergeet de evaluatie voor “Excel basis” niet in te vullen alvorens je volgende les start
</p>
<time class="m-notification__time" datetime="1:20 pm">1:20 pm</time>
<button class="m-notification__state">
Gelezen
</button>
</article>
</li>
<li class="m-notification-list__item">
<article class="m-notification is-read">
<p class="m-notification__description">
Vergeet de evaluatie voor “Excel basis” niet in te vullen alvorens je volgende les start
</p>
<time class="m-notification__time" datetime="1:20 pm">1:20 pm</time>
<button class="m-notification__state">
Gelezen
</button>
</article>
</li>
</ul>
