<div class="page_header resource_detail_header has_video theme_site_theme ">
    <div class="page_header_inner">
        <div class="page_header_inner_content">
            <img class="page_header_inner_background" src="/images/demo-lines.png">

            <div class="page_header_intro">
                <div class="fs-row">
                    <div class="fs-cell">

                        <!-- Resource Detail -->
                        <div class="resource_detail has_video" id="meta" data-type="resource" data-category="Tag One, Tag Two, Tag Three">
                            <div class="fs-row">
                                <div class="fs-cell">
                                    <div class="resource_detail_inner">

                                        <div class="resource_detail_wrapper">
                                            <div class="resource_detail_breadcrumb">
                                                <div class="page_header_breadcrumb">
                                                    <div class="fs-row">
                                                        <div class="fs-cell">
                                                            <div class="page_header_breadcrumb_inner">

                                                                <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_label">Home</span>
                                                                                    </span>
                                                                                </a>
                                                                                <span class="breadcrumb_divider" aria-hidden="true"><svg class="icon icon_caret_right">
                                                                                        <use href="/images/icons.svg#caret_right" />
                                                                                    </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">Resources</span>
                                                                                    </span>
                                                                                </a>
                                                                                <span class="breadcrumb_divider" aria-hidden="true"><svg class="icon icon_caret_right">
                                                                                        <use href="/images/icons.svg#caret_right" />
                                                                                    </svg></span>

                                                                            </li>
                                                                            <li class="breadcrumb_item">

                                                                            </li>
                                                                        </ol>
                                                                    </nav>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="resource_detail_info">

                                                <div class="resource_meta_details">
                                                    <div class="resource_meta_detail resource_meta_author">
                                                        <span class="resource_meta_detail_label">Publication</span>
                                                        <span class="resource_meta_detail_hint">&nbsp;|&nbsp;</span>
                                                    </div>
                                                    <div class="resource_meta_detail resource_meta_date">
                                                        <span class="resource_meta_detail_hint">Published:&nbsp;</span>
                                                        <time class="resource_meta_detail_label" datetime="2024-01-21 17:00:00">January 21, 2024</time>
                                                    </div>
                                                </div>

                                                <div class="resource_detail_title">
                                                    <h1 class="page_header_title" id="page_header_title" tabindex="-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</h1>
                                                </div>

                                                <div class="resource_detail_meta">

                                                    <!-- Resource Meta -->
                                                    <div class="resource_meta" id="meta" data-type="resource" data-category="Tag One, Tag Two, Tag Three">
                                                        <div class="fs-row">
                                                            <div class="fs-cell">
                                                                <div class="resource_meta_inner">
                                                                    <div class="resource_meta_body">

                                                                        <div class="resource_meta_categories_block">

                                                                            <ul class="resource_meta_categories" aria-label="Categories">
                                                                                <li class="resource_meta_category">
                                                                                    <a class="resource_meta_category_link" href="#">Tag One</a>
                                                                                </li>
                                                                                <li class="resource_meta_category">
                                                                                    <a class="resource_meta_category_link" href="#">Tag Two</a>
                                                                                </li>
                                                                                <li class="resource_meta_category">
                                                                                    <a class="resource_meta_category_link" href="page-resource-category.html">Tag Three</a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- END: Resource Meta -->
                                                </div>

                                            </div>
                                        </div>

                                        <div class="resource_detail_media">

                                            <!-- Video Embed -->
                                            <div class="video_embed_block">
                                                <div class="fs-row">
                                                    <div class="fs-cell">
                                                        <figure class="video_embed_figure">

                                                            <img class="video_embed_image" srcset="https://images.fastspot.com/generic/1440x810/2 1440w, https://images.fastspot.com/generic/1220x686/2 1220w, https://images.fastspot.com/generic/980x552/2 980w, https://images.fastspot.com/generic/740x416/2 740w, https://images.fastspot.com/generic/500x282/2 500w, https://images.fastspot.com/generic/300x169/2 300w" sizes="(min-width: 1220px) 980px, (min-width: 980px) 921px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x169/2" alt="" loading="lazy" width="300" height="169">

                                                            <div class="video_embed_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot - Our Methodology","display":"inline","autoplay":false,"playerVars":{}}'>
                                                                <a class="lazy_video_toggle_btn js-play-btn" href="https://www.youtube.com/watch?v=XPjQhvjQbSM" aria-label="Play Fastspot - Our Methodology">
                                                                    <svg class="icon icon_video_play">
                                                                        <use href="/images/icons.svg#video_play" />
                                                                    </svg>
                                                                </a>
                                                                <div class="lazy_video_iframe_wrap">
                                                                    <div class="lazy_video_iframe_target js-iframe-target"></div>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- END: Video Embed -->
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: Resource Detail -->
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<article class="resource_entry">
    <script type="application/ld+json">
        {
            '@context': 'http://schema.org',
            '@type': 'Article',
            'url': '#',
            'publisher': {
                '@type': 'Organization',
                'name': 'JHU Carey Centers'
            },
            'headline': 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.',
            'mainEntityOfPage': '#',
            'image': '2',
            'datePublished': '2017-03-20T20:30:54+00:00',
            'author': 'person',
            'description': ''
        }
    </script>

    <!-- Page Content -->
    <div class="page_content">
        <div class="fs-row">
            <div class="fs-cell">

                <div class="resource_entry_main">
                    <div class="resource_entry_sidebar">
                        <div class="resource_meta_share">

                            <div class="js-share-tools static_share_tools">
                                <ul class="js-share-tools-list static_share_tools_list" aria-label="Share Options">
                                    <li class="js-share-tool-item static_share_tool_item">
                                        <a class="js-share-tool js-share-x share_tool" href="#" target="_blank" rel="noopener">
                                            <span class="share_tool_icon"><svg class="icon icon_x">
                                                    <use href="/images/icons.svg#x" />
                                                </svg></span>
                                            <span class="share_tool_label">Share to X</span>
                                        </a>
                                    </li>
                                    <li class="js-share-tool-item static_share_tool_item">
                                        <a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
                                            <span class="share_tool_icon"><svg class="icon icon_facebook">
                                                    <use href="/images/icons.svg#facebook" />
                                                </svg></span>
                                            <span class="share_tool_label">Share to Facebook</span>
                                        </a>
                                    </li>
                                    <li class="js-share-tool-item static_share_tool_item">
                                        <a class="js-share-tool js-share-linkedin share_tool" href="#" target="_blank" rel="noopener">
                                            <span class="share_tool_icon"><svg class="icon icon_linkedin">
                                                    <use href="/images/icons.svg#linkedin" />
                                                </svg></span>
                                            <span class="share_tool_label">Share to Linkedin</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="resource_entry_content" style="">
                        <!-- WYSIWYG -->
                        <div class="typography">
                            <p class="intro">Why it matters: Nexus Awards unite Johns Hopkins faculty in addressing societal challenges.</p>
                            <p>Wysium-wygum lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. <a href="#">Nulla consequat</a> massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem</p>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem</p>
                        </div>
                        <!-- END: WYSIWYG -->
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- END: Page Content -->

</article>

<div class="full_width_callouts">

    <div class="resource_related">
        <div class="section_header resource_related_header">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="section_header_inner">
                        <div class="section_header_content">
                            <h2 class="section_header_title">Latest From Us</h2>
                            <p class="section_header_description">Lorem ipsum dolor sit amet consectetur. Sodales tristique dui pulvinar tellus porta. Vel at tempus nunc vitae.</p>
                        </div>
                        <div class="section_header_link_wrapper">

                            <a href="#" class="button button_shadow section_header_link theme_accent">
                                <span class="button_inner section_header_link_inner">
                                    <span class="button_label section_header_link_label">More News</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="resource_related_body">
            <div class="fs-row">
                <div class="fs-cell">
                    <ul class="resource_related_items" aria-label="Latest From Us">
                        <li class="resource_related_item">
                            <figure class="resource_related_item_figure">
                                <a class="resource_related_item_figure_link" href="#" aria-label="Read more about Carey's Community Impact Fund continues to invest in Baltimore-area businesses" tabindex="-1">

                                    <img class="resource_related_item_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">

                                    <span class="resource_related_item_figure_icon"><svg class="icon icon_jh_camera">
                                            <use href="/images/icons.svg#jh_camera" />
                                        </svg></span>
                                </a>
                            </figure>
                            <div class="resource_related_item_wrapper">
                                <div class="resource_related_item_header">
                                    <h2 class="resource_related_item_title">

                                        <a href="#" class="resource_related_item_title_link">
                                            <span class="resource_related_item_title_link_inner">
                                                <span class="resource_related_item_title_link_label">Carey's Community Impact Fund continues to invest in Baltimore-area businesses</span>
                                            </span>
                                        </a>
                                    </h2>
                                    <div class="resource_related_item_pretitle">Publication</div>
                                </div>
                                <p class="resource_related_item_description">Lorem ipsum dolor sit amet consectetur. Molestie enim amet elementum vestibulum. Enim nisl aliquet mauris odio lectus. Viverra ut elit neque tristique ullamcorper a quisque vitae dictum.</p>
                                <div class="resource_related_item_link_wrapper">

                                    <a href="#" class="button button_shadow resource_related_item_link theme_default">
                                        <span class="button_inner resource_related_item_link_inner">
                                            <span class="button_label resource_related_item_link_label">Learn More</span>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li class="resource_related_item">
                            <figure class="resource_related_item_figure">
                                <a class="resource_related_item_figure_link" href="#" aria-label="Read more about Carey's Community Impact Fund continues to invest in Baltimore-area businesses" tabindex="-1">

                                    <img class="resource_related_item_image" srcset="https://images.fastspot.com/generic/980x735/2 980w, https://images.fastspot.com/generic/740x555/2 740w, https://images.fastspot.com/generic/500x375/2 500w, https://images.fastspot.com/generic/300x225/2 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/2" alt="" loading="lazy" width="300" height="225">

                                    <span class="resource_related_item_figure_icon"><svg class="icon icon_jh_article">
                                            <use href="/images/icons.svg#jh_article" />
                                        </svg></span>
                                </a>
                            </figure>
                            <div class="resource_related_item_wrapper">
                                <div class="resource_related_item_header">
                                    <h2 class="resource_related_item_title">

                                        <a href="#" class="resource_related_item_title_link">
                                            <span class="resource_related_item_title_link_inner">
                                                <span class="resource_related_item_title_link_label">Carey's Community Impact Fund continues to invest in Baltimore-area businesses</span>
                                            </span>
                                        </a>
                                    </h2>
                                    <div class="resource_related_item_pretitle">In the Media</div>
                                </div>
                                <p class="resource_related_item_description">Lorem ipsum dolor sit amet consectetur. Molestie enim amet elementum vestibulum. Enim nisl aliquet mauris odio lectus. Viverra ut elit neque tristique ullamcorper a quisque vitae dictum.</p>
                                <div class="resource_related_item_link_wrapper">

                                    <a href="#" class="button button_shadow resource_related_item_link theme_default">
                                        <span class="button_inner resource_related_item_link_inner">
                                            <span class="button_label resource_related_item_link_label">Learn More</span>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Related Resources -->
</div>
{% include '@partial-page-header--resource-detail' with {
	page: page
} %}

<article class="resource_entry">
	<script type="application/ld+json">
		{
			'@context': 'http://schema.org',
			'@type': 'Article',
			'url': '#',
			'publisher': {
				'@type': '{{ config.schema_type }}',
				'name': '{{ config.name }}'
			},
			'headline': '{{ page.title }}',
			'mainEntityOfPage': '#',
			'image': '{{ page.image }}',
			'datePublished': '2017-03-20T20:30:54+00:00',
			'author': 'person',
			'description': '{{ page.description }}'
		}
	</script>

	<!-- Page Content -->
	<div class="page_content">
		<div class="fs-row">
			<div class="fs-cell">

				<div class="resource_entry_main">
					<div class="resource_entry_sidebar">
						{% if page.sharing %}
						<div class="resource_meta_share">
							{# Below UL is TEMPORARY - Replace with SHARE PARTIAL once determined (commented below) #}
							{# <ul class="resource_meta_share_list" aria-label="Share Options">
								{% for item in page.sharing %}
									<li class="xjs-share-tool-item xshare_tool_item">
										<a class="xjs-share-tool xjs-share-{{ item|lower }} share_tool" href="#" target="_blank" rel="noopener">
											<span class="share_tool_icon">{{ icon(item|lower) }}</span>
											<span class="share_tool_label">Share to {{ item }}</span>
										</a>
									</li>
								{% endfor %}
							</ul> #}
							{% include '@partial-share--static' with {
								title: 'Share',
								direction: 'left',
								icon: 'plus',
								items: ['X', 'Facebook', 'Linkedin']
							} %}
						</div>
						{% endif %}
					</div>

					<div class="resource_entry_content" style="">
						<!-- WYSIWYG -->
						<div class="typography">
							<p class="intro">Why it matters: Nexus Awards unite Johns Hopkins faculty in addressing societal challenges.</p>
							<p>Wysium-wygum lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. <a href="#">Nulla consequat</a> massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem</p>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem</p>
						</div>
						<!-- END: WYSIWYG -->
					</div>
				</div>

			</div>
		</div>
	</div>
	<!-- END: Page Content -->

</article>

<div class="full_width_callouts">

	{% render '@component-resources-related' with {
		page: page,
	} %}

</div>

No notes defined.