<section class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
<div class="hero">
<div class="hero_intro">
<div class="hero_intro_background hero_intro_background_style_image">
<img class="hero_intro_background_image" srcset="https://images.fastspot.com/generic/1440x810/4 1440w, https://images.fastspot.com/generic/1220x686/4 1220w, https://images.fastspot.com/generic/980x552/4 980w, https://images.fastspot.com/generic/740x416/4 740w, https://images.fastspot.com/generic/500x282/4 500w, https://images.fastspot.com/generic/300x169/4 300w" sizes="100vw" src="https://images.fastspot.com/generic/300x169/4" alt="" loading="lazy" width="300" height="169">
<div class="js-background-video-wrapper hero_intro_background_video" data-background-video='{"display":"background","id":"258133523","type":"vimeo","title":"Fastspot Moments","autoplay":true}'>
<div class=" hero_intro_background_video_iframe_wrap">
<div class=" hero_intro_background_video_iframe_target js-iframe-target"></div>
</div>
<div class="hero_intro_background_video_controls">
<button class="hero_intro_background_video_play_button js-hero-intro-background-video-play-button">
<span class="hero_intro_background_video_play_button_inner">
<span class="hero_intro_background_video_play_button_label">Play Video</span>
<span class="hero_intro_background_video_play_button_icon" aria-hidden="true">
<svg class="icon icon_video_play">
<use href="/images/icons.svg#video_play" />
</svg>
</span>
</span>
</button>
<button class="hero_intro_background_video_pause_button js-hero-intro-background-video-pause-button">
<span class="hero_intro_background_video_pause_button_inner">
<span class="hero_intro_background_video_pause_button_label">Pause Video</span>
<span class="hero_intro_background_video_pause_button_icon" aria-hidden="true">
<svg class="icon icon_video_pause">
<use href="/images/icons.svg#video_pause" />
</svg>
</span>
</span>
</button>
</div>
</div>
</div>
<div class="hero_intro_content">
<div class="fs-row">
<div class="fs-cell">
<div class="hero_intro_content_inner">
<h1 class="hero_intro_title">The Gender and Work Initiative disseminates knowledge and practices to help create gender equitable workplaces.</h1>
</div>
</div>
</div>
</div>
</div>
<div class="hero_content">
<div class="hero_content_background">
<img src="/images/placeholder-hero-content-dark.svg" alt="" class="hero_content_background_pattern">
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="hero_content_inner">
<h2 class="hero_content_title">About us</h2>
<p class="hero_content_description">Lorem ipsum dolor sit amet consectetur. Molestie ultrices sit sit viverra in nibh ut. Habitant velit augue at placerat sollicitudin eget. Ac scelerisque nisi mauris turpis sit commodo non condimentum.</p>
<figure class="hero_content_figure">
<img class="hero_content_image" srcset="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: 980px) 872px, (min-width: 780px) 651px, (min-width: 360px) calc(96vw - 79px), 248px" src="https://images.fastspot.com/generic/300x169/2" alt="" loading="lazy" width="300" height="169">
<div class="hero_content_video">
<div class="hero_content_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"258133523","type":"vimeo","title":"Fastspot Moments","display":"inline","autoplay":false,"playerVars":{}}'>
<a class="lazy_video_toggle_btn js-play-btn" href="https://vimeo.com/258133523" aria-label="Play Fastspot Moments">
<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>
</div>
</figure>
<a href="#" class="button button_shadow hero_content_link theme_white">
<span class="button_inner hero_content_link_inner">
<span class="button_label hero_content_link_label">More About CDHAI</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="full_width_callouts">
<div class="card_carousel">
<div class="section_header card_carousel_header">
<div class="fs-row">
<div class="fs-cell">
<div class="section_header_inner">
<div class="section_header_content">
<h2 class="section_header_title">Research & Impact</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" aria-label="Link Aria">
<span class="button_inner section_header_link_inner">
<span class="button_label section_header_link_label">Learn More</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="card_carousel_content">
<div class="embla embla__default-controls js-carousel-embla" data-carousel-embla='{"loop":false,"slidesToScroll":1,"align":"start"}'>
<div id="card-carousel-viewport-2" class="embla__viewport js-carousel-embla-viewport">
<ul class="card_carousel_list embla__container js-carousel-embla-container">
<li class="card_carousel_item embla__slide">
<div class="card_carousel_card">
<div class="card_carousel_card_icon">
<svg class="icon icon_building">
<use href="/images/icons.svg#building" />
</svg>
</div>
<h2 class="card_carousel_card_title">
<a href="#" class="card_carousel_card_link">
Focus Areas
</a>
</h2>
<p class="card_carousel_card_description">Lorem ipsum dolor sit amet consectetur. Sed mi blandit id magna. Tellus enim morbi gravida in phasellus. A faucibus augue rhoncus cursus erat aliquet porttitor.</p>
</div>
</li>
<li class="card_carousel_item embla__slide">
<div class="card_carousel_card">
<div class="card_carousel_card_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</div>
<h2 class="card_carousel_card_title">
<a href="#" class="card_carousel_card_link">
Resources
</a>
</h2>
<p class="card_carousel_card_description">Sed interdum pulvinar neque vitae iaculis. Maecenas facilisis nisl eget sem convallis, quis mollis ligula posuere. Maecenas ullamcorper orci sit.</p>
</div>
</li>
<li class="card_carousel_item embla__slide">
<div class="card_carousel_card">
<div class="card_carousel_card_icon">
<svg class="icon icon_jh_cookie">
<use href="/images/icons.svg#jh_cookie" />
</svg>
</div>
<h2 class="card_carousel_card_title">
<a href="#" class="card_carousel_card_link">
Projects
</a>
</h2>
<p class="card_carousel_card_description">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus tempor nisl massa, in molestie lacus dictum sed. Duis tincidunt mattis feugiat. Fusce porta viverra vehicula.</p>
</div>
</li>
<li class="card_carousel_item embla__slide">
<div class="card_carousel_card">
<div class="card_carousel_card_icon">
<svg class="icon icon_building">
<use href="/images/icons.svg#building" />
</svg>
</div>
<h2 class="card_carousel_card_title">
<a href="#" class="card_carousel_card_link">
Focus Areas
</a>
</h2>
<p class="card_carousel_card_description">Lorem ipsum dolor sit amet consectetur. Sed mi blandit id magna. Tellus enim morbi gravida in phasellus. A faucibus augue rhoncus cursus erat aliquet porttitor.</p>
</div>
</li>
<li class="card_carousel_item embla__slide">
<div class="card_carousel_card">
<div class="card_carousel_card_icon">
<svg class="icon icon_clock">
<use href="/images/icons.svg#clock" />
</svg>
</div>
<h2 class="card_carousel_card_title">
<a href="#" class="card_carousel_card_link">
Resources
</a>
</h2>
<p class="card_carousel_card_description">Sed interdum pulvinar neque vitae iaculis. Maecenas facilisis nisl eget sem convallis, quis mollis ligula posuere. Maecenas ullamcorper orci sit.</p>
</div>
</li>
<li class="card_carousel_item embla__slide">
<div class="card_carousel_card">
<div class="card_carousel_card_icon">
<svg class="icon icon_jh_cookie">
<use href="/images/icons.svg#jh_cookie" />
</svg>
</div>
<h2 class="card_carousel_card_title">
<a href="#" class="card_carousel_card_link">
Projects
</a>
</h2>
<p class="card_carousel_card_description">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus tempor nisl massa, in molestie lacus dictum sed. Duis tincidunt mattis feugiat. Fusce porta viverra vehicula.</p>
</div>
</li>
</ul>
</div>
<div class="card_carousel_controls embla__controls" aria-controls="card-carousel-viewport-2">
<button class="button button_shadow theme_default embla__button embla__button--prev js-carousel-embla-btn-prev" type="button" aria-label="Previous Slide">
<span class="embla__button-icon"></span>
</button>
<button class="button button_shadow theme_default embla__button embla__button--next js-carousel-embla-btn-next" type="button" aria-label="Next Slide">
<span class="embla__button-icon"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<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 class="events_featured theme_blue">
<div class="section_header events_featured_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_white">
<span class="button_inner section_header_link_inner">
<span class="button_label section_header_link_label">More Events</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="events_featured_body">
<div class="fs-row">
<div class="fs-cell">
<div class="events_featured_body_inner">
<div class="embla embla__default-controls js-carousel-embla" data-carousel-embla='{"align":"center","watchDrag":true,"containScroll":false,"duration":40,"plugins":["fade"]}'>
<div id="events-featured-viewport-10" class="embla__viewport js-carousel-embla-viewport">
<ul class="events_featured_list embla__container js-carousel-embla-container">
<li class="events_featured_item embla__slide">
<!-- Event Feature -->
<div class="event_feature theme_white">
<div class="event_feature_inner">
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_sm">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Breaking the Glass Ceiling: Women in Health and Research" tabindex="-1">
<img class="event_feature_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: 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="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
<div class="event_feature_figure_date">
<time class="event_date theme_accent" datetime="2024-09-31 17:00:00">
<span class="event_date_from">From</span>
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
</span>
</time>
</div>
</div>
<div class="event_feature_wrapper">
<div class="event_feature_content_date">
<time class="event_date theme_accent" datetime="2024-09-31 17:00:00">
<span class="event_date_from">From</span>
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
</span>
</time>
</div>
<div class="event_feature_location">
In-Person
|
Hopkins Lobby
</div>
<h3 class="event_feature_title">
<a href="#" class="event_feature_title_link">
<span class="event_feature_title_link_inner">
<span class="event_feature_title_link_label">Breaking the Glass Ceiling: Women in Health and Research</span>
</span>
</a>
</h3>
<p class="event_feature_description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_lg">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Breaking the Glass Ceiling: Women in Health and Research" tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/735x980/1 735w, https://images.fastspot.com/generic/555x740/1 555w, https://images.fastspot.com/generic/375x500/1 375w, https://images.fastspot.com/generic/225x300/1 225w" sizes="(min-width: 1400px) 659px, (min-width: 1220px) 575px, (min-width: 980px) 460px, 0px" src="https://images.fastspot.com/generic/225x300/1" alt="" loading="lazy" width="225" height="300">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
</div>
</div>
</div>
<!-- END: Event Feature -->
</li>
<li class="events_featured_item embla__slide">
<!-- Event Feature -->
<div class="event_feature theme_white">
<div class="event_feature_inner">
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_sm">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Etiam in fringilla lacus. Sed." tabindex="-1">
<img class="event_feature_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: 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="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
<div class="event_feature_figure_date">
<time class="event_date theme_accent" datetime="2024-09-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
</span>
</time>
</div>
</div>
<div class="event_feature_wrapper">
<div class="event_feature_content_date">
<time class="event_date theme_accent" datetime="2024-09-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
</span>
</time>
</div>
<div class="event_feature_location">
In-Person
|
Hopkins Lobby
</div>
<h3 class="event_feature_title">
<a href="#" class="event_feature_title_link">
<span class="event_feature_title_link_inner">
<span class="event_feature_title_link_label">Etiam in fringilla lacus. Sed.</span>
</span>
</a>
</h3>
<p class="event_feature_description">Donec et facilisis sem, at lobortis nibh. Aenean bibendum venenatis.</p>
</div>
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_lg">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Etiam in fringilla lacus. Sed." tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/735x980/2 735w, https://images.fastspot.com/generic/555x740/2 555w, https://images.fastspot.com/generic/375x500/2 375w, https://images.fastspot.com/generic/225x300/2 225w" sizes="(min-width: 1400px) 659px, (min-width: 1220px) 575px, (min-width: 980px) 460px, 0px" src="https://images.fastspot.com/generic/225x300/2" alt="" loading="lazy" width="225" height="300">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
</div>
</div>
</div>
<!-- END: Event Feature -->
</li>
<li class="events_featured_item embla__slide">
<!-- Event Feature -->
<div class="event_feature theme_white">
<div class="event_feature_inner">
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_sm">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Vestibulum nec nibh hendrerit, mollis arcu at, accumsan justo. Praesent." tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/980x735/3 980w, https://images.fastspot.com/generic/740x555/3 740w, https://images.fastspot.com/generic/500x375/3 500w, https://images.fastspot.com/generic/300x225/3 300w" sizes="(min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/3" alt="" loading="lazy" width="300" height="225">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
<div class="event_feature_figure_date">
<time class="event_date theme_accent" datetime="2024-12-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Dec
</span>
<span class="event_date_day">
31
</span>
</span>
</time>
</div>
</div>
<div class="event_feature_wrapper">
<div class="event_feature_content_date">
<time class="event_date theme_accent" datetime="2024-12-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Dec
</span>
<span class="event_date_day">
31
</span>
</span>
</time>
</div>
<div class="event_feature_location">
In-Person
|
Hopkins Lobby
</div>
<h3 class="event_feature_title">
<a href="#" class="event_feature_title_link">
<span class="event_feature_title_link_inner">
<span class="event_feature_title_link_label">Vestibulum nec nibh hendrerit, mollis arcu at, accumsan justo. Praesent.</span>
</span>
</a>
</h3>
<p class="event_feature_description">Suspendisse ac massa suscipit, tincidunt diam a, suscipit sapien. Sed et condimentum magna. Morbi sodales purus vitae nulla fermentum elementum.</p>
</div>
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_lg">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Vestibulum nec nibh hendrerit, mollis arcu at, accumsan justo. Praesent." tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/735x980/3 735w, https://images.fastspot.com/generic/555x740/3 555w, https://images.fastspot.com/generic/375x500/3 375w, https://images.fastspot.com/generic/225x300/3 225w" sizes="(min-width: 1400px) 659px, (min-width: 1220px) 575px, (min-width: 980px) 460px, 0px" src="https://images.fastspot.com/generic/225x300/3" alt="" loading="lazy" width="225" height="300">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
</div>
</div>
</div>
<!-- END: Event Feature -->
</li>
</ul>
</div>
<div class="events_featured_controls embla__controls theme_white" aria-controls="events-featured-viewport-10">
<div class="embla__dots js-carousel-embla-dots" role="navigation"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Related People -->
<div class="people_related theme_site_theme people_related_carousel">
<div class="people_related_background">
<img src="/images/placeholder-hero-content-dark.svg" alt="" class="people_related_background_pattern">
</div>
<div class="people_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="people_related_header_inner">
<h2 class="people_related_title">Our People</h2>
<p class="people_related_description">Hopkins Carey Business School's Gender and Work Initiatives invites world-class speakers and facilitators aligned with individualized coaching and mentoring that is beyond compare.</p>
</div>
</div>
</div>
</div>
<div class="people_related_body">
<div class="fs-row">
<div class="fs-cell">
<div class="embla embla__default-controls js-carousel-embla" data-carousel-embla='{"loop":false,"slidesToScroll":1,"align":"start"}'>
<div id="people-related-viewport-8" class="embla__viewport js-carousel-embla-viewport">
<ul class="people_related_items embla__container js-carousel-embla-container" aria-label="Our People">
<li class="people_related_item">
<div class="people_related_item_inner">
<figure class="people_related_item_figure">
<a class="people_related_item_figure_link" href="" aria-label="Read more about " tabindex="-1">
<img class="people_related_item_image" srcset="https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
</a>
</figure>
<h3 class="people_related_item_name">
<a href="page-directory-detail.html" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Marcus Smith Anderson, Ph.D</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</span>
</a>
</h3>
<div class="people_related_item_title">Executive Director of Inclusive Development, Johns Hopkins Bloomberg School of Public Health</div>
</div>
</li>
<li class="people_related_item">
<div class="people_related_item_inner">
<figure class="people_related_item_figure">
<img class="people_related_item_image" srcset="https://images.fastspot.com/generic/300x300/2 300w, https://images.fastspot.com/generic/100x100/2 100w" src="https://images.fastspot.com/generic/100x100/2" alt="" loading="lazy" width="100" height="100">
</figure>
<h3 class="people_related_item_name">
Demere Woolway
</h3>
<div class="people_related_item_title">Executive Director of Inclusive Development, Johns Hopkins University</div>
</div>
</li>
<li class="people_related_item">
<div class="people_related_item_inner">
<figure class="people_related_item_figure">
<a class="people_related_item_figure_link" href="" aria-label="Read more about " tabindex="-1">
<img class="people_related_item_image" srcset="https://images.fastspot.com/generic/300x300/3 300w, https://images.fastspot.com/generic/100x100/3 100w" src="https://images.fastspot.com/generic/100x100/3" alt="" loading="lazy" width="100" height="100">
</a>
</figure>
<h3 class="people_related_item_name">
<a href="page-directory-detail.html" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Dr. Kalahan Taylor</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</span>
</a>
</h3>
<div class="people_related_item_title">Executive Education Faculty, Carey Business School</div>
</div>
</li>
<li class="people_related_item">
<div class="people_related_item_inner">
<figure class="people_related_item_figure">
<a class="people_related_item_figure_link" href="" aria-label="Read more about " tabindex="-1">
<img class="people_related_item_image" srcset="https://images.fastspot.com/generic/300x300/3 300w, https://images.fastspot.com/generic/100x100/3 100w" src="https://images.fastspot.com/generic/100x100/3" alt="" loading="lazy" width="100" height="100">
</a>
</figure>
<h3 class="people_related_item_name">
<a href="page-directory-detail.html" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Antidisestablishmentarianism Lastname</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</span>
</a>
</h3>
<div class="people_related_item_title">Executive Education Faculty, Carey Business School</div>
</div>
</li>
</ul>
</div>
<div class="people_related_controls embla__controls" aria-controls="people-related-viewport-8">
<div class="embla__dots js-carousel-embla-dots" role="navigation"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related People -->
<!-- Call to Action -->
<div class="cta theme_accent">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_header">
<h2 class="cta_title">Explore Our Programs</h2>
<p class="cta_description">Lorem ipsum dolor sit amet consectetur. Molestie ultrices sit sit viverra in nibh ut. Habitant velit augue at placerat sollicitudin eget.</p>
</div>
<div class="cta_body">
<div class="cta_body_inner">
<div class="cta_carousel_wrapper embla embla__default-controls js-carousel-embla" data-carousel-embla='{"align":"center","watchDrag":true,"containScroll":false,"duration":40,"plugins":["fade"],"breakpoints":{"(min-width: 980px)":{"watchDrag":false}}}'>
<div id="cta-viewport-7" class="cta_carousel_inner embla__viewport js-carousel-embla-viewport">
<ul class="cta_list embla__container js-carousel-embla-container">
<li class="cta_item theme_accent embla__slide">
<div class="cta_item_inner">
<figure class="cta_item_figure cta_item_figure_sm">
<img class="cta_item_image" srcset="https://images.fastspot.com/generic/740x740/1 740w, https://images.fastspot.com/generic/500x500/1 500w, https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" sizes="(min-width: 780px) calc(-4.44vw + 681px), (min-width: 380px) calc(92.89vw - 59px), calc(31.67vw + 161px)" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="cta_item_content">
<h3 class="cta_item_title">Professional Trainings</h3>
<p class="cta_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>
<a href="#" class="button button_shadow cta_item_link theme_accent_filled">
<span class="button_inner cta_item_link_inner">
<span class="button_label cta_item_link_label">Explore This Option</span>
</span>
</a>
</div>
<figure class="cta_item_figure cta_item_figure_lg">
<img class="cta_item_image" srcset="https://images.fastspot.com/generic/740x740/1 740w, https://images.fastspot.com/generic/500x500/1 500w, https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" sizes="(min-width: 1400px) 627px, (min-width: 1220px) 543px, (min-width: 980px) 456px" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
</li>
<li class="cta_item theme_blue embla__slide">
<div class="cta_item_inner">
<figure class="cta_item_figure cta_item_figure_sm">
<img class="cta_item_image" srcset="https://images.fastspot.com/generic/740x740/2 740w, https://images.fastspot.com/generic/500x500/2 500w, https://images.fastspot.com/generic/300x300/2 300w, https://images.fastspot.com/generic/100x100/2 100w" sizes="(min-width: 780px) calc(-4.44vw + 681px), (min-width: 380px) calc(92.89vw - 59px), calc(31.67vw + 161px)" src="https://images.fastspot.com/generic/100x100/2" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="cta_item_content">
<h3 class="cta_item_title">Suspendisse potenti. Quisque ultrices.</h3>
<p class="cta_item_description">Donec luctus dui sit amet velit cursus, at semper purus.</p>
<a href="#" class="button button_shadow cta_item_link theme_white">
<span class="button_inner cta_item_link_inner">
<span class="button_label cta_item_link_label">A Link Goes Here</span>
</span>
</a>
</div>
<figure class="cta_item_figure cta_item_figure_lg">
<img class="cta_item_image" srcset="https://images.fastspot.com/generic/740x740/2 740w, https://images.fastspot.com/generic/500x500/2 500w, https://images.fastspot.com/generic/300x300/2 300w, https://images.fastspot.com/generic/100x100/2 100w" sizes="(min-width: 1400px) 627px, (min-width: 1220px) 543px, (min-width: 980px) 456px" src="https://images.fastspot.com/generic/100x100/2" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
</li>
<li class="cta_item theme_spirit_blue embla__slide">
<div class="cta_item_inner">
<figure class="cta_item_figure cta_item_figure_sm">
<img class="cta_item_image" srcset="https://images.fastspot.com/generic/740x740/3 740w, https://images.fastspot.com/generic/500x500/3 500w, https://images.fastspot.com/generic/300x300/3 300w, https://images.fastspot.com/generic/100x100/3 100w" sizes="(min-width: 780px) calc(-4.44vw + 681px), (min-width: 380px) calc(92.89vw - 59px), calc(31.67vw + 161px)" src="https://images.fastspot.com/generic/100x100/3" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="cta_item_content">
<h3 class="cta_item_title">Orci varius natoque penatibus et.</h3>
<p class="cta_item_description">Aliquam velit quam, porta non lobortis id, auctor vitae enim. Cras dapibus rutrum ex vitae condimentum. Donec velit erat, rutrum.</p>
<a href="#" class="button button_shadow cta_item_link theme_default">
<span class="button_inner cta_item_link_inner">
<span class="button_label cta_item_link_label">Please Don't Use Text This Long!</span>
</span>
</a>
</div>
<figure class="cta_item_figure cta_item_figure_lg">
<img class="cta_item_image" srcset="https://images.fastspot.com/generic/740x740/3 740w, https://images.fastspot.com/generic/500x500/3 500w, https://images.fastspot.com/generic/300x300/3 300w, https://images.fastspot.com/generic/100x100/3 100w" sizes="(min-width: 1400px) 627px, (min-width: 1220px) 543px, (min-width: 980px) 456px" src="https://images.fastspot.com/generic/100x100/3" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
</li>
</ul>
</div>
<div class="cta_controls embla__controls" aria-controls="cta-viewport-7">
<button class=" embla__button embla__button--prev js-carousel-embla-btn-prev" type="button" aria-label="Previous Slide">
<span class="embla__button-icon"><svg class="icon icon_caret_left">
<use href="/images/icons.svg#caret_left" />
</svg></span>
</button>
<button class=" embla__button embla__button--next js-carousel-embla-btn-next" type="button" aria-label="Next Slide">
<span class="embla__button-icon"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
</div>
<section class="page_feature" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
{% render ("@component-hero--" ~ hero.variant) with {
page: page,
} %}
</section>
<div class="full_width_callouts">
{% render "@component-card-carousel" with {
page: page,
} %}
{% render "@component-resources-related" with {
page: page,
} %}
{% render "@component-events-featured" with {
page: page,
} %}
{% render "@component-people-related" with {
page: page,
} %}
{% render "@component-call-to-action--carousel" with {
page: page,
} %}
</div>
No notes defined.