IOP Nucleus

Large 

<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 class="iop-hero iop-hero--lg context-dark" style="background-image: url('{{ backgroundImageUrl }}')">
  <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-1487235829740-e0ac5a286e1c?ixlib=rb-0.3.5&s=d7b2968dc15cecb41656e1fa50c9bbf0&auto=format&fit=crop&w=2000&q=80"
}

There are no notes for this item.