<div class="iop-media-block iop-media-block--overlay context-dark">
<div class="iop-media-block__media iop-media-container iop-media-container--fix-width">
<img src="https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ab4ea4fd87e2144a8662bee0164010d&auto=format&fit=crop&w=5&q=80" data-normal="https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ab4ea4fd87e2144a8662bee0164010d&auto=format&fit=crop&w=1950&q=80"
alt="Example image">
</div>
<div class="iop-media-block__inner">
<div class="iop-media-block__header">
<span>
<span class="iop-media-block__category">Category</span>
<span class="iop-media-block__source">IOP</span>
</span>
<span role="button" tabindex="0" aria-pressed="false" class="iop-media-block__save-button iop-save-button">
<span>Save</span>
</span>
</div>
<a href="#0" class="iop-media-block__cta">Read more</a>
<h2 class="iop-media-block__heading">In reforming university physics teaching, look to the spiral curriculum</h2>
<div class="iop-media-block__footer">
<span>
<span class="iop-media-block__type">
<i class="iop-media-block__type-icon iop-icon iop-icon--article"></i>
Article
</span>
<time datetime="2018-09-06:20:48">Yesterday - 20:48</time>
</span>
<span role="button" tabindex="0" aria-pressed="false" class="iop-media-block__options-button">
Options...
</span>
</div>
</div>
</div>
<div class="iop-media-block iop-media-block--overlay context-dark">
<div class="iop-media-block__media iop-media-container iop-media-container--fix-width">
<img src="{{ placeholderImageUrl }}" data-normal="{{ imageUrl }}" alt="Example image">
</div>
<div class="iop-media-block__inner">
<div class="iop-media-block__header">
<span>
<span class="iop-media-block__category">Category</span>
<span class="iop-media-block__source">IOP</span>
</span>
<span
role="button"
tabindex="0"
aria-pressed="false"
class="iop-media-block__save-button iop-save-button"
>
<span>Save</span>
</span>
</div>
<a href="#0" class="iop-media-block__cta">Read more</a>
<h2 class="iop-media-block__heading">In reforming university physics teaching, look to the spiral curriculum</h2>
<div class="iop-media-block__footer">
<span>
<span class="iop-media-block__type">
<i class="iop-media-block__type-icon iop-icon iop-icon--article"></i>
Article
</span>
<time datetime="2018-09-06:20:48">Yesterday - 20:48</time>
</span>
<span
role="button"
tabindex="0"
aria-pressed="false"
class="iop-media-block__options-button"
>
Options...
</span>
</div>
</div>
</div>
{
"imageUrl": "https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ab4ea4fd87e2144a8662bee0164010d&auto=format&fit=crop&w=1950&q=80",
"placeholderImageUrl": "https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ab4ea4fd87e2144a8662bee0164010d&auto=format&fit=crop&w=5&q=80"
}
There are no notes for this item.