<div class="PageLead ">
    <div class="PageLead-primary">
        <div class="Lead  Lead--wrapper Bar">
            <div class="Lead-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore sapiente molestiae sed? Consectetur illo repellat dolorum assumenda, voluptatum explicabo architecto? <a href="#">Here’s a link</a>.</div>
        </div>
        <!--/.Lead-->
    </div>
    <div class="PageLead-secondary">
        <ul class="List List--tall">
            <li class="List-item"><a href="#">11 yrs old and growing. What’s our story?</a></li>
            <li class="List-item"><a href="#">11 yrs old and growing. What’s our story?</a></li>
            <li class="List-item"><a href="#">11 yrs old and growing. What’s our story?</a></li>
        </ul>
    </div>
</div>
<!--/.PageLead-->
<div class="PageLead {% if pageLeadModifier %}PageLead{{pageLeadModifier}} {% endif %}">
    <div class="PageLead-primary">
    {% if "--image" in pageLeadModifier %}
        <img src="{{pageLeadSrc}}" alt="{{pageLeadAlt}}">
    {% else %}
        {% include '@lead' with {leadModifier: '--wrapper Bar'} %}
    {% endif %}
    </div>
    {% if pageLeadSecondary %}
    <div class="PageLead-secondary">
        {% include '@list' with listItems %}
    </div>
    {% endif %}
</div><!--/.PageLead-->
{
  "leadText": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore sapiente molestiae sed? Consectetur illo repellat dolorum assumenda, voluptatum explicabo architecto? <a href=\"#\">Here’s a link</a>.",
  "pageLeadSecondary": true,
  "listModifier": "--tall",
  "listItems": [
    "<a href=\"#\">11 yrs old and growing. What’s our story?</a>",
    "<a href=\"#\">11 yrs old and growing. What’s our story?</a>",
    "<a href=\"#\">11 yrs old and growing. What’s our story?</a>"
  ]
}

There are no notes for this item.