<div class="work_impact js-work-impact theme_blue">
<div class="fs-row">
<div class="fs-cell">
<div class="work_impact_inner js-work-impact-inner">
<div class="work_impact_header">
<h2 class="work_impact_title">Our Work and Impact</h2>
</div>
<div class="work_impact_main">
<div class="work_impact_feature">
<figure class="work_impact_feature_figure" aria-hidden="true">
<span class="lazy_image_wrapper work_impact_feature_image_wrapper">
<img class="js-lazy js-lazyload work_impact_feature_image" data-sizes="auto" src="//images.fastspot.com/johns-hopkins-india-institute/300x169/2" data-src="//images.fastspot.com/johns-hopkins-india-institute/980x552/2" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/980x552/2 980w, //images.fastspot.com/johns-hopkins-india-institute/740x416/2 740w, //images.fastspot.com/johns-hopkins-india-institute/500x282/2 500w, //images.fastspot.com/johns-hopkins-india-institute/300x169/2 300w" alt="">
</span>
<noscript>
<img class="work_impact_feature_image" src="https://images.fastspot.com/johns-hopkins-india-institute/300x169/2" srcset="https://images.fastspot.com/johns-hopkins-india-institute/300x169/2 300w, https://images.fastspot.com/johns-hopkins-india-institute/500x282/2 500w, https://images.fastspot.com/johns-hopkins-india-institute/740x416/2 740w, https://images.fastspot.com/johns-hopkins-india-institute/980x552/2 980w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="work_impact_feature_wrapper">
<h3 class="work_impact_feature_title">
<a href="#" class="work_impact_feature_title_link">
<span class="work_impact_feature_title_label">A Bold New Chapter Begins for Hopkins and India</span>
</a>
</h3>
<span class="work_impact_feature_subtitle">News</span>
<span class="work_impact_feature_description">The Johns Hopkins India Institute leverages 90 years of groundbreaking work in the South Asian country to tackle health, education, and economic challenges worldwide.</span>
</div>
</div>
<div class="work_impact_items js-carousel" data-carousel-options='{"controls": false, "pagination": false, "contained": false, "maxWidth": "499px", "matchWidth": false, "touchEvents": true}'>
<div class="work_impact_item">
<figure class="work_impact_item_figure" aria-hidden="true">
<span class="lazy_image_wrapper work_impact_item_image_wrapper">
<img class="js-lazy js-lazyload work_impact_item_image" data-sizes="auto" src="//images.fastspot.com/johns-hopkins-india-institute/300x169/3" data-src="//images.fastspot.com/johns-hopkins-india-institute/980x552/3" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/980x552/3 980w, //images.fastspot.com/johns-hopkins-india-institute/740x416/3 740w, //images.fastspot.com/johns-hopkins-india-institute/500x282/3 500w, //images.fastspot.com/johns-hopkins-india-institute/300x169/3 300w" alt="">
</span>
<noscript>
<img class="work_impact_item_image" src="https://images.fastspot.com/johns-hopkins-india-institute/300x169/3" srcset="https://images.fastspot.com/johns-hopkins-india-institute/300x169/3 300w, https://images.fastspot.com/johns-hopkins-india-institute/500x282/3 500w, https://images.fastspot.com/johns-hopkins-india-institute/740x416/3 740w, https://images.fastspot.com/johns-hopkins-india-institute/980x552/3 980w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="work_impact_item_wrapper">
<h3 class="work_impact_item_title">
<a href="#" class="work_impact_item_title_link">
<span class="work_impact_item_title_label">A Bold New Chapter Begins for Hopkins and India</span>
</a>
</h3>
<span class="work_impact_item_subtitle">News</span>
<span class="work_impact_item_description">The Johns Hopkins India Institute leverages 90 years of groundbreaking work in the South Asian country to tackle health, education, and economic challenges worldwide.</span>
</div>
</div>
<div class="work_impact_item">
<figure class="work_impact_item_figure" aria-hidden="true">
<span class="lazy_image_wrapper work_impact_item_image_wrapper">
<img class="js-lazy js-lazyload work_impact_item_image" data-sizes="auto" src="//images.fastspot.com/johns-hopkins-india-institute/300x169/4" data-src="//images.fastspot.com/johns-hopkins-india-institute/980x552/4" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/980x552/4 980w, //images.fastspot.com/johns-hopkins-india-institute/740x416/4 740w, //images.fastspot.com/johns-hopkins-india-institute/500x282/4 500w, //images.fastspot.com/johns-hopkins-india-institute/300x169/4 300w" alt="">
</span>
<noscript>
<img class="work_impact_item_image" src="https://images.fastspot.com/johns-hopkins-india-institute/300x169/4" srcset="https://images.fastspot.com/johns-hopkins-india-institute/300x169/4 300w, https://images.fastspot.com/johns-hopkins-india-institute/500x282/4 500w, https://images.fastspot.com/johns-hopkins-india-institute/740x416/4 740w, https://images.fastspot.com/johns-hopkins-india-institute/980x552/4 980w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="work_impact_item_wrapper">
<h3 class="work_impact_item_title">
<a href="#" class="work_impact_item_title_link">
<span class="work_impact_item_title_label">A Bold New Chapter Begins for Hopkins and India</span>
</a>
</h3>
<span class="work_impact_item_subtitle">News</span>
<span class="work_impact_item_description">The Johns Hopkins India Institute leverages 90 years of groundbreaking work in the South Asian country to tackle health, education, and economic challenges worldwide.</span>
</div>
</div>
</div>
</div>
<div class="work_impact_stats_cta">
<div class="work_impact_stat_item">
<h3 class="work_impact_stat_item_title">$167M <span class="context_hidden">Research & Funding</span></h3>
<span class="work_impact_stat_item_context" aria-hidden="true">Research & Funding</span>
<span class="work_impact_stat_item_description">JHII faculty received 89 externally funded <a href="#">research grants</a> with total annual funding of $167 million in the last 5 years.</span>
</div>
<div class="work_impact_stat_item">
<h3 class="work_impact_stat_item_title">100+ <span class="context_hidden">Community of Scholars</span></h3>
<span class="work_impact_stat_item_context" aria-hidden="true">Community of Scholars</span>
<span class="work_impact_stat_item_description"><a href="#">Our faculty</a> comprise of experts in across a multitude of disciplines to develop bold, world-changing ideas.</span>
</div>
<div class="work_impact_stat_item">
<h3 class="work_impact_stat_item_title">$101M <span class="context_hidden">Sustained Investment</span></h3>
<span class="work_impact_stat_item_context" aria-hidden="true">Sustained Investment</span>
<span class="work_impact_stat_item_description">Direct expenditure in India in last five years.</span>
</div>
<div class="work_impact_cta_wrapper">
<a href="#" class="work_impact_stats_cta_link button_light">
<span class="work_impact_stats_cta_link_label">More About Us</span>
<span class="work_impact_stats_cta_link_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="work_impact js-work-impact theme_blue">
<div class="fs-row">
<div class="fs-cell">
<div class="work_impact_inner js-work-impact-inner">
<div class="work_impact_header">
<h2 class="work_impact_title">{{ title }}</h2>
</div>
<div class="work_impact_main">
{% if feature %}
<div class="work_impact_feature">
<figure class="work_impact_feature_figure" aria-hidden="true">
{% include "@partial-image" with {
class: "work_impact_feature",
alt: "",
image: feature.image,
sources: [
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
]
} %}
</figure>
<div class="work_impact_feature_wrapper">
<h3 class="work_impact_feature_title">
<a href="{{ feature.link }}" class="work_impact_feature_title_link">
<span class="work_impact_feature_title_label">{{ feature.title }}</span>
</a>
</h3>
{% if feature.subtitle %}
<span class="work_impact_feature_subtitle">{{ feature.subtitle }}</span>
{% endif %}
{% if feature.description %}
<span class="work_impact_feature_description">{{ feature.description }}</span>
{% endif %}
</div>
</div>
{% endif %}
{% if items %}
<div class="work_impact_items js-carousel" data-carousel-options='{"controls": false, "pagination": false, "contained": false, "maxWidth": "499px", "matchWidth": false, "touchEvents": true}'>
{% for item in items %}
<div class="work_impact_item">
<figure class="work_impact_item_figure" aria-hidden="true">
{% include "@partial-image" with {
class: "work_impact_item",
alt: "",
image: item.image,
sources: [
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
]
} %}
</figure>
<div class="work_impact_item_wrapper">
<h3 class="work_impact_item_title">
<a href="{{ feature.link }}" class="work_impact_item_title_link">
<span class="work_impact_item_title_label">{{ feature.title }}</span>
</a>
</h3>
{% if feature.subtitle %}
<span class="work_impact_item_subtitle">{{ feature.subtitle }}</span>
{% endif %}
{% if feature.description %}
<span class="work_impact_item_description">{{ feature.description }}</span>
{% endif %}
</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% if stats or cta %}
<div class="work_impact_stats_cta">
{% if stats %}
{% for stat in stats %}
<div class="work_impact_stat_item">
<h3 class="work_impact_stat_item_title">{{ stat.stat }} <span class="context_hidden">{{ stat.context }}</span></h3>
<span class="work_impact_stat_item_context" aria-hidden="true">{{ stat.context }}</span>
{% if stat.description %}
<span class="work_impact_stat_item_description">{{ stat.description }}</span>
{% endif %}
</div>
{% endfor %}
{% endif %}
{% if cta %}
<div class="work_impact_cta_wrapper">
<a href="{{ cta.url }}" class="work_impact_stats_cta_link button_light">
<span class="work_impact_stats_cta_link_label">{{ cta.title }}</span>
<span class="work_impact_stats_cta_link_icon">{{ icon("arrow_right") }}</span>
</a>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
No notes defined.