Footer

<!-- Footer -->
<footer class="footer" id="footer">
    <div class="footer_header">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="footer_header_inner">
                    <div class="footer_logo">

                        <div class="logo logo_footer logo_icon">
                            <a class="logo_link" href="page-home.html">
                                <span class="logo_link_label">JHU Carey Centers</span>
                                <span class="logo_link_icon"><svg class="icon icon_logo">
                                        <use href="/images/icons.svg#logo" />
                                    </svg></span>
                                <span class="logo_center_name">Center for Digital Health and Artificial Intelligence</span>
                            </a>
                        </div>
                    </div>
                    <div class="footer_cta_nav">

                        <nav class="cta_nav" aria-labelledby="basic_nav_title-2">
                            <div class="cta_nav_header">
                                <h2 class="cta_nav_title" id="basic_nav_title-2">Action</h2>
                            </div>
                            <ul class="cta_nav_list" aria-labelledby="basic_nav_title-2">
                                <li class="cta_nav_item">
                                    <a class="cta_nav_link" href="#">
                                        <div class="cta_nav_link_inner">
                                            <span class="cta_nav_link_label">Give</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="cta_nav_item">
                                    <a class="cta_nav_link" href="#">
                                        <div class="cta_nav_link_inner">
                                            <span class="cta_nav_link_label">Request Info</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="cta_nav_item">
                                    <a class="cta_nav_link" href="#">
                                        <div class="cta_nav_link_inner">
                                            <span class="cta_nav_link_label">Contact Us</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </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_content">
                        <div class="footer_tagline">
                            <p class="footer_tagline_text">Lorem ipsum dolor sit amet consectetur. Nulla sed nisl semper netus purus placerat eleifend porttitor.</p>
                        </div>
                    </div>
                    <div class="footer_footer_nav">

                        <nav class="footer_nav" aria-labelledby="basic_nav_title-3">
                            <div class="footer_nav_header">
                                <h2 class="footer_nav_title" id="basic_nav_title-3">Footer</h2>
                            </div>
                            <ul class="footer_nav_list" aria-labelledby="basic_nav_title-3">
                                <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">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">About Us</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">Jobs</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">Our Work</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">Education</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">People</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <div class="footer_meta">

                        <div class="meta_info" id="meta_info">
                            <script type="application/ld+json">
                                {
                                    '@context': 'http://schema.org',
                                    '@type': 'Organization',
                                    'name': 'JHU Carey Centers',
                                    'logo': '//example.dev.fastspot.com/site/images/logo-schema.png',
                                    'address': [{
                                            '@type': 'PostalAddress',
                                            'streetAddress': '100 International Drive',
                                            'addressLocality': 'Baltimore',
                                            'addressRegion': 'MD',
                                            'postalCode': '21202"
                                        },
                                        {
                                            '@type': 'PostalAddress',
                                            'streetAddress': '100 International Drive',
                                            'addressLocality': 'Baltimore',
                                            'addressRegion': 'MD',
                                            'postalCode': '21202"
                                        }
                                    ],
                                    'email': 'info@fastspot.com',
                                    'telephone': '(410) 537-5007',
                                    'url': '//example.dev.fastspot.com/site',
                                    'sameAs': [
                                        '//www.facebook.com',
                                        '//www.x.com',
                                        '//www.instagram.com',
                                        '//www.youtube.com',
                                        '//www.linkedin.com'
                                    ]
                                }
                            </script>
                            <div class="meta_info_details">
                                <div class="meta_info_title">Baltimore, MD</div>

                                <div class="meta_info_detail meta_info_detail_address">
                                    <span class="meta_info_detail_label">
                                        <a class="meta_info_detail_label_link" href="//www.google.com/maps/place/?q=place_id:EjExMDAgSW50ZXJuYXRpb25hbCBEcml2ZSwgQmFsdGltb3JlLCBNRCAyMTIwMiwgVVNBIjASLgoUChIJx0gwPHwDyIkRU-2TDAGIsP0QZCoUChIJZxVHPnwDyIkR3Y4m4XniSVE" target="_blank" rel="noopener">
                                            <span class="meta_info_address_street">100 International Drive,</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">21202</span>
                                            </span>
                                        </a>
                                    </span>
                                </div>

                                <div class="meta_info_detail meta_info_detail_phone">
                                    <span class="meta_info_detail_label">
                                        <a class="meta_info_detail_label_link" href="tel:14432208000"><span class="meta_info_detail_label_hint">Phone</span>+1-443-220-8000</a>
                                    </span>
                                </div>

                                <div class="meta_info_detail meta_info_detail_email">
                                    <span class="meta_info_detail_label">
                                        <a class="meta_info_detail_label_link" href="mailto:aliquamneclaoreet@jhu.edu">aliquamneclaoreet<wbr />@jhu.edu</a>
                                    </span>
                                </div>
                            </div>
                            <div class="meta_info_details">
                                <div class="meta_info_title">Washington, D.C.</div>

                                <div class="meta_info_detail meta_info_detail_address">
                                    <span class="meta_info_detail_label">
                                        <a class="meta_info_detail_label_link" href="//www.google.com/maps/place/?q=place_id:EjExMDAgSW50ZXJuYXRpb25hbCBEcml2ZSwgQmFsdGltb3JlLCBNRCAyMTIwMiwgVVNBIjASLgoUChIJx0gwPHwDyIkRU-2TDAGIsP0QZCoUChIJZxVHPnwDyIkR3Y4m4XniSVE" target="_blank" rel="noopener">
                                            <span class="meta_info_address_street">100 International Drive,</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">21202</span>
                                            </span>
                                        </a>
                                    </span>
                                </div>

                                <div class="meta_info_detail meta_info_detail_phone">
                                    <span class="meta_info_detail_label">
                                        <a class="meta_info_detail_label_link" href="tel:14432208000"><span class="meta_info_detail_label_hint">Phone</span>+1-443-220-8000</a>
                                    </span>
                                </div>

                                <div class="meta_info_detail meta_info_detail_email">
                                    <span class="meta_info_detail_label">
                                        <a class="meta_info_detail_label_link" href="mailto:aliquamneclaoreet@jhu.edu">aliquamneclaoreet<wbr />@jhu.edu</a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <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_x" href="//www.x.com" target="_blank" rel="noopener">
                                        <span class="social_nav_icon"><svg class="icon icon_x">
                                                <use href="/images/icons.svg#x" />
                                            </svg></span>
                                        <span class="social_nav_label">X</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>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_youtube" href="//www.youtube.com" target="_blank" rel="noopener">
                                        <span class="social_nav_icon"><svg class="icon icon_youtube">
                                                <use href="/images/icons.svg#youtube" />
                                            </svg></span>
                                        <span class="social_nav_label">Youtube</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>
                            </ul>
                        </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_copyright">

                        <p class="copyright">
                            <span class="copyright_icon">&copy;</span>
                            <span class="copyright_holder">
                                <span class="copyright_holder_name">JHU Carey Centers</span>
                            </span>
                            <span class="copyright_year">2024</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="js-alert-wrapper">
    </div>
</footer>
<!-- END: Footer -->
<!-- Footer -->
<footer class="footer" id="footer">
	<div class="footer_header">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="footer_header_inner">
					<div class="footer_logo">
						{% include '@partial-logo' with {
							modifier: 'footer',
							icon: 'logo',
							print: ''
						} %}
					</div>
					<div class="footer_cta_nav">
						{% include '@navigation-basic' with {
							class: 'cta',
							modifier: '',
							title: 'Action',
							active_index: '',
							links: navigation.footer_cta
						} %}
					</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_content">
						{% if page.footer_content_type == 'newsletter' %}
							<div class="footer_newsletter">
								<h2 class="footer_newsletter_title">{{ page.footer_newsletter.title }}</h2>
								<p class="footer_newsletter_description">{{ page.footer_newsletter.description }}</p>
								{% include "@partial-link-button" with {
									class: 'footer_newsletter',
									title: page.footer_newsletter.link.title,
									url: page.footer_newsletter.link.url,
									target: page.footer_newsletter.link.target,
									shadow: false,
								} %}
							</div>
						{% else %}
							<div class="footer_tagline">
								<p class="footer_tagline_text">{{ page.footer_tagline }}</p>
							</div>
						{% endif %}
					</div>
					<div class="footer_footer_nav">
						{% include '@navigation-basic' with {
							class: 'footer',
							modifier: '',
							title: 'Footer',
							active_index: '',
							links: navigation.footer
						} %}
					</div>
					<div class="footer_meta">
						{% include '@partial-meta' %}
					</div>
					<div class="footer_social_nav">
						{% include '@navigation-social' with {
							title: 'Social',
							links: navigation.social
						} %}
					</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_copyright">
						{% render '@partial-copyright' %}
					</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.