<div class="l-grid l-grid--with-spacing">
<article class="c-preview l-grid__col l-grid__col--6@viewport-4 l-grid__col--4@viewport-7 ">
<div class="c-preview__container">
<div class="c-preview__thumbnail ">
<div class="c-image c-preview__thumbnail-placeholder u-hide">
<img class="c-image__visual" src="/assets/images/general/preview/placeholder.png" alt="Preview Placeholder" title="Preview Placeholder" />
</div>
<div class="c-preview__thumbnail-container">
<img class="c-preview__thumbnail-image" src="/assets/images/general/preview/placeholder.png" alt="Preview Placeholder" title="Preview Placeholder" />
</div>
<a class="c-preview__thumbnail-link" href=""></a>
</div>
<div class="c-preview__content">
<header class="c-preview__header">
<h3 class="c-preview__title">Omgaan met veiligheid en privacy</h3>
<a class="c-preview__title-link" href=""></a>
</header>
<ul class="c-preview__hashtag-list">
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Aanslag</span>
</a>
</li>
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Terreur</span>
</a>
</li>
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Explosie</span>
</a>
</li>
</ul>
<p class="c-preview__text">Bij een schietincident rond 10.45 uur op het 24 oktoberplein in
Utrecht zijn meerdere gewonden gevallen.</p>
<a class="c-link c-preview__link" href="#">
<span class="c-link__text">Lees meer</span>
</a>
</div>
</div>
</article>
<article class="c-preview l-grid__col l-grid__col--6@viewport-4 l-grid__col--4@viewport-7 ">
<div class="c-preview__container">
<div class="c-preview__thumbnail c-preview__thumbnail--no-decoration ">
<div class="c-image c-preview__thumbnail-placeholder u-hide">
<img class="c-image__visual" src="/assets/images/general/preview/placeholder.png" alt="Preview Placeholder" title="Preview Placeholder" />
</div>
<div class="c-preview__thumbnail-container">
<img class="c-preview__thumbnail-image" src="/assets/images/general/preview/placeholder.png" alt="Preview Placeholder" title="Preview Placeholder" />
</div>
<a class="c-preview__thumbnail-link" href=""></a>
<div class="c-preview__thumbnail-tag">
<div class="c-tag ">
<div class="c-tag__background"></div>
<span class="c-tag__text">
Nieuws
</span>
</div>
<div class="c-tag c-tag--highlight c-tag--no-overflow">
<div class="c-tag__background"></div>
<span class="c-tag__text">
cyber
</span>
</div>
</div>
</div>
<div class="c-preview__content">
<header class="c-preview__header">
<h3 class="c-preview__title">Omgaan met veiligheid en privacy</h3>
<a class="c-preview__title-link" href=""></a>
<div class="c-preview__meta">
<span class="c-preview__meta-text">11 december 2018</span>
</div>
</header>
<ul class="c-preview__hashtag-list">
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Aanslag</span>
</a>
</li>
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Terreur</span>
</a>
</li>
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Explosie</span>
</a>
</li>
</ul>
<p class="c-preview__text">Bij een schietincident rond 10.45 uur op het 24 oktoberplein in
Utrecht zijn meerdere gewonden gevallen.</p>
<a class="c-link c-preview__link" href="#">
<span class="c-link__text">Lees meer</span>
</a>
</div>
</div>
</article>
<article class="c-preview l-grid__col l-grid__col--6@viewport-4 l-grid__col--4@viewport-7 ">
<div class="c-preview__container">
<div class="c-preview__thumbnail c-preview__thumbnail--no-decoration ">
<div class="c-preview__media--overlay">
<div class="c-image c-preview__thumbnail-placeholder u-hide">
<img class="c-image__visual" src="/assets/images/general/preview/placeholder.png" alt="Preview Placeholder" title="Preview Placeholder" />
</div>
<div class="c-preview__thumbnail-container">
<img class="c-preview__thumbnail-image" src="/assets/images/general/preview/placeholder.png" alt="Preview Placeholder" title="Preview Placeholder" />
</div>
<a class="c-preview__thumbnail-link" href=""></a>
<div class="c-preview__thumbnail-icon-wrapper">
<div class="c-icon c-preview__thumbnail-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M12,24C5.4,24,0,18.6,0,12S5.4,0,12,0c6.6,0,12,5.4,12,12S18.6,24,12,24z M12,0.9C5.9,0.9,0.9,5.9,0.9,12c0,6.1,5,11.1,11.1,11.1s11.1-5,11.1-11.1C23.1,5.9,18.1,0.9,12,0.9z" />
<polygon points="8.4,6.7 8.4,17.3 19.1,12" />
</svg>
</div>
</div>
</div>
</div>
<div class="c-preview__content">
<header class="c-preview__header">
<h3 class="c-preview__title">Omgaan met veiligheid en privacy</h3>
<a class="c-preview__title-link" href=""></a>
<div class="c-preview__meta">
<span class="c-preview__meta-text">11 december 2018</span>
</div>
</header>
<ul class="c-preview__hashtag-list">
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Aanslag</span>
</a>
</li>
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Terreur</span>
</a>
</li>
<li class="c-preview__hashtag-item">
<a href="#" class="c-hashtag__link">
<span class="c-hashtag__text">#Explosie</span>
</a>
</li>
</ul>
<p class="c-preview__text">Bij een schietincident rond 10.45 uur op het 24 oktoberplein in
Utrecht zijn meerdere gewonden gevallen.</p>
<a class="c-link c-preview__link" href="#">
<span class="c-link__text">Lees meer</span>
</a>
</div>
</div>
</article>
</div>
