IOP Nucleus

Auth 

<div class="iop-hero iop-hero--subnav context-dark" style="background-image: url('https://images.unsplash.com/photo-1516797045820-6edca89b2830?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=7ee9490bac752c3674694855720c6627&auto=format&fit=crop&w=2008&q=80')">
    <nav class="iop-subnav">
        <div class="container">
            <ul>
                <li class="active"><a href=""><span class="iop-icon iop-icon--feed"></span>For you</a></li>
                <li><a href=""><span class="iop-icon iop-icon--collection"></span>Collections</a></li>
                <li><a href=""><span class="iop-icon iop-icon--search"></span>Discover</a></li>
                <li><a href=""><span class="iop-icon iop-icon--profile"></span>Profile</a></li>
            </ul>
        </div>
    </nav>
    <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 class="iop-hero iop-hero--subnav context-dark" style="background-image: url('{{ backgroundImageUrl }}')">
  {% render '@subnav' %}
  <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>
 
{
  "backgroundImageUrl": "https://images.unsplash.com/photo-1516797045820-6edca89b2830?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=7ee9490bac752c3674694855720c6627&auto=format&fit=crop&w=2008&q=80"
}

There are no notes for this item.