<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_illustration">

                <img src="/images/placeholder-hero-light.svg" alt="" class="hero_intro_background_image">

            </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-light.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_default">
                            <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-8" 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-8">
                            <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_white">
        <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_accent">
                                <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-16" 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_accent">
                                            <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_white_blue" 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_white_blue" 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_accent">
                                            <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_white_blue" 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_white_blue" 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_accent">
                                            <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_white_blue" 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_white_blue" 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_accent" aria-controls="events-featured-viewport-16">
                                <div class="embla__dots js-carousel-embla-dots" role="navigation"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Related People -->
    <div class="people_related 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","breakpoints":{"(min-width: 980px)":{"active":false}}}'>
                        <div id="people-related-viewport-13" 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">&#xfeff;<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">&#xfeff;<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">&#xfeff;<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-13">
                            <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-13" 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-13">
                                <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.