<!-- Header -->
<header class="js-header header theme_blue size_landscape" id="header">
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
<div class="header_main">
<div class="header_main_texture"></div>
<div class="header_main_group">
<div class="header_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="header_ribbon_inner">
<div class="header_school_nav">
<nav class="school_nav" aria-labelledby="basic_nav_title-17">
<div class="school_nav_header">
<h2 class="school_nav_title" id="basic_nav_title-17">School</h2>
</div>
<ul class="school_nav_list" aria-labelledby="basic_nav_title-17">
<li class="school_nav_item">
<a class="school_nav_link" href="#" aria-label="SGU Homepage">
<div class="school_nav_link_inner">
<span class="school_nav_link_icon" aria-hidden="true">
<svg class="icon icon_shield">
<use href="/images/icons.svg#shield" />
</svg>
</span>
<span class="school_nav_link_label">SGU</span>
</div>
</a>
</li>
<li class="school_nav_item active">
<a class="school_nav_link active" href="#" aria-current="page" aria-label="Medicine Homepage">
<div class="school_nav_link_inner">
<span class="school_nav_link_label">Medicine</span>
</div>
</a>
</li>
<li class="school_nav_item">
<a class="school_nav_link" href="#" aria-label="Veterinary Homepage">
<div class="school_nav_link_inner">
<span class="school_nav_link_label">Veterinary</span>
</div>
</a>
</li>
<li class="school_nav_item">
<a class="school_nav_link" href="#" aria-label="Undergraduate School Homepage">
<div class="school_nav_link_inner">
<span class="school_nav_link_label">Undergraduate School</span>
</div>
</a>
</li>
<li class="school_nav_item">
<a class="school_nav_link" href="#" aria-label="Graduate School Homepage">
<div class="school_nav_link_inner">
<span class="school_nav_link_label">Graduate School</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="header_ribbon_group">
<button class="header_chat_button">
<span class="header_chat_button_label">Chat</span>
<span class="header_chat_button_icon">
<svg class="icon icon_chat">
<use href="/images/icons.svg#chat" />
</svg>
</span>
</button>
<div class="header_search">
<div class="js-site-search site_search site_search_header" id="site_search_header" role="search" itemscope itemtype="https://schema.org/WebSite" aria-label="Site Search">
<meta itemprop="url" content="http://https://static.sgu.dev.fastspot.com/">
<form class="site_search_form" action="/components/preview/template-search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
<meta itemprop="target" content="http://https://static.sgu.dev.fastspot.com//components/preview/template-search?q={q}">
<label class="js-site-search-label site_search_label" for="search_string__header">Search</label>
<div class="site_search_field">
<input class="js-site-search-input site_search_input" itemprop="query-input" type="search" id="search_string__header" name="q" placeholder="Search..." required>
<button class="site_search_button" type="submit">
<span class="site_search_button_label">Submit</span>
<span class="site_search_button_icon">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="header_logo">
<div class="logo logo_header logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_label">St. George's University</span>
<span class="logo_link_icon">
<svg class="icon icon__dark">
<use href="/images/icons.svg#_dark" />
</svg>
</span>
</a>
</div>
</div>
<div class="header_primary_group">
<div class="header_secondary_nav">
<nav class="js-nav-collapse js-secondary-dropdown-nav dropdown_nav secondary_dropdown_nav" aria-labelledby="dropdown_nav_title-4">
<div class="dropdown_nav_header secondary_dropdown_nav_header">
<h2 class="dropdown_nav_title secondary_dropdown_nav_title" id="dropdown_nav_title-4">Secondary</h2>
</div>
<ul class="js-nav-collapse-list js-secondary-dropdown-nav-list dropdown_nav_list secondary_dropdown_nav_list" aria-labelledby="dropdown_nav_title-4">
<li class="js-nav-collapse-item js-secondary-dropdown-nav-item js-secondary-dropdown-nav-item-1 dropdown_nav_item secondary_dropdown_nav_item">
<div class="dropdown_nav_item_inner secondary_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-secondary-dropdown-nav-link dropdown_nav_link secondary_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner secondary_dropdown_nav_link_inner">
<span class="dropdown_nav_label secondary_dropdown_nav_link_label">Info Sessions</span>
</div>
</a>
</div>
</li>
<li class="js-nav-collapse-item js-secondary-dropdown-nav-item js-secondary-dropdown-nav-item-2 dropdown_nav_item secondary_dropdown_nav_item">
<div class="dropdown_nav_item_inner secondary_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-secondary-dropdown-nav-link dropdown_nav_link secondary_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner secondary_dropdown_nav_link_inner">
<span class="dropdown_nav_label secondary_dropdown_nav_link_label">Request Info</span>
</div>
</a>
</div>
</li>
<li class="featured js-nav-collapse-item js-secondary-dropdown-nav-item js-secondary-dropdown-nav-item-3 dropdown_nav_item secondary_dropdown_nav_item">
<div class="dropdown_nav_item_inner secondary_dropdown_nav_item_inner">
<a class="js-nav-collapse-link js-secondary-dropdown-nav-link dropdown_nav_link secondary_dropdown_nav_link" href="#">
<div class="dropdown_nav_link_inner secondary_dropdown_nav_link_inner">
<span class="dropdown_nav_label secondary_dropdown_nav_link_label">Apply</span>
</div>
</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="header_menu">
<a href="#menu" class="menu_toggle js-menu-toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
<span class="menu_toggle_inner_default menu_toggle_inner">
<span class="menu_toggle_label_default menu_toggle_label">Menu</span>
<span class="menu_toggle_icon_default menu_toggle_icon" aria-hidden="true">
<svg class="icon icon_menu">
<use href="/images/icons.svg#menu" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header">
<div class="page_header_inner">
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-all-justify-center">
<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>
</div>
</div>
</div>
</div>
</div>
<div class="header_main_decoration"></div>
</div>
<div class="header_suppliment">
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="page_nav_flat">
<nav class="sub_flat_nav" aria-labelledby="basic_nav_title-18">
<div class="sub_flat_nav_header">
<h2 class="sub_flat_nav_title" id="basic_nav_title-18"></h2>
</div>
<ul class="sub_flat_nav_list" aria-labelledby="basic_nav_title-18">
</ul>
</nav>
</div>
<div class="page_nav_toggle">
<div class="js-nav-toggle-group js-sub-nav-group toggle_nav_group sub_nav_group">
<button class="js-sub-nav-toggle js-nav-toggle-button js-swap sub_nav_toggle button_toggle" data-swap-target=".js-sub-nav-group">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label button_toggle_label_default button_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label button_toggle_label_active button_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
</button>
<div class="js-nav-toggle-panel js-sub-nav-panel toggle_nav_panel sub_nav_panel">
<nav class="js-nav-toggle js-sub-nav toggle_nav sub_nav" aria-labelledby="toggle_nav_title-4">
<div class="toggle_nav_header sub_nav_header">
<h2 class="toggle_nav_title sub_nav_title" id="toggle_nav_title-4"></h2>
</div>
<ul class="js-nav-toggle-list js-sub-nav-list toggle_nav_list sub_nav_list" aria-labelledby="toggle_nav_title-4">
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
<!-- Header -->
<header class="js-header header theme_{{ page.theme ?: 'blue' }}{% if page.background %} has_background_image{% endif %}{% if ('layout_detail' not in page.classes and page.image) or ('layout_detail' not in page.classes and page.video) %} has_content_image{% endif %}{% if page.cta %} has_cta{% endif %}{% if page.hero_school_portrait == true %} size_portrait{% else %} size_landscape{% endif %}" id="header">
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
{% if page.alert == true %}
<a class="js-skip-alert skip_link skip_alert" id="skip_alert_link" href="#alert_title">Skip to site alert</a>
{% endif %}
{% if page.theme != 'blue' %}
{% set logo = logo ~ '_dark' %}
{% endif %}
<div class="header_main">
{% if page.background %}
<figure class="header_bg_figure">
{% include '@partial-image' with {
class: 'header_bg',
alt: '',
image: page.background,
loading: 'eager',
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
],
sizes: [
'(min-width: 1394px) 574px',
'(min-width: 1220px) 500px',
'(min-width: 980px) 320px',
'(min-width: 740px) 332px',
'90vw'
]
} %}
</figure>
{% endif %}
<div class="header_main_texture"></div>
<div class="header_main_group">
<div class="header_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="header_ribbon_inner">
<div class="header_school_nav">
{% include '@navigation-basic' with {
class: "school",
modifier: "",
title: "School",
links: navigation.school,
active_index: '2'
} %}
</div>
<div class="header_ribbon_group">
<button class="header_chat_button">
<span class="header_chat_button_label">Chat</span>
<span class="header_chat_button_icon">{{ icon("chat") }}</span>
</button>
<div class="header_search">
{% include '@partial-search' with {
modifier: 'header',
aria: 'Site Search',
label: 'Search',
placeholder: 'Search...',
button_text: 'Submit'
} %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="header_logo">
{% include '@partial-logo' with {
modifier: 'header',
icon: logo,
print: ''
} %}
</div>
<div class="header_primary_group">
<div class="header_secondary_nav">
{% include '@navigation-dropdown' with {
class: 'secondary_dropdown',
modifier: '',
title: 'Secondary',
active_index: '',
links: navigation.secondarySchool,
icon: 'chevron_down'
} %}
</div>
<div class="header_menu">
{% include '@partial-link-toggle' with {
class: 'menu',
js: true,
title: 'Menu',
url: '#menu',
icon: 'menu',
swap_target: '.menu',
swap_link: 'menu'
} %}
</div>
</div>
</div>
</div>
</div>
</div>
{% if 'layout_home' in page.classes %}
{% render '@partial-page-header--school' with {
page: page
} %}
{% else %}
{% render '@partial-page-header' with {
page: page
} %}
{% endif %}
</div>
{% if not page.no_decoration %}
<div class="header_main_decoration"></div>
{% endif %}
</div>
{% if page.subNav != false %}
<div class="header_suppliment">
<div class="page_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="page_nav_flat">
{% include '@navigation-basic' with {
class: 'sub_flat',
modifier: '',
title: page.title,
active_index: '1',
links: page.subNav
} %}
</div>
<div class="page_nav_toggle">
{% include '@navigation-toggle' with {
class: 'sub',
modifier: '',
title: page.title|lower,
links: page.subNav,
icon: '',
child_icon: '',
toggle: {
title: 'Explore This Section',
icon: 'chevron_down',
title_active: 'Explore This Section',
icon_active: 'chevron_down',
swap_target: '.js-sub-nav-group'
}
} %}
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</header>
<!-- END: Header -->
No notes defined.