<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>
        <div class="MultiLink">
            <a href="#" class="MegaLink MegaLink--inverted">
                A link to somewhere
            </a>
            <a href="#" class="MegaLink MegaLink--inverted">
                A link to somewhere
            </a>
        </div>
    </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 %}
    {% if links|length %}
        {% include '@multi-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"
  ],
  "megaLinkModifier": "--inverted",
  "links": [
    {
      "megaLinkURL": "#",
      "megaLinkText": "A link to somewhere"
    },
    {
      "megaLinkURL": "#",
      "megaLinkText": "A link to somewhere"
    }
  ]
}

There are no notes for this item.