ClearFractal

Banner: Notice 

<div class="Banner Banner--notice" role="complementary">
    <div class="Banner-content">
        <div class="Banner-caption">Fancy a change?</div>
        <h2 class="Banner-headline Heading Heading--secondary">Come grow with us</h2>
        <div class="Banner-body">
            We care deeply about our work and always aim to do the right thing. If that sounds up your street then let’s chat.
        </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 %}
    </div>
</div>
 
{
  "bannerCaption": "Fancy a change?",
  "bannerHeadline": "Come grow with us",
  "bannerBody": "We care deeply about our work and always aim to do the right thing. If that sounds up your street then let’s chat.",
  "bannerLandmark": "complementary",
  "bannerModifiers": [
    "--notice"
  ]
}

There are no notes for this item.