<div class="context-dark has-hero">
<header class="iop-header">
<div class="container">
<div class="iop-header__inner">
<span role="button" tabindex="0" aria-pressed="false" class="iop-header__explore-button" data-toggle="other-sites" data-toggle-scroll="disable" data-toggle-remove="profile">
Explore
</span>
<span role="button" tabindex="0" aria-pressed="false" class="iop-header__menu-button" data-toggle="nav" data-toggle-scroll="disable" data-toggle-remove="other-sites,profile">
Menu
</span>
<span role="button" tabindex="0" aria-pressed="false" class="iop-header__close-button" data-toggle-scroll="enable" data-toggle-remove="nav,other-sites,profile">
Close
</span>
<a class="iop-header__logo" href="#0">
IOP | Institute of Physics
</a>
<div class="iop-header__nav">
<nav class="iop-link-list iop-link-list--staggered iop-nav" data-toggle-target="nav" data-expandable-nav>
<ul>
<li>
<a href="#0">About</a>
<ul class="iop-link-list__sublist">
<li>
<a href="#0">Publications</a>
</li>
<li>
<a href="#0">Education</a>
</li>
<li>
<a href="#0">Activities</a>
</li>
</li>
</ul>
</li>
<li>
<a href="#0">Resources</a>
</li>
<li>
<a href="#0">Visit</a>
</li>
<li>
<a href="#0">Contact</a>
</li>
</ul>
</nav>
</div>
<div class="iop-header__actions">
<a href="#0" class="iop-avatar iop-header__user-button" data-toggle="profile" data-toggle-remove="nav,other-sites" data-toggle-scroll="disable" style="background-image: url(https://ca.slack-edge.com/T0347CC9W-U715K3AKX-10679806659f-48)">
</a>
</div>
</div>
</div>
<div class="iop-tray iop-tray--other-sites" data-toggle-target="other-sites">
<div class="iop-tray__screen" role="button" tabindex="0" aria-pressed="false" data-toggle="other-sites" data-toggle-scroll="enable"></div>
<div class="iop-tray__inner context-dark">
<span role="button" tabindex="0" aria-pressed="false" class="iop-tray__close-button" data-toggle-scroll="enable" data-toggle-remove="other-sites">
Close
</span>
<div class="iop-tray__container">
<nav class="iop-other-sites iop-link-list" data-toggle-target="other-sites">
<h4 class="iop-other-sites__title iop-text-muted">Explore</h4>
<ul>
<li>
<a href="#0">Website 1</a>
</li>
<li>
<a href="#0">Website 2</a>
</li>
<li>
<a href="#0">Website 3</a>
</li>
<li>
<a href="#0">Website 4</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="iop-tray iop-tray--profile" data-toggle-target="profile">
<div class="iop-tray__screen" role="button" tabindex="0" aria-pressed="false" data-toggle="profile" data-toggle-scroll="enable"></div>
<div class="iop-tray__inner context-light">
<div class="iop-tray__container">
<div class="iop-profile-nav">
<div class="iop-profile-nav__header">
<p class="h3 margin-reset">
<span class="iop-text-sm iop-text-accent">Welcome,</span>
<br> Robin Ince
</p>
<span class="iop-avatar iop-profile-nav__avatar" style="background-image: url(https://ca.slack-edge.com/T0347CC9W-U715K3AKX-10679806659f-48)">
</span>
</div>
<nav class="iop-link-list iop-profile-nav__list" data-toggle-target="profile">
<ul>
<li class="is-active">
<a href="#0">For you</a>
</li>
<li>
<a href="#0">Account</a>
</li>
</ul>
</nav>
<p class="h4 iop-text-accent">
<a href="#0">Logout</a>
</p>
</div>
</div>
</div>
</div>
</header>
<div class="iop-hero iop-hero--lg context-dark" style="background-image: url('https://images.unsplash.com/photo-1487235829740-e0ac5a286e1c?ixlib=rb-0.3.5&s=d7b2968dc15cecb41656e1fa50c9bbf0&auto=format&fit=crop&w=2000&q=80')">
<div class="iop-hero__inner">
<div class="container">
<div class="iop-heading-lockup">
<p class="iop-text-meta">Magna pars studiorum prodita</p>
<h1>
Physics for
<span>everyone</span>
</h1>
</div>
<div class="buffer">
<a href="#0" class="iop-button">
<span>Join IOP</span>
</a>
<a href="#0" class="iop-button iop-button--tertiary">
<span>Login</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="iop-tabs" data-tabs>
<div class="iop-tabs__header">
<span role="button" tabindex="0" aria-pressed="false" class="iop-tabs__paging-button iop-tabs__paging-button--prev iop-directional-cta iop-directional-cta--left" data-tabs-nav-button="prev">
<span>Prev</span>
</span>
<ul class="iop-tabs__nav" data-tabs-nav>
<li class="iop-tabs__nav-item" data-tabs-nav-item>
<span role="button" tabindex="0" aria-pressed="false" class="iop-tabs__nav-button is-active" data-tabs-nav-button="0">
Latest
</span>
</li>
<li class="iop-tabs__nav-item" data-tabs-nav-item>
<span role="button" tabindex="0" aria-pressed="false" class="iop-tabs__nav-button " data-tabs-nav-button="1">
Medical physics
</span>
</li>
<li class="iop-tabs__nav-item" data-tabs-nav-item>
<span role="button" tabindex="0" aria-pressed="false" class="iop-tabs__nav-button " data-tabs-nav-button="2">
Quantum
</span>
</li>
<li class="iop-tabs__nav-item" data-tabs-nav-item>
<span role="button" tabindex="0" aria-pressed="false" class="iop-tabs__nav-button " data-tabs-nav-button="3">
Condensed matter
</span>
</li>
<li class="iop-tabs__nav-item" data-tabs-nav-item>
<span role="button" tabindex="0" aria-pressed="false" class="iop-tabs__nav-button " data-tabs-nav-button="4">
Black holes
</span>
</li>
<li class="iop-tabs__nav-item" data-tabs-nav-item>
<span role="button" tabindex="0" aria-pressed="false" class="iop-tabs__nav-button " data-tabs-nav-button="5">
Superconductivity
</span>
</li>
</ul>
<span role="button" tabindex="0" aria-pressed="false" class="iop-tabs__paging-button iop-tabs__paging-button--next iop-directional-cta" data-tabs-nav-button="next">
<span>Next</span>
</span>
</div>
<div class="iop-tabs__body" data-tabs-body>
<div class="iop-tabs__item" data-tabs-item>
<div class="iop-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<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>
</div>
</div>
</div>
<div class="element-reverse-xs">
<div class="iop-media-block iop-media-block--hero 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-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-md-11 col-md-offset-1">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="iop-tabs__item" data-tabs-item>
<div class="iop-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<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>
</div>
</div>
</div>
<div class="element-reverse-xs">
<div class="iop-media-block iop-media-block--hero 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-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-md-11 col-md-offset-1">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="iop-tabs__item" data-tabs-item>
<div class="iop-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<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>
</div>
</div>
</div>
<div class="element-reverse-xs">
<div class="iop-media-block iop-media-block--hero 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-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-md-11 col-md-offset-1">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="iop-tabs__item" data-tabs-item>
<div class="iop-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<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>
</div>
</div>
</div>
<div class="element-reverse-xs">
<div class="iop-media-block iop-media-block--hero 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-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-md-11 col-md-offset-1">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="iop-tabs__item" data-tabs-item>
<div class="iop-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<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>
</div>
</div>
</div>
<div class="element-reverse-xs">
<div class="iop-media-block iop-media-block--hero 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-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-md-11 col-md-offset-1">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="iop-tabs__item" data-tabs-item>
<div class="iop-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<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>
</div>
</div>
</div>
<div class="element-reverse-xs">
<div class="iop-media-block iop-media-block--hero 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-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-md-11 col-md-offset-1">
<div class="iop-media-block">
<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>
<p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{# Hero #}
<div class="context-dark has-hero">
{% render '@header-default' %}
{% render '@hero-large' %}
</div>
{# Feed #}
{% set tabsContent %}
<div class="iop-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
{% set noImage = true %}
{% include '@media-block-default' %}
{% include '@media-block-default' %}
</div>
</div>
</div>
<div class="col-sm-6">
{% include '@media-block-overlay' %}
</div>
</div>
</div>
</div>
<div class="element-reverse-xs">
{% include '@media-block-hero' %}
<div class="iop-page-section iop-page-section--lg">
<div class="container context-grid">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-md-11">
{% include '@media-block-default' %}
</div>
</div>
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-md-11 col-md-offset-1">
{% include '@media-block-default' %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endset %}
{% render '@tabs', {
tabs: [
{
title: 'Latest',
content: tabsContent
},
{
title: 'Medical physics',
content: tabsContent
},
{
title: 'Quantum',
content: tabsContent
},
{
title: 'Condensed matter',
content: tabsContent
},
{
title: 'Black holes',
content: tabsContent
},
{
title: 'Superconductivity',
content: tabsContent
}
]
} %}
{
"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.