<div class="Banner Banner--inverted" role="complementary">
    <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>
</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": "Take a peek into Middle Street",
  "bannerHeadline": "Our Studio",
  "bannerBody": null,
  "bannerLandmark": "complementary",
  "bannerModifiers": [
    "--inverted"
  ]
}

There are no notes for this item.