<div class="home_feature js-home-feature">
    <div class="home_feature_media">
        <span class="lazy_image_wrapper home_feature_image_wrapper">
            <picture class="home_feature_picture">
                <source media="(min-width: 1394px)" srcset="//images.fastspot.com/johns-hopkins-india-institute/555x740/10" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/1600x1067/10">
                <source media="(min-width: 1220px)" srcset="//images.fastspot.com/johns-hopkins-india-institute/555x740/10" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/1440x960/10">
                <source media="(min-width: 980px)" srcset="//images.fastspot.com/johns-hopkins-india-institute/555x740/10" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/1220x814/10">
                <source media="(min-width: 740px)" srcset="//images.fastspot.com/johns-hopkins-india-institute/555x740/10" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/980x735/10">
                <source media="(min-width: 500px)" srcset="//images.fastspot.com/johns-hopkins-india-institute/555x740/10" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/740x740/10">
                <img class="js-lazy js-lazyload home_feature_image" src="../../../images/placeholder.png" data-src="https://images.fastspot.com/johns-hopkins-india-institute/555x740/10" alt="">
            </picture>
        </span>
        <noscript>
            <picture class="home_feature_picture">
                <source media="(min-width: 1394px)" srcset="https://images.fastspot.com/johns-hopkins-india-institute/1600x1067/10">
                <source media="(min-width: 1220px)" srcset="https://images.fastspot.com/johns-hopkins-india-institute/1440x960/10">
                <source media="(min-width: 980px)" srcset="https://images.fastspot.com/johns-hopkins-india-institute/1220x814/10">
                <source media="(min-width: 740px)" srcset="https://images.fastspot.com/johns-hopkins-india-institute/980x735/10">
                <source media="(min-width: 500px)" srcset="https://images.fastspot.com/johns-hopkins-india-institute/740x740/10">
                <img class="js-lazy js-lazyload home_feature_image" src="//images.fastspot.com/johns-hopkins-india-institute/555x740/10" data-src="//images.fastspot.com/johns-hopkins-india-institute/555x740/10" alt="">
            </picture>
        </noscript>
    </div>
    <div class="home_feature_content">
        <div class="fs-row">
            <div class="fs-cell fs-lg-9 fs-lg-justify-center">
                <div class="home_feature_content_inner js-home-feature-inner">
                    <h1 class="home_feature_title">Bringing the best of Hopkins and India together to benefit the world. test</h1>
                    <span class="home_feature_intro">We are mobilizing Johns Hopkins faculty, staff, students, and alumni to work with partners in India to improve society through <a href="#">research</a>, <a href="#">education</a>, policy and practice.</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="home_feature js-home-feature">
	<div class="home_feature_media">
		{% include "@partial-picture" with {
			class: "home_feature",
			image: image,
			default: img.portraitFull.sml,
			loading: "lazy",
			alt: "",
			sources: {
				"1394px": img.classic.xxlrg,
				"1220px": img.classic.xlrg,
				"980px": img.classic.lrg,
				"740px": img.full.med,
				"500px": img.square.sml
			}
		} %}
	</div>
	<div class="home_feature_content">
		<div class="fs-row">
			<div class="fs-cell fs-lg-9 fs-lg-justify-center">
				<div class="home_feature_content_inner js-home-feature-inner">
					<h1 class="home_feature_title">{{ title }} test</h1>
					<span class="home_feature_intro">{{ intro }}</span>
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.