<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts">
<div class="flex_timeline js-flex-timeline">
<div class="flex_timeline_inner">
<div class="flex_timeline_mobile_head">
<h2 class="flex_timeline_title">
Sustainability At Hopkins
</h2>
<div class="flex_timeline_title_items js-carousel" data-carousel-controller-for=".js-flex-timeline-carousel-2" data-carousel-options='{"show":{"0px":3,"740px":5},"fill":true,"controls":false,"pagination":false,"maxWidth":"979px"}'>
<div class="flex_timeline_title_item">
<h3 class="flex_timeline_item_title">
Learn
</h3>
<div class="flex_timeline_item_title_icon">
<svg class="icon icon_arrow_down_line">
<use href="/images/icons.svg#arrow_down_line" />
</svg>
</div>
</div>
<div class="flex_timeline_title_item">
<h3 class="flex_timeline_item_title">
Research
</h3>
<div class="flex_timeline_item_title_icon">
<svg class="icon icon_arrow_down_line">
<use href="/images/icons.svg#arrow_down_line" />
</svg>
</div>
</div>
<div class="flex_timeline_title_item">
<h3 class="flex_timeline_item_title">
Engage
</h3>
<div class="flex_timeline_item_title_icon">
<svg class="icon icon_arrow_down_line">
<use href="/images/icons.svg#arrow_down_line" />
</svg>
</div>
</div>
</div>
</div>
<div class="flex_timeline_grid">
<div class="flex_timeline_grid_item is_media">
<div class="flex_timeline_media_items">
<div class="flex_timeline_media_item" data-anim="media-item">
<div>
<img class="flex_timeline_media_image" srcset="https://images.fastspot.com/jhu-sustainability/1080x1440/1 1080w, https://images.fastspot.com/jhu-sustainability/915x1220/1 915w, https://images.fastspot.com/jhu-sustainability/735x980/1 735w, https://images.fastspot.com/jhu-sustainability/555x740/1 555w, https://images.fastspot.com/jhu-sustainability/375x500/1 375w, https://images.fastspot.com/jhu-sustainability/225x300/1 225w" src="https://images.fastspot.com/jhu-sustainability/225x300/1" alt="" loading="lazy" width="225" height="300">
</div>
</div>
<div class="flex_timeline_media_item" data-anim="media-item">
<div>
<img class="flex_timeline_media_image" srcset="https://images.fastspot.com/jhu-sustainability/1080x1440/3 1080w, https://images.fastspot.com/jhu-sustainability/915x1220/3 915w, https://images.fastspot.com/jhu-sustainability/735x980/3 735w, https://images.fastspot.com/jhu-sustainability/555x740/3 555w, https://images.fastspot.com/jhu-sustainability/375x500/3 375w, https://images.fastspot.com/jhu-sustainability/225x300/3 225w" src="https://images.fastspot.com/jhu-sustainability/225x300/3" alt="" loading="lazy" width="225" height="300">
</div>
</div>
<div class="flex_timeline_media_item" data-anim="media-item">
<div>
<img class="flex_timeline_media_image" srcset="https://images.fastspot.com/jhu-sustainability/1080x1440/6 1080w, https://images.fastspot.com/jhu-sustainability/915x1220/6 915w, https://images.fastspot.com/jhu-sustainability/735x980/6 735w, https://images.fastspot.com/jhu-sustainability/555x740/6 555w, https://images.fastspot.com/jhu-sustainability/375x500/6 375w, https://images.fastspot.com/jhu-sustainability/225x300/6 225w" src="https://images.fastspot.com/jhu-sustainability/225x300/6" alt="" loading="lazy" width="225" height="300">
</div>
</div>
</div>
</div>
<div class="flex_timeline_grid_item is_content">
<h2 class="flex_timeline_title is_desktop">
Sustainability At Hopkins
</h2>
<div class="flex_timline_items js-flex-timeline-carousel-2 js-carousel" data-carousel-options='{"show":{"0px":1,"740px":2},"controls":false,"pagination":false,"maxWidth":"979px"}'>
<div class="flex_timeline_item" data-anim="timeline-item">
<div data-anim="timeline-item-observer-target"></div>
<div class="flex_timeline_item_inner">
<div class="flex_timeline_item_inner_item is_icon">
<div class="flex_timeline_item_icon" data-anim="arrow-line">
<div class="flex_timeline_item_icon_dot">
<svg class="icon icon_dot">
<use href="/images/icons.svg#dot" />
</svg>
</div>
<div class="flex_timeline_item_icon_arrow">
<svg class="icon icon_arrow_right_line">
<use href="/images/icons.svg#arrow_right_line" />
</svg>
</div>
</div>
</div>
<div class="flex_timeline_item_inner_item is_content">
<h3 class="flex_timeline_item_title is_desktop">
<span data-anim="timeline-item-title">
Learn
</span>
</h3>
<div class="flex_timeline_item_image_wrap">
<img class="flex_timeline_image" srcset="https://images.fastspot.com/jhu-sustainability/980x980/1 980w, https://images.fastspot.com/jhu-sustainability/740x740/1 740w, https://images.fastspot.com/jhu-sustainability/500x500/1 500w, https://images.fastspot.com/jhu-sustainability/300x300/1 300w" src="https://images.fastspot.com/jhu-sustainability/300x300/1" alt="" loading="lazy" width="300" height="300">
</div>
<div class="flex_timeline_item_desc">
<div class="typography">
<p>Sustainability draws on disciplines the sciences and arts to inform responsible and ethical research. See what Hopkins has to offer to advance your knowledge and understanding of solving sustainability issues.</p>
</div>
</div>
<div class="flex_timeline_item_link_items">
<div class="flex_timeline_item_link_item">
<a href="#" class="basic_link ">
<span class="basic_link_inner">
<span class="basic_link_label">Explore Academic Programs</span>
</span>
</a>
</div>
<div class="flex_timeline_item_link_item">
<a href="#" class="basic_link ">
<span class="basic_link_inner">
<span class="basic_link_label">Find A Course</span>
</span>
</a>
</div>
<div class="flex_timeline_item_link_item">
<a href="#" class="basic_link ">
<span class="basic_link_inner">
<span class="basic_link_label">Sustainability At Hopkins</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex_timeline_item" data-anim="timeline-item">
<div data-anim="timeline-item-observer-target"></div>
<div class="flex_timeline_item_inner">
<div class="flex_timeline_item_inner_item is_icon">
<div class="flex_timeline_item_icon" data-anim="arrow-line">
<div class="flex_timeline_item_icon_dot">
<svg class="icon icon_dot">
<use href="/images/icons.svg#dot" />
</svg>
</div>
<div class="flex_timeline_item_icon_arrow">
<svg class="icon icon_arrow_right_line">
<use href="/images/icons.svg#arrow_right_line" />
</svg>
</div>
</div>
</div>
<div class="flex_timeline_item_inner_item is_content">
<h3 class="flex_timeline_item_title is_desktop">
<span data-anim="timeline-item-title">
Research
</span>
</h3>
<div class="flex_timeline_item_image_wrap">
<img class="flex_timeline_image" srcset="https://images.fastspot.com/jhu-sustainability/980x980/3 980w, https://images.fastspot.com/jhu-sustainability/740x740/3 740w, https://images.fastspot.com/jhu-sustainability/500x500/3 500w, https://images.fastspot.com/jhu-sustainability/300x300/3 300w" src="https://images.fastspot.com/jhu-sustainability/300x300/3" alt="" loading="lazy" width="300" height="300">
</div>
<div class="flex_timeline_item_desc">
<div class="typography">
<p>Sustainability draws on disciplines the sciences and arts to inform responsible and ethical research.</p>
</div>
</div>
<div class="flex_timeline_item_link_items">
<div class="flex_timeline_item_link_item">
<a href="#" class="basic_link ">
<span class="basic_link_inner">
<span class="basic_link_label">Explore Academic Programs</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex_timeline_item" data-anim="timeline-item">
<div data-anim="timeline-item-observer-target"></div>
<div class="flex_timeline_item_inner">
<div class="flex_timeline_item_inner_item is_icon">
<div class="flex_timeline_item_icon" data-anim="arrow-line">
<div class="flex_timeline_item_icon_dot">
<svg class="icon icon_dot">
<use href="/images/icons.svg#dot" />
</svg>
</div>
<div class="flex_timeline_item_icon_arrow">
<svg class="icon icon_arrow_right_line">
<use href="/images/icons.svg#arrow_right_line" />
</svg>
</div>
</div>
</div>
<div class="flex_timeline_item_inner_item is_content">
<h3 class="flex_timeline_item_title is_desktop">
<span data-anim="timeline-item-title">
Engage
</span>
</h3>
<div class="flex_timeline_item_image_wrap">
<img class="flex_timeline_image" srcset="https://images.fastspot.com/jhu-sustainability/980x980/6 980w, https://images.fastspot.com/jhu-sustainability/740x740/6 740w, https://images.fastspot.com/jhu-sustainability/500x500/6 500w, https://images.fastspot.com/jhu-sustainability/300x300/6 300w" src="https://images.fastspot.com/jhu-sustainability/300x300/6" alt="" loading="lazy" width="300" height="300">
</div>
<div class="flex_timeline_item_desc">
<div class="typography">
<p>Sustainability draws on disciplines the sciences and arts to inform responsible and ethical research. See what Hopkins has to offer to advance your knowledge and understanding of solving sustainability issues.</p>
</div>
</div>
<div class="flex_timeline_item_link_items">
<div class="flex_timeline_item_link_item">
<a href="#" class="basic_link ">
<span class="basic_link_inner">
<span class="basic_link_label">Explore Academic Programs</span>
</span>
</a>
</div>
<div class="flex_timeline_item_link_item">
<a href="#" class="basic_link ">
<span class="basic_link_inner">
<span class="basic_link_label">Find A Course</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="promoted_link_group theme_light">
<div class="fs-row">
<div class="fs-cell">
<div class="promoted_link_group_inner">
<header class="promoted_link_group_head">
<h2 class="promoted_link_group_title">
Our Commitments
</h2>
<div class="promoted_link_group_desc">
<div class="typography">
<p>Sustainability at Hopkins focuses on outreach efforts to decrease our collective carbon footprint through research and action.</p>
</div>
</div>
</header>
<div class="promoted_link_group_content">
<div class="promoted_link_group_items">
<div class="promoted_link_group_item">
<a href="#" class="basic_link theme_light">
<span class="basic_link_inner">
<span class="basic_link_label">Reduce Emissions</span>
</span>
</a>
</div>
<div class="promoted_link_group_item">
<a href="#" class="basic_link theme_light">
<span class="basic_link_inner">
<span class="basic_link_label">Build Climate Resilience</span>
</span>
</a>
</div>
<div class="promoted_link_group_item">
<a href="#" class="basic_link theme_light">
<span class="basic_link_inner">
<span class="basic_link_label">Create Healthy Buildings</span>
</span>
</a>
</div>
<div class="promoted_link_group_item">
<a href="#" class="basic_link theme_light">
<span class="basic_link_inner">
<span class="basic_link_label">Minimize Waste</span>
</span>
</a>
</div>
<div class="promoted_link_group_item">
<a href="#" class="basic_link theme_light">
<span class="basic_link_inner">
<span class="basic_link_label">Consume Responsibly</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call to Action -->
<div class="visual_cta theme_gray_light">
<div class="fs-row">
<div class="fs-cell">
<div class="visual_cta_inner">
<div class="visual_cta_grid">
<div class="visual_cta_grid_item is_media">
<div class="visual_cta_image_wrap">
<img class="visual_cta_image" srcset="https://images.fastspot.com/jhu-sustainability/1220x915/1 1220w, https://images.fastspot.com/jhu-sustainability/980x735/1 980w, https://images.fastspot.com/jhu-sustainability/740x555/1 740w, https://images.fastspot.com/jhu-sustainability/500x375/1 500w, https://images.fastspot.com/jhu-sustainability/300x225/1 300w" src="https://images.fastspot.com/jhu-sustainability/300x225/1" alt="" loading="lazy" width="300" height="225">
</div>
</div>
<div class="visual_cta_grid_item is_content">
<div class="visual_cta_pretitle">
The Plan
</div>
<h2 class="visual_cta_title">
The Sustainability Plan
</h2>
<div class="visual_cta_desc">
<div class="typography">
<p>The sustainability leadership council meets regularly to set goals for the future of sustainability at Hopkins.</p>
</div>
</div>
<div class="visual_cta_button_items">
<div class="visual_cta_button_item">
<a href="#" class="basic_link theme_gray_light">
<span class="basic_link_inner">
<span class="basic_link_label">View Sustainability Plan</span>
</span>
</a>
</div>
<div class="visual_cta_button_item">
<a href="#" class="basic_link theme_gray_light">
<span class="basic_link_inner">
<span class="basic_link_label">Sustainability Leadership Council</span>
</span>
</a>
</div>
<div class="visual_cta_button_item">
<a href="#" class="basic_link theme_gray_light">
<span class="basic_link_inner">
<span class="basic_link_label">Our Solar Plan</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
<div class="direct_action">
<div class="fs-row">
<div class="fs-cell">
<div class="direct_action_inner">
<div class="direct_action_head">
<div class="direct_action_title_wrap">
<h2 class="direct_action_title">
I want to...
</h2>
<div class="direct_action_title_icon">
<svg class="icon icon_angle_down">
<use href="/images/icons.svg#angle_down" />
</svg>
</div>
</div>
</div>
<div class="direct_action_content">
<div class="direct_action_items">
<div class="direct_action_item">
<a href="#" class="direct_action_link ">
<span class="direct_action_link_inner">
<span class="direct_action_link_label">Take A Sustainability Course</span>
<span class="direct_action_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_outline_white">
<use href="/images/icons.svg#arrow_right_outline_white" />
</svg>
</span>
</span>
</a>
</div>
<div class="direct_action_item">
<a href="#" class="direct_action_link ">
<span class="direct_action_link_inner">
<span class="direct_action_link_label">Meet Faculty Researchers</span>
<span class="direct_action_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_outline_white">
<use href="/images/icons.svg#arrow_right_outline_white" />
</svg>
</span>
</span>
</a>
</div>
<div class="direct_action_item">
<a href="#" class="direct_action_link ">
<span class="direct_action_link_inner">
<span class="direct_action_link_label">Explore Research At Hopkins</span>
<span class="direct_action_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_outline_white">
<use href="/images/icons.svg#arrow_right_outline_white" />
</svg>
</span>
</span>
</a>
</div>
<div class="direct_action_item">
<a href="#" class="direct_action_link ">
<span class="direct_action_link_inner">
<span class="direct_action_link_label">Take A Sustainability Course</span>
<span class="direct_action_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right_outline_white">
<use href="/images/icons.svg#arrow_right_outline_white" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news_related">
<div class="news_related_header">
<div class="fs-row fs-lg-justify-between fs-lg-align-center">
<div class="fs-cell fs-lg-9">
<div class="news_related_header_inner">
<h2 class="news_related_title">Featured News from the Hub</h2>
</div>
</div>
<div class="fs-cell fs-lg-3">
<div class="news_related_header_link_wrap">
<a href="#" class="basic_link ">
<span class="basic_link_inner">
<span class="basic_link_label">View All Hub News</span><span class="basic_link_icon icon_nowrap" aria-hidden="true">
<svg class="icon icon_external">
<use href="/images/icons.svg#external" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="news_related_description">
<div class="fs-row">
<div class="fs-cell fs-lg-9">
<div class="news_related_description_inner">
<p>The JHU community puts research into action with sustainbility initiatives. Our impressive faculty, staff, students, and community members collaborate to advance reducing the carbon footprint.</p>
</div>
</div>
</div>
</div>
</div>
<div class="news_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="news_related_items" aria-label="Featured News from the Hub">
<li class="news_related_item">
<div class="news_related_item_figure">
<a class="news_related_item_figure_link" href="page-news-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut Lorem" tabindex="-1">
<picture class="news_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/jhu-sustainability/980x654/1">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/jhu-sustainability/980x980/1">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/jhu-sustainability/740x740/1">
<img class="news_item_image" src="//images.fastspot.com/jhu-sustainability/500x500/1" alt="" loading="lazy" width="500px" height="500px">
</picture>
</a>
</div>
<div class="news_related_item_wrapper">
<div class="news_related_item_header">
<h2 class="news_related_item_title">
<a href="page-news-detail.html" class="news_related_item_title_link ">
<span class="news_related_item_title_link_inner">
<span class="news_related_item_title_link_label">In Enim Justo Rhoncus Ut Lorem</span>
</span>
</a>
</h2>
<div class="news_related_item_categories">
<div class="news_related_item_category_hint">Categories</div>
<ul class="news_related_item_category_list" aria-label="Categories">
<li class="news_related_item_category">
<a class="news_related_item_category_link" href="page-news-category.html">Category 1</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="news_related_item">
<div class="news_related_item_figure">
<a class="news_related_item_figure_link" href="page-news-detail.html" aria-label="Read more about Lorem ipsum dolor sit amet, consectetuer adipiscing elit" tabindex="-1">
<picture class="news_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/jhu-sustainability/980x654/2">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/jhu-sustainability/980x980/2">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/jhu-sustainability/740x740/2">
<img class="news_item_image" src="//images.fastspot.com/jhu-sustainability/500x500/2" alt="" loading="lazy" width="500px" height="500px">
</picture>
</a>
</div>
<div class="news_related_item_wrapper">
<div class="news_related_item_header">
<h2 class="news_related_item_title">
<a href="page-news-detail.html" class="news_related_item_title_link ">
<span class="news_related_item_title_link_inner">
<span class="news_related_item_title_link_label">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span><span class="news_related_item_title_link_icon icon_nowrap" aria-hidden="true">
<svg class="icon icon_external">
<use href="/images/icons.svg#external" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_related_item_categories">
<div class="news_related_item_category_hint">Categories</div>
<ul class="news_related_item_category_list" aria-label="Categories">
<li class="news_related_item_category">
<a class="news_related_item_category_link" href="page-news-category.html">Category One</a>
</li>
<li class="news_related_item_category">
<a class="news_related_item_category_link" href="page-news-category.html">Another Category</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="news_related_item">
<div class="news_related_item_figure">
<a class="news_related_item_figure_link" href="page-news-detail.html" aria-label="Read more about Etiam ultricies nisi vel augue" tabindex="-1">
<picture class="news_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/jhu-sustainability/980x654/3">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/jhu-sustainability/980x980/3">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/jhu-sustainability/740x740/3">
<img class="news_item_image" src="//images.fastspot.com/jhu-sustainability/500x500/3" alt="" loading="lazy" width="500px" height="500px">
</picture>
</a>
</div>
<div class="news_related_item_wrapper">
<div class="news_related_item_header">
<h2 class="news_related_item_title">
<a href="page-news-detail.html" class="news_related_item_title_link ">
<span class="news_related_item_title_link_inner">
<span class="news_related_item_title_link_label">Etiam ultricies nisi vel augue</span>
</span>
</a>
</h2>
<div class="news_related_item_categories">
<div class="news_related_item_category_hint">Categories</div>
<ul class="news_related_item_category_list" aria-label="Categories">
<li class="news_related_item_category">
<a class="news_related_item_category_link" href="page-news-category.html">Category</a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
</div>
<!-- END: Full Width Callouts -->
</div>
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts">
{% render "@component-flex-timeline" %}
{% render "@component-promoted-link-group" %}
{% render "@component-visual-call-to-action--light-gray" %}
{% render "@component-direct-action" %}
{% render "@component-related-news" %}
</div>
<!-- END: Full Width Callouts -->
</div>
No notes defined.