IOP Nucleus

Default 

<div class="iop-hero 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')">
    <div class="iop-hero__inner">
        <div class="container">
            <div class="iop-heading-lockup">
                <p class="iop-text-meta">Become a member</p>
                <h1>
                    The Universe
                    <span>in your hands</span>
                </h1>
                <p>Cum ceteris in veneratione tui montes, nascetur mus. Gallia est omnis divisa in partes tres, quarum.</p>
            </div>
            <div class="buffer">
                <a href="#0" class="iop-button">
          <span>Become a member</span>
        </a>
            </div>
        </div>
    </div>
</div>
 
<div class="iop-hero 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">Become a member</p>
        <h1>
          The Universe
          <span>in your hands</span>
        </h1>
        <p>Cum ceteris in veneratione tui montes, nascetur mus. Gallia est omnis divisa in partes tres, quarum.</p>
      </div>
      <div class="buffer">
        <a href="#0" class="iop-button">
          <span>Become a member</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.