No notes defined.
<header class="siteHeader" id="siteHeader">
<div class="siteHeader__wrap">
<div class="siteHeader__a11y">
<a href="#main-content" class="visually-hidden focusable">Skip to main content</a>
</div>
<div class="siteHeader__inner">
<div class="siteHeader__branding">
<a href="/" title="Home">
<img src="../../img/logo.svg" alt="University of Michigan: School of Social Work" />
</a>
</div>
<div class="siteHeader__bar">
<div class="wrap">
<div class="siteHeader__barInner">
<div class="siteHeader__strapline">
<p>Reach out, raise hope, change society <i class="siteHeader__heartbeat" aria-hidden="true">❤︎</i></p>
</div>
<nav class="secondaryNav secondaryNav--largeScreen">
<ul class="secondaryNav__list">
<li class="secondaryNav__item ">
<a href="">Connect</a>
</li>
<li class="secondaryNav__item ">
<a href="">Directories</a>
</li>
<li class="secondaryNav__item ">
<a href="">Prospective Students</a>
</li>
<li class="secondaryNav__item ">
<a href="">Current Students</a>
</li>
<li class="secondaryNav__item ">
<a href="">Faculty</a>
</li>
<li class="secondaryNav__item ">
<a href="">Intranet</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="siteHeader__actions">
<button class="siteHeader__button siteHeader__button--search" type="button" aria-controls="siteHeader__search" aria-expanded="false" aria-label="Toggle search form" title="Toggle search form">
<span class="siteHeader__buttonLabel visually-hidden">Search</span>
<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<g clip-path="url(#clip0_3529_4169)">
<path d="M20.0416 20.5419C24.3373 16.2461 24.3373 9.2813 20.0416 4.98553C15.7458 0.689761 8.78097 0.689761 4.48521 4.98553C0.189438 9.2813 0.189438 16.2461 4.48521 20.5419C8.78097 24.8376 15.7458 24.8376 20.0416 20.5419Z" stroke="white" stroke-width="2" />
<path d="M20.042 19.8349L27.8201 27.6131" stroke="white" stroke-width="4" />
</g>
<defs>
<clipPath id="clip0_3529_4169">
<rect width="29" height="29" fill="white" />
</clipPath>
</defs>
</svg>
</button>
<button class="siteHeader__button siteHeader__button--menu hamburger hamburger--squeeze" type="button" aria-controls="siteNav" aria-expanded="false" aria-label="Toggle navigation" title="Toggle navigation">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div class="siteHeader__search" id="siteHeader__search">
<form>
<div class="siteHeader__searchField">
<label class="visually-hidden">Search site</label>
<input class="siteHeader__searchInput" type="text" placeholder="Search site" />
<button class="siteHeader__searchButton" type="submit" aria-label="Submit">Go</button>
</div>
</form>
</div>
</div>
</div>
<nav class="siteHeader__nav" id="siteNav">
<div class="primaryNav">
<div class="wrap">
<ul class="primaryNav__list">
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Academic Programs
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Academic Programs</a>
<ul>
<li><a href="">MSW Program</a></li>
<li><a href="">Undergraduate Minor</a></li>
<li><a href="">Global Activities</a></li>
<li><a href="">Online MSW & Certificate Programs</a></li>
<li><a href="">Undergraduate Social Work Options</a></li>
<li><a href="">Jewish Communal Leadership</a></li>
<li><a href="">Joint PhD Program</a></li>
<li><a href="">Field Education</a></li>
<li><a href="">Certificates</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Continuing Education
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Continuing Education</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Research
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Research</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Student Life
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Student Life</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
Alumni
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to Alumni</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
<li class="primaryNav__item ">
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white" />
</svg>
About
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="">Go to About</a>
<ul>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
<li><a href="">A link</a></li>
</ul>
</div>
</div>
</details>
</li>
</ul>
</div>
</div>
<div class="secondaryNav secondaryNav--smallScreen">
<div class="wrap">
<ul class="secondaryNav__list">
<li class="secondaryNav__item ">
<a href="">Connect</a>
</li>
<li class="secondaryNav__item ">
<a href="">Directories</a>
</li>
<li class="secondaryNav__item ">
<a href="">Prospective Students</a>
</li>
<li class="secondaryNav__item ">
<a href="">Current Students</a>
</li>
<li class="secondaryNav__item ">
<a href="">Faculty</a>
</li>
<li class="secondaryNav__item ">
<a href="">Intranet</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<header class="siteHeader" id="siteHeader">
<div class="siteHeader__wrap">
<div class="siteHeader__a11y">
<a href="#main-content" class="visually-hidden focusable">Skip to main content</a>
</div>
<div class="siteHeader__inner">
<div class="siteHeader__branding">
<a href="/" title="Home">
<img src="{{ '/img/logo.svg' | path }}" alt="University of Michigan: School of Social Work"/>
</a>
</div>
<div class="siteHeader__bar">
<div class="wrap">
<div class="siteHeader__barInner">
{% if not subsite %}
<div class="siteHeader__strapline">
<p>Reach out, raise hope, change society <i class="siteHeader__heartbeat" aria-hidden="true">❤︎</i></p>
</div>
{% else %}
<div class="siteHeader__back">
<a class="siteHeader__backLink" href="/">Back to Main SSW Site</a>
</div>
{% endif %}
<nav class="secondaryNav secondaryNav--largeScreen">
{# this is a clone for a11y reasons to ensure correct keyboard focus order #}
{% if nav_secondary %}
<ul class="secondaryNav__list">
{% for item in nav_secondary.items %}
<li class="secondaryNav__item {{ item.current ? ' is-active' }}{{ item.classes|join(' ') }}">
{% if item.children %}
<details>
<summary>
{{ item.title }}
</summary>
<div class="secondaryNav__secondLevel">
<ul>
{% for child in item.children %}
<li><a href="{{ child.link }}">{{ child.title }}</a></li>
{% endfor %}
</ul>
</div>
</details>
{% else %}
<a href="{{ item.link }}">{{ item.title }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</nav>
</div>
</div>
</div>
<div class="siteHeader__actions">
<button class="siteHeader__button siteHeader__button--search" type="button" aria-controls="siteHeader__search" aria-expanded="false" aria-label="Toggle search form" title="Toggle search form">
<span class="siteHeader__buttonLabel visually-hidden">Search</span>
<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<g clip-path="url(#clip0_3529_4169)">
<path d="M20.0416 20.5419C24.3373 16.2461 24.3373 9.2813 20.0416 4.98553C15.7458 0.689761 8.78097 0.689761 4.48521 4.98553C0.189438 9.2813 0.189438 16.2461 4.48521 20.5419C8.78097 24.8376 15.7458 24.8376 20.0416 20.5419Z" stroke="white" stroke-width="2"/>
<path d="M20.042 19.8349L27.8201 27.6131" stroke="white" stroke-width="4"/>
</g>
<defs>
<clipPath id="clip0_3529_4169">
<rect width="29" height="29" fill="white"/>
</clipPath>
</defs>
</svg>
</button>
<button class="siteHeader__button siteHeader__button--menu hamburger hamburger--squeeze" type="button" aria-controls="siteNav" aria-expanded="false" aria-label="Toggle navigation" title="Toggle navigation">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
{% if subsite %}
<div class="siteHeader__title">
{{ siteTitle }}
</div>
{% endif %}
<div class="siteHeader__search" id="siteHeader__search">
<form>
<div class="siteHeader__searchField">
<label class="visually-hidden">Search site</label>
<input class="siteHeader__searchInput" type="text" placeholder="Search site"/>
<button class="siteHeader__searchButton" type="submit" aria-label="Submit">Go</button>
</div>
</form>
</div>
</div>
</div>
<nav class="siteHeader__nav" id="siteNav">
{% if nav_primary %}
<div class="primaryNav">
<div class="wrap">
<ul class="primaryNav__list">
{% for item in nav_primary.items %}
<li class="primaryNav__item {{ item.current ? ' is-active' }}{{ item.classes|join(' ') }}">
{% if item.children %}
<details>
<summary>
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M1 1L5 5L1 9" stroke="white"/>
</svg>
{{ item.title }}
</summary>
<div class="primaryNav__secondLevel">
<div class="primaryNav__secondLevelWrap">
<a class="pointyLink" href="{{ item.link }}">Go to {{ item.title }}</a>
<ul>
{% for child in item.children %}
<li><a href="{{ child.link }}">{{ child.title }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</details>
{% else %}
<a href="{{ item.link }}">{{ item.title }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
<div class="secondaryNav secondaryNav--smallScreen">
{# this is a clone for a11y reasons to ensure correct keyboard focus order #}
<div class="wrap">
{% if nav_secondary %}
<ul class="secondaryNav__list">
{% for item in nav_secondary.items %}
<li class="secondaryNav__item {{ item.current ? ' is-active' }}{{ item.classes|join(' ') }}">
{% if item.children %}
<details>
<summary>
{{ item.title }}
</summary>
<div class="secondaryNav__secondLevel">
<ul>
{% for child in item.children %}
<li><a href="{{ child.link }}">{{ child.title }}</a></li>
{% endfor %}
</ul>
</div>
</details>
{% else %}
<a href="{{ item.link }}">{{ item.title }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</nav>
</header>