<div class="page_header page_header_cta">
<div class="page_header_inner">
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell">
<div class="page_cta_wrapper">
<div class="page_intro_inner">
<div class="page_breadcrumb">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Life at St. George's</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_minus">
<use href="/images/icons.svg#minus" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
<span class="breadcrumb_end" aria-hidden="true">
<svg class="icon icon_angle_down">
<use href="/images/icons.svg#angle_down" />
</svg>
</span>
</li>
</ol>
</nav>
</div>
</div>
<h1 class="page_title" id="page_title" tabindex="-1"></h1>
</div>
<div class="page_cta">
<div class="page_cta_inner">
<figure class="page_cta_figure">
<img class="page_cta_image" srcset="https://images.fastspot.com/generic/740x740/ 740w, https://images.fastspot.com/generic/500x500/ 500w, https://images.fastspot.com/generic/300x300/ 300w, https://images.fastspot.com/generic/100x100/ 100w" src="https://images.fastspot.com/generic/100x100/" alt="page.cta.alt" loading="eager" width="100" height="100">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header page_header_cta">
<div class="page_header_inner">
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell">
<div class="page_cta_wrapper">
<div class="page_intro_inner">
{% if page.breadcrumbNav != false %}
<div class="page_breadcrumb">
{% render '@navigation-breadcrumb' with {
page: page,
modifier: '',
links: page.breadcrumbNav,
icon_home: 'home',
icon_divider: 'minus',
icon_end: 'angle_down'
} %}
</div>
{% endif %}
<h1 class="page_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
{% if page.description %}
<p class="page_description">{{ page.description }}</p>
{% endif %}
{% if page.positions %}
<p class="page_description">
{% for position in page.positions %}
{{ position }}{% if not loop.last %}, <br>{% endif %}
{% endfor %}
</p>
{% endif %}
</div>
<div class="page_cta">
<div class="page_cta_inner">
<figure class="page_cta_figure">
{% include '@partial-image' with {
class: 'page_cta',
alt: 'page.cta.alt',
image: page.cta.image,
loading: 'eager',
sources: [
img.square.sml,
img.square.xsml,
img.square.xxsml,
img.square.thumb
]
} %}
</figure>
{% if page.cta.title or page.cta.link %}
<div class="page_cta_body">
{% if page.cta.title %}
<p class="page_cta_title">{{ page.cta.title }}</p>
{% endif %}
{% if page.cta.link %}
<div class="page_cta_links">
<div class="page_cta_link_item">
{% include '@partial-link' with {
class: 'page_cta',
title: page.cta.link.label,
url: page.cta.link.url,
icon: ''
} %}
</div>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.