<!-- Footer -->
<footer class="footer" id="footer">
<div class="footer_top">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_top_inner">
<div class="footer_top_inner_item is_logo">
<div class="logo logo_footer logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_label">Office of Diversity and Inclusion</span>
<span class="logo_link_icon">
<svg class="icon icon_logo">
<use href="/images/icons.svg#logo" />
</svg>
</span>
</a>
</div>
</div>
<div class="footer_top_inner_item is_nav">
<div class="footer_social_nav">
<div class="social_nav">
<div class="social_nav_header">
<h2 class="social_nav_title" id="social_nav_title">Social</h2>
</div>
<ul class="social_nav_list" aria-labelledby="social_nav_title">
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="social_nav_label">Facebook</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="social_nav_label">Twitter</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_linkedin" href="//www.linkedin.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
<span class="social_nav_label">Linkedin</span>
</a>
</li>
<li class="social_nav_item">
<a class="social_nav_link social_nav_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener">
<span class="social_nav_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</span>
<span class="social_nav_label">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_primary_inner">
<div class="footer_location">
<div class="footer_location_item">
<h2 class="footer_location_item_title">Address</h2>
<address class="footer_location_item_content">
3400 N. Charles Street, 265 Garland Hall, Baltimore, MD 21218
</address>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_ribbon_inner">
<div class="footer_utility_nav">
<nav class="footer_nav" aria-labelledby="basic_nav_title-2">
<div class="footer_nav_header">
<h2 class="footer_nav_title" id="basic_nav_title-2">Footer</h2>
</div>
<ul class="footer_nav_list" aria-labelledby="basic_nav_title-2">
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Terms of Use</span>
</div>
</a>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Privacy Statement</span>
</div>
</a>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Accessibility</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="footer_copyright">
<p class="copyright">
<span class="copyright_icon">©2023 </span>
<span class="copyright_holder">
<span class="copyright_holder_name">Office of Diversity and Inclusion. All rights reserved.</span>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END: Footer -->
<!-- Footer -->
<footer class="footer" id="footer">
<div class="footer_top">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_top_inner">
<div class="footer_top_inner_item is_logo">
{% include '@partial-logo' with {
modifier: 'footer',
icon: 'logo',
print: ''
} %}
</div>
<div class="footer_top_inner_item is_nav">
<div class="footer_social_nav">
{% include '@navigation-social' with {
title: 'Social',
links: navigation.social
} %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_primary_inner">
<div class="footer_location">
<div class="footer_location_item">
<h2 class="footer_location_item_title">Address</h2>
<address class="footer_location_item_content">
{{ config.street }}, {{ config.city }}, {{ config.state }} {{ config.zip }}
</address>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_ribbon_inner">
<div class="footer_utility_nav">
{% include '@navigation-basic' with {
class: 'footer',
modifier: '',
title: 'Footer',
active_index: '',
links: navigation.footer
} %}
</div>
<div class="footer_copyright">
{% render '@partial-copyright' %}
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END: Footer -->
No notes defined.