<div class="Banner Banner--decorated">
    <div class="Banner-content">
        <div class="Banner-caption">Take a peek into Middle Street</div>
        <h2 class="Banner-headline Heading Heading--secondary">Our Studio</h2>
        <div class="Banner-body">
            <p>We’re a team of makers, thinkers, organisers and digital explorers.<br>We’re always actively seeking out new skills, challenges and opportunities.</p>
        </div>
        <!--/.Banner-body-->
        <a href="#" class="MegaLink MegaLink--inverted">
Check out our open vacancies
</a>
    </div>
    <!--/.Banner-content-->
</div>
<!--/.Banner-->
<div class="Banner{% if bannerModifier %} Banner{{bannerModifier}}{% endif %}">
    <div class="Banner-content">
        <div class="Banner-caption">{{bannerCaption}}</div>
        <h2 class="Banner-headline Heading Heading--secondary">{{bannerHeadline}}</h2>
        {% if bannerBody %}
        <div class="Banner-body">
            {{bannerBody}}
        </div><!--/.Banner-body-->
        {% endif %}
        {% if megaLinkURL %}
        {% include '@mega-link' %}
        {% endif %}
    </div><!--/.Banner-content-->
</div><!--/.Banner-->
{
  "bannerCaption": "Take a peek into Middle Street",
  "bannerHeadline": "Our Studio",
  "bannerBody": "<p>We’re a team of makers, thinkers, organisers and digital explorers.<br>We’re always actively seeking out new skills, challenges and opportunities.</p>",
  "bannerModifier": "--decorated",
  "megaLinkURL": "#",
  "megaLinkText": "Check out our open vacancies",
  "megaLinkModifier": "--inverted"
}

There are no notes for this item.