<div class="Banner Banner--decorated" role="complementary">
    <div class="Banner-content">
        <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>
        <a href="#" class="MegaLink MegaLink--inverted">
Check out our open vacancies
</a>
    </div>
</div>
<div class="Banner {% if bannerModifiers %}Banner{{ bannerModifiers|join(' Banner') }}{% endif %}" {%if bannerLandmark%}role="{{bannerLandmark}}"{% endif %}>
    <div class="Banner-content">
    {% if bannerCaption %}
        <div class="Banner-caption">{{ bannerCaption }}</div>
    {% endif %}
        <h2 class="Banner-headline Heading Heading--secondary">{{ bannerHeadline }}</h2>
    {% if bannerBody %}
        <div class="Banner-body">
            {{ bannerBody }}
        </div>
    {% endif %}
    {% if megaLinkURL %}
        {% include '@mega-link' %}
    {% endif %}
    </div>
</div>
{
  "bannerCaption": null,
  "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>",
  "bannerLandmark": "complementary",
  "bannerModifiers": [
    "--decorated"
  ],
  "megaLinkURL": "#",
  "megaLinkText": "Check out our open vacancies",
  "megaLinkModifier": "--inverted"
}

There are no notes for this item.