<!-- Footer -->
<footer class="footer" id="footer">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_inner">
<div class="footer_header">
<div class="footer_header_group">
<div class="footer_logo footer_logo_lg">
<div class="logo logo_footer logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_label">Johns Hopkins Data Science and AI Institute</span>
<span class="logo_link_icon">
<svg class="icon icon_logo_horizontal">
<use href="/images/icons.svg#logo_horizontal" />
</svg>
</span>
</a>
</div>
</div>
<div class="footer_logo footer_logo_sm">
<div class="logo logo_footer logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_label">Johns Hopkins Data Science and AI Institute</span>
<span class="logo_link_icon">
<svg class="icon icon_logo_vertical">
<use href="/images/icons.svg#logo_vertical" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="footer_header_group">
<div class="footer_signup">
<a class="footer_signup_link" href="#">
<span class="footer_signup_link_label">Sign up for our newsletter</span>
</a>
</div>
</div>
</div>
<div class="footer_meta">
<div class="meta_info" id="meta_info">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Organization',
'name': 'Johns Hopkins Data Science and AI Institute',
'logo': '//example.dev.fastspot.com/site/images/logo-schema.png',
'address': {
'@type': 'PostalAddress',
'streetAddress': '3400 North Charles Street',
'addressLocality': 'Baltimore',
'addressRegion': 'MD',
'postalCode': '21218"
},
'email': 'info@fastspot.com',
'telephone': '(410) 537-5007',
'url': '//example.dev.fastspot.com/site',
'sameAs': [
'//www.facebook.com',
'//www.twitter.com',
'//www.instagram.com',
'//www.youtube.com',
'//www.linkedin.com'
]
}
</script>
<div class="meta_info_details">
<div class="meta_info_detail meta_info_detail_name">
Johns Hopkins Data Science and AI Institute
</div>
<div class="meta_info_detail meta_info_detail_address">
<a class="meta_info_detail_label meta_info_detail_label_link" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener">
<span class="meta_info_address_street">3400 North Charles Street,</span>
<span class="meta_info_address_group">
<span class="meta_info_address_city">Baltimore,</span>
<span class="meta_info_address_state">MD</span>
<span class="meta_info_address_zip">21218</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="footer_body">
<div class="footer_body_group">
<div class="footer_body_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">site</h2>
</div>
<ul class="footer_nav_list">
<li class="footer_nav_item has_children">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">About</span>
</div>
</a>
<ul class="footer_nav_children" aria-label="About">
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Application Domains</span>
</div>
</a>
</li>
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Our Work</span>
</div>
</a>
</li>
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Centers and Institutes</span>
</div>
</a>
</li>
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Careers</span>
</div>
</a>
</li>
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Connect with Us</span>
</div>
</a>
</li>
</ul>
</li>
<li class="footer_nav_item has_children">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">People</span>
</div>
</a>
<ul class="footer_nav_children" aria-label="People">
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Team</span>
</div>
</a>
</li>
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Committees</span>
</div>
</a>
</li>
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Researchers</span>
</div>
</a>
</li>
</ul>
</li>
<li class="footer_nav_item has_children">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">Education</span>
</div>
</a>
<ul class="footer_nav_children" aria-label="Education">
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">News</span>
</div>
</a>
</li>
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Events</span>
</div>
</a>
</li>
<li class="footer_nav_child_item">
<a class="footer_nav_child_link" href="#">
<div class="footer_nav_child_link_inner">
<span class="footer_nav_child_link_label">Newsletter</span>
</div>
</a>
</li>
</ul>
</li>
<li class="footer_nav_item">
<a class="footer_nav_link" href="#">
<div class="footer_nav_link_inner">
<span class="footer_nav_link_label">News</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">Events</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">Careers</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="footer_sole">
<div class="footer_sole_group">
<div class="footer_copyright">
<p class="copyright">
<span class="copyright_icon">©</span>
<span class="copyright_holder">
<span class="copyright_holder_name">Johns Hopkins Data Science and AI Institute.</span>
</span>
<span class="copyright_year">All Rights Reserved.</span>
</p>
</div>
<div class="footer_utility_nav">
<nav class="utility_nav" aria-labelledby="basic_nav_title-3">
<div class="utility_nav_header">
<h2 class="utility_nav_title" id="basic_nav_title-3">Utility</h2>
</div>
<ul class="utility_nav_list">
<li class="utility_nav_item">
<a class="utility_nav_link" href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Privacy Policy</span>
</div>
</a>
</li>
<li class="utility_nav_item">
<a class="utility_nav_link" href="#">
<div class="utility_nav_link_inner">
<span class="utility_nav_link_label">Join Researchers List</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-alert-wrapper">
</div>
</footer>
<!-- END: Footer -->
<!-- Footer -->
<footer class="footer" id="footer">
<div class="fs-row">
<div class="fs-cell">
<div class="footer_inner">
<div class="footer_header">
<div class="footer_header_group">
<div class="footer_logo footer_logo_lg">
{% include '@partial-logo' with {
modifier: 'footer',
icon: 'logo_horizontal',
print: ''
} %}
</div>
<div class="footer_logo footer_logo_sm">
{% include '@partial-logo' with {
modifier: 'footer',
icon: 'logo_vertical',
print: ''
} %}
</div>
</div>
<div class="footer_header_group">
{# <form class="footer_form">
<fieldset class="footer_form_fieldset">
<div class="footer_form_fieldset_inner">
<legend class="footer_form_legend">Sign up for our newsletter</legend>
<div class="footer_form_field">
<label class="footer_form_label" for="email">Email <sup class="footer_form_sup">*</sup></label>
<div class="footer_form_input_wrapper">
<input class="footer_form_input" type="email" id="email" name="email" placeholder="Your Email">
<button class="footer_form_button" type="submit">
<span class="footer_form_icon">{{ icon('arrow_right') }}
</button>
</div>
</div>
</div>
</fieldset>
</form> #}
<div class="footer_signup">
<a class="footer_signup_link" href="#">
<span class="footer_signup_link_label">Sign up for our newsletter</span>
</a>
</div>
</div>
</div>
<div class="footer_meta">
{% render '@partial-meta' %}
</div>
<div class="footer_body">
<div class="footer_body_group">
<div class="footer_body_nav">
{% include '@navigation-basic' with {
class: 'footer',
modifier: '',
title: 'site',
toggle_icon: 'chevron_down',
links: navigation.footer
} %}
</div>
</div>
{# <div class="footer_body_group">
<div class="footer_x_icon footer_x_icon_body">{{ icon('x') }}</div>
</div> #}
</div>
<div class="footer_sole">
<div class="footer_sole_group">
<div class="footer_copyright">
{% render '@partial-copyright' %}
</div>
<div class="footer_utility_nav">
{% include '@navigation-basic' with {
class: 'utility',
modifier: '',
title: 'Utility',
active_index: '',
links: navigation.utility
} %}
</div>
</div>
{# <div class="footer_sole_group">
<div class="footer_x_icon footer_x_icon_sole">{{ icon('x') }}</div>
</div> #}
</div>
</div>
</div>
</div>
<div class="js-alert-wrapper">
{% if page.alert == true %}
{% set alert_path = page.alert_path|default('/components/render/partial-alert') %}
<!-- WordPress / Drupal, use AlertURL to target the script that returns this content. For BigTree, enter the alert markup here. -->
<script>
var AlertURL = "{{ alert_path|path }}";
</script>
{% endif %}
</div>
</footer>
<!-- END: Footer -->
No notes defined.