<div class="page_content" id="page_content" tabindex="-1">
    <div class="fs-row">
        <div class="fs-cell fs-lg-7">
            <div class="page_content_inner">
                <p class="page_description">Our Johns Hopkins partnership PK-8 school in East Baltimore has solidified its role as a community anchor.</p>
                <!-- WYSIWYG -->
                <div class="typography">
                    <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis.</p>
                    <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
                    <p>Curabitur blandit tempus porttitor. Donec sed odio dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla.</p>
                </div>
                <!-- END: WYSIWYG -->
            </div>
        </div>
        <div class="fs-cell fs-lg-4 fs-xl-3 fs-lg-push-1 fs-xl-push-2">
            <div class="page_sidebar large">
                <div class="sub_nav_wrapper">

                    <nav class="sub_nav sub_nav_is_children" aria-labelledby="basic_nav_title_106">
                        <div class="sub_nav_header">
                            <h2 class="sub_nav_title" id="basic_nav_title_106">
                                <span class="sub_nav_title_label">Impact</span>
                            </h2>
                        </div>
                        <ul class="sub_nav_list" aria-labelledby="basic_nav_title_106">
                            <li class="sub_nav_item active">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">Henderson-Hopkins</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">Vision for Baltimore</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">National Partnership of Students</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">Safe and Healthy Schools</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">Global Pluralism</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">COVID-19 Global Education Recovery Tracker</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </nav>

                    <nav class="sub_nav sub_nav_is_siblings" aria-labelledby="basic_nav_title_107">
                        <div class="sub_nav_header">
                            <h2 class="sub_nav_title" id="basic_nav_title_107">
                                <span class="sub_nav_title_label">Impact</span>
                            </h2>
                        </div>
                        <ul class="sub_nav_list" aria-labelledby="basic_nav_title_107">
                            <li class="sub_nav_item active">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">Henderson-Hopkins</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">Vision for Baltimore</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">National Partnership of Students</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">Safe and Healthy Schools</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">Global Pluralism</span>
                                    </div>
                                </a>
                            </li>
                            <li class="sub_nav_item">
                                <a class="sub_nav_link" href="#">
                                    <div class="sub_nav_link_inner">
                                        <span class="sub_nav_link_label">COVID-19 Global Education Recovery Tracker</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="full_width_callouts">

    <!-- Card Group -->
    <div class="js-anim card_group component_theme_white">
        <div class="js-card-row card_group_body">
            <div class="fs-row">
                <div class="fs-cell">
                    <ul class="card_group_items" aria-label="Impact">
                        <li class="card_group_card">

                            <!-- Stat Card -->
                            <div class="js-card-stat card card_stat card_type_default">
                                <div class="card_inner card_stat_inner">
                                    <div class="card_stat_grid">
                                        <div class="card_stat_header">
                                            <p class="card_stat_title"><span class="card_stat_figure"><span class="js-card-stat-figure-label card_stat_figure_label">84%</span></span> <span class="card_stat_label">Students</span></p>
                                        </div>
                                        <div class="card_stat_body">
                                            <p class="card_stat_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                        </div>
                                        <div class="card_stat_action">
                                            <a class="card_stat_link" href="#">
                                                <span class="card_stat_link_label">Nibh Dapibus Tristique</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Stat Card -->
                        </li>
                        <li class="card_group_card">

                            <!-- Stat Card -->
                            <div class="js-card-stat card card_stat card_type_default">
                                <div class="card_inner card_stat_inner">
                                    <div class="card_stat_grid">
                                        <div class="card_stat_header">
                                            <p class="card_stat_title"><span class="card_stat_figure"><span class="js-card-stat-figure-label card_stat_figure_label">8.65</span></span> <span class="card_stat_label">Alumni</span></p>
                                        </div>
                                        <div class="card_stat_body">
                                            <p class="card_stat_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                        </div>
                                        <div class="card_stat_action">
                                            <a class="card_stat_link" href="#">
                                                <span class="card_stat_link_label">Doctoral Programs</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Stat Card -->
                        </li>
                        <li class="card_group_card">

                            <!-- Image Card -->
                            <div class="card card_image card_type_default">
                                <div class="card_inner card_image_inner">
                                    <figure class="card_image_figure">

                                        <img class="card_image_image" srcset="https://images.fastspot.com/jhusoe/735x980/1 735w, https://images.fastspot.com/jhusoe/555x740/1 555w, https://images.fastspot.com/jhusoe/375x500/1 375w, https://images.fastspot.com/jhusoe/225x300/1 225w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 290px" src="https://images.fastspot.com/jhusoe/225x300/1" alt="" loading="lazy" width="225" height="300">
                                    </figure>
                                </div>
                            </div>
                            <!-- END: Image Card -->
                        </li>
                        <li class="card_group_card">

                            <!-- Quote Card -->
                            <div class="card card_quote card_type_default">
                                <div class="card_inner card_quote_inner">
                                    <figure class="card_quote_figure">
                                        <blockquote class="card_quote_blockquote">
                                            <span class="card_quote_blockquote_icon">&ldquo;</span>
                                            <p class="card_quote_blockquote_text">The real difference is the faculty. You have access to internationally known leaders who can talk you through situations based on a depth of real-life experience.</p>
                                        </blockquote>
                                        <figcaption class="card_quote_caption">
                                            <span class="card_quote_caption_name">Evan Velleman, MS '18</span>
                                            <span class="card_quote_caption_title">Counselor, Henderson-Hopkins School, Baltimore, Md.</span>
                                        </figcaption>
                                    </figure>
                                </div>
                                <figure class="card_quote_media">

                                    <img class="card_quote_image" srcset="https://images.fastspot.com/jhusoe/300x300/1 300w, https://images.fastspot.com/jhusoe/100x100/1 100w" sizes="110px" src="https://images.fastspot.com/jhusoe/100x100/1" alt="" loading="lazy" width="100" height="100">
                                </figure>
                            </div>
                            <!-- END: Quote Card -->
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="card_group_carousel">
            <div class="js-slick-row carousel_row" data-slick='{"regionLabel": "Impact", "arrows": false, "dots": true, "infinite": false, "variableWidth": true}'>
                <div class="carousel_row_card">

                    <!-- Stat Card -->
                    <div class="js-card-stat card card_stat card_type_default">
                        <div class="card_inner card_stat_inner">
                            <div class="card_stat_grid">
                                <div class="card_stat_header">
                                    <p class="card_stat_title"><span class="card_stat_figure"><span class="js-card-stat-figure-label card_stat_figure_label">84%</span></span> <span class="card_stat_label">Students</span></p>
                                </div>
                                <div class="card_stat_body">
                                    <p class="card_stat_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                </div>
                                <div class="card_stat_action">
                                    <a class="card_stat_link" href="#">
                                        <span class="card_stat_link_label">Nibh Dapibus Tristique</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END: Stat Card -->
                </div>
                <div class="carousel_row_card">

                    <!-- Stat Card -->
                    <div class="js-card-stat card card_stat card_type_default">
                        <div class="card_inner card_stat_inner">
                            <div class="card_stat_grid">
                                <div class="card_stat_header">
                                    <p class="card_stat_title"><span class="card_stat_figure"><span class="js-card-stat-figure-label card_stat_figure_label">8.65</span></span> <span class="card_stat_label">Alumni</span></p>
                                </div>
                                <div class="card_stat_body">
                                    <p class="card_stat_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                </div>
                                <div class="card_stat_action">
                                    <a class="card_stat_link" href="#">
                                        <span class="card_stat_link_label">Doctoral Programs</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END: Stat Card -->
                </div>
                <div class="carousel_row_card">

                    <!-- Image Card -->
                    <div class="card card_image card_type_default">
                        <div class="card_inner card_image_inner">
                            <figure class="card_image_figure">

                                <img class="card_image_image" srcset="https://images.fastspot.com/jhusoe/735x980/1 735w, https://images.fastspot.com/jhusoe/555x740/1 555w, https://images.fastspot.com/jhusoe/375x500/1 375w, https://images.fastspot.com/jhusoe/225x300/1 225w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 290px" src="https://images.fastspot.com/jhusoe/225x300/1" alt="" loading="lazy" width="225" height="300">
                            </figure>
                        </div>
                    </div>
                    <!-- END: Image Card -->
                </div>
                <div class="carousel_row_card">

                    <!-- Quote Card -->
                    <div class="card card_quote card_type_default">
                        <div class="card_inner card_quote_inner">
                            <figure class="card_quote_figure">
                                <blockquote class="card_quote_blockquote">
                                    <span class="card_quote_blockquote_icon">&ldquo;</span>
                                    <p class="card_quote_blockquote_text">The real difference is the faculty. You have access to internationally known leaders who can talk you through situations based on a depth of real-life experience.</p>
                                </blockquote>
                                <figcaption class="card_quote_caption">
                                    <span class="card_quote_caption_name">Evan Velleman, MS '18</span>
                                    <span class="card_quote_caption_title">Counselor, Henderson-Hopkins School, Baltimore, Md.</span>
                                </figcaption>
                            </figure>
                        </div>
                        <figure class="card_quote_media">

                            <img class="card_quote_image" srcset="https://images.fastspot.com/jhusoe/300x300/1 300w, https://images.fastspot.com/jhusoe/100x100/1 100w" sizes="110px" src="https://images.fastspot.com/jhusoe/100x100/1" alt="" loading="lazy" width="100" height="100">
                        </figure>
                    </div>
                    <!-- END: Quote Card -->
                </div>
            </div>
            <div class="js-carousel-row-pagination carousel_row_pagination carousel_pagination card_group_carousel_pagination"></div>
        </div>
    </div>
    <!-- END: Card Group -->

    <!-- Person Spotlight -->
    <div class="js-anim js-spotlight spotlight component_theme_purple_gem">
        <div class="spotlight_block">
            <div class="spotlight_frame">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="spotlight_inner">
                            <div class="spotlight_intro">
                                <div class="spotlight_header">
                                    <h2 class="spotlight_label">People of SOE</h2>
                                    <p class="spotlight_name">Katie Lee, MS '22</p>
                                    <p class="spotlight_title">Student</p>
                                </div>
                                <blockquote class="spotlight_quote">
                                    <p>"The flexibility of the online program and the mentoring by the faculty made it possible for me to excel in my teaching career. My professors' passion for gifted education was a great inspiration!”</p>
                                </blockquote>
                            </div>
                            <div class="spotlight_media">
                                <figure class="js-spotlight-media-figure spotlight_media_figure">

                                    <picture class="spotlight_media_picture">
                                        <source media="(min-width: 1394px)" srcset="https://images.fastspot.com/jhusoe/735x980/1" width="735" height="980">
                                        <source media="(min-width: 1220px)" srcset="https://images.fastspot.com/jhusoe/555x740/1" width="555" height="740">
                                        <source media="(min-width: 980px)" srcset="https://images.fastspot.com/jhusoe/375x500/1" width="375" height="500">
                                        <source media="(min-width: 740px)" srcset="https://images.fastspot.com/jhusoe/500x282/1" width="500" height="282">
                                        <source media="(min-width: 500px)" srcset="https://images.fastspot.com/jhusoe/980x552/1" width="980" height="552">
                                        <img class="spotlight_media_image" src="//images.fastspot.com/jhusoe/740x416/1" alt="" loading="lazy" width="740" height="416">
                                    </picture>
                                </figure>
                            </div>
                            <div class="spotlight_detail">
                                <p class="spotlight_description">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Person Spotlight -->

    <!-- Topic Row -->
    <div class="js-anim topics_row component_theme_gray_light component_alignment_right">
        <div class="js-card-row topics_row_block">
            <div class="topics_row_frame">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="topics_row_inner">
                            <div class="topics_row_header">
                                <h2 class="topics_row_title">
                                    <span class="topics_row_title_label">Get Involved in Urban Education</span>
                                </h2>
                                <div class="topics_row_description">
                                    <p>Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. </p>
                                </div>
                            </div>
                            <div class="topics_row_cards">
                                <div class="topics_row_card">

                                    <!-- Links Card -->
                                    <div class="card card_links card_type_contained">
                                        <div class="card_inner card_links_inner">
                                            <div class="card_links_grid">
                                                <div class="card_links_header">
                                                    <h2 class="card_links_title">Related Programs</h2>
                                                </div>
                                                <div class="card_links_body">
                                                    <ul class="card_links_list" aria-label="Related Programs">
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Justo Ultricies</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Fringilla Pharetra</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Inceptos Ornare</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Ullamcorper Fusce Risus</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Cras Venenatis Sit</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Mattis Ridiculus Nibh</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: Links Card -->
                                </div>
                                <div class="topics_row_card">

                                    <!-- Links Card -->
                                    <div class="card card_links card_type_contained">
                                        <div class="card_inner card_links_inner">
                                            <div class="card_links_grid">
                                                <div class="card_links_header">
                                                    <h2 class="card_links_title">Center & Institutes</h2>
                                                </div>
                                                <div class="card_links_body">
                                                    <ul class="card_links_list" aria-label="Center & Institutes">
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Justo Ultricies</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Fringilla Pharetra</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Inceptos Ornare</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Ullamcorper Fusce Risus</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Cras Venenatis Sit</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_item">
                                                            <a href="#" class="card_links_item_link">
                                                                <span class="card_links_item_link_label">Mattis Ridiculus Nibh</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: Links Card -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="topics_row_carousel">
                    <div class="js-slick-row carousel_row" data-slick='{"regionLabel": "Get Involved in Urban Education", "arrows": false, "dots": true, "infinite": false, "variableWidth": true}'>
                        <div class="carousel_row_card">

                            <!-- Links Card -->
                            <div class="card card_links card_type_contained">
                                <div class="card_inner card_links_inner">
                                    <div class="card_links_grid">
                                        <div class="card_links_header">
                                            <h2 class="card_links_title">Related Programs</h2>
                                        </div>
                                        <div class="card_links_body">
                                            <ul class="card_links_list" aria-label="Related Programs">
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Justo Ultricies</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Fringilla Pharetra</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Inceptos Ornare</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Ullamcorper Fusce Risus</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Cras Venenatis Sit</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Mattis Ridiculus Nibh</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Links Card -->
                        </div>
                        <div class="carousel_row_card">

                            <!-- Links Card -->
                            <div class="card card_links card_type_contained">
                                <div class="card_inner card_links_inner">
                                    <div class="card_links_grid">
                                        <div class="card_links_header">
                                            <h2 class="card_links_title">Center & Institutes</h2>
                                        </div>
                                        <div class="card_links_body">
                                            <ul class="card_links_list" aria-label="Center & Institutes">
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Justo Ultricies</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Fringilla Pharetra</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Inceptos Ornare</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Ullamcorper Fusce Risus</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Cras Venenatis Sit</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_item">
                                                    <a href="#" class="card_links_item_link">
                                                        <span class="card_links_item_link_label">Mattis Ridiculus Nibh</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Links Card -->
                        </div>
                    </div>
                    <div class="js-carousel-row-pagination carousel_row_pagination carousel_pagination topics_row_carousel_pagination"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Topic Row -->

    <!-- Featured Video -->
    <div class="featured_media component_theme_blue_navy">
        <div class="featured_media_header">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8 fs-all-justify-center">
                    <div class="featured_media_header_inner">
                        <h2 class="featured_media_title">About Henderson-Hopkins</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="featured_media_body">
            <div class="fs-row">
                <div class="fs-cell fs-lg-10 fs-all-justify-center">
                    <div class="featured_media_body_inner">
                        <figure class="featured_media_figure">

                            <img class="featured_media_image" srcset="https://images.fastspot.com/jhusoe/1440x810/9 1440w, https://images.fastspot.com/jhusoe/1220x686/9 1220w, https://images.fastspot.com/jhusoe/980x552/9 980w, https://images.fastspot.com/jhusoe/740x416/9 740w, https://images.fastspot.com/jhusoe/500x282/9 500w, https://images.fastspot.com/jhusoe/300x169/9 300w" sizes="(min-width: 1394px) 1038px, (min-width: 1220px) 900px, (min-width: 980px) 710px, (min-width: 740px) 690px, 90vw" src="https://images.fastspot.com/jhusoe/300x169/9" alt="" loading="lazy" width="300" height="169">

                            <div class="featured_media_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>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Featured Video -->

    <!-- Theme Cards -->
    <div class="js-anim js-themes themes">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="themes_inner">
                    <div class="themes_header">
                        <h2 class="themes_title">
                            <span class="themes_title_label">Focus Areas</span>
                        </h2>
                        <div class="themes_description">
                            <p>Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod.</p>
                        </div>
                    </div>
                    <div class="themes_body">
                        <ul class="themes_list" aria-label="Focus Areas">
                            <li class="js-theme-item theme_item">
                                <div class="theme_item_inner">
                                    <div class="theme_item_media inset">
                                        <figure class="theme_item_figure">

                                            <img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/500x500/1 500w, https://images.fastspot.com/jhusoe/300x300/1 300w, https://images.fastspot.com/jhusoe/100x100/1 100w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/100x100/1" alt="" loading="lazy" width="100" height="100">
                                        </figure>
                                    </div>
                                    <div class="theme_item_wrapper">
                                        <div class="theme_item_header">
                                            <h3 class="theme_item_title">Vision</h3>
                                        </div>
                                        <div class="theme_item_body">
                                            <div class="theme_item_description">
                                                <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="js-theme-item theme_item">
                                <div class="theme_item_inner">
                                    <div class="theme_item_media inset">
                                        <figure class="theme_item_figure">

                                            <img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/500x500/2 500w, https://images.fastspot.com/jhusoe/300x300/2 300w, https://images.fastspot.com/jhusoe/100x100/2 100w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/100x100/2" alt="" loading="lazy" width="100" height="100">
                                        </figure>
                                    </div>
                                    <div class="theme_item_wrapper">
                                        <div class="theme_item_header">
                                            <h3 class="theme_item_title">Research</h3>
                                        </div>
                                        <div class="theme_item_body">
                                            <div class="theme_item_description">
                                                <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Donec sed odio dui.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="js-theme-item theme_item">
                                <div class="theme_item_inner">
                                    <div class="theme_item_media inset">
                                        <figure class="theme_item_figure">

                                            <img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/500x500/3 500w, https://images.fastspot.com/jhusoe/300x300/3 300w, https://images.fastspot.com/jhusoe/100x100/3 100w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/100x100/3" alt="" loading="lazy" width="100" height="100">
                                        </figure>
                                    </div>
                                    <div class="theme_item_wrapper">
                                        <div class="theme_item_header">
                                            <h3 class="theme_item_title">Practice</h3>
                                        </div>
                                        <div class="theme_item_body">
                                            <div class="theme_item_description">
                                                <p>Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="js-theme-item theme_item">
                                <div class="theme_item_inner">
                                    <div class="theme_item_media inset">
                                        <figure class="theme_item_figure">

                                            <img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/500x500/4 500w, https://images.fastspot.com/jhusoe/300x300/4 300w, https://images.fastspot.com/jhusoe/100x100/4 100w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/100x100/4" alt="" loading="lazy" width="100" height="100">
                                        </figure>
                                    </div>
                                    <div class="theme_item_wrapper">
                                        <div class="theme_item_header">
                                            <h3 class="theme_item_title">Community</h3>
                                        </div>
                                        <div class="theme_item_body">
                                            <div class="theme_item_description">
                                                <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Donec sed odio dui.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="js-theme-item theme_item">
                                <div class="theme_item_inner">
                                    <div class="theme_item_media inset">
                                        <figure class="theme_item_figure">

                                            <img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/500x500/5 500w, https://images.fastspot.com/jhusoe/300x300/5 300w, https://images.fastspot.com/jhusoe/100x100/5 100w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/100x100/5" alt="" loading="lazy" width="100" height="100">
                                        </figure>
                                    </div>
                                    <div class="theme_item_wrapper">
                                        <div class="theme_item_header">
                                            <h3 class="theme_item_title">Leadership</h3>
                                        </div>
                                        <div class="theme_item_body">
                                            <div class="theme_item_description">
                                                <p>Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="js-theme-item theme_item">
                                <div class="theme_item_inner">
                                    <div class="theme_item_media inset">
                                        <figure class="theme_item_figure">

                                            <img class="theme_item_image" srcset="https://images.fastspot.com/jhusoe/500x500/6 500w, https://images.fastspot.com/jhusoe/300x300/6 300w, https://images.fastspot.com/jhusoe/100x100/6 100w" sizes="(min-width: 980px) 180px, 135px" src="https://images.fastspot.com/jhusoe/100x100/6" alt="" loading="lazy" width="100" height="100">
                                        </figure>
                                    </div>
                                    <div class="theme_item_wrapper">
                                        <div class="theme_item_header">
                                            <h3 class="theme_item_title">Dedicated Staff</h3>
                                        </div>
                                        <div class="theme_item_body">
                                            <div class="theme_item_description">
                                                <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Donec sed odio dui.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Theme Cards -->

    <!-- Gallery -->
    <div class="gallery">
        <div class="gallery_header">
            <div class="fs-row">
                <div class="fs-cell fs-lg-7">
                    <div class="gallery_header_inner">
                        <h2 class="gallery_title">Pandemic Hits and Henderson-Hopkins Responds</h2>
                        <div class="gallery_description">
                            <p>As principal of Henderson-Hopkins since June 2018, Peter Kannam has now spent more than half of his tenure steering the school community through a global pandemic. Improvisation and flexibility have defined his response: The school never fully shut its doors, but adapted to solidify its role as a community anchor, serving as a food distribution site, vaccination clinic, and haven for students who still needed supervision and meals.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="gallery_body">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="gallery_body_inner">
                        <div class="gallery_items">
                            <div class="gallery_row grid_layout_50_50">
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <div class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhusoe/980x552/3 980w, https://images.fastspot.com/jhusoe/740x416/3 740w, https://images.fastspot.com/jhusoe/500x282/3 500w, https://images.fastspot.com/jhusoe/300x169/3 300w" sizes="(min-width: 1394px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x169/3" alt="" loading="lazy" width="300" height="169">

                                        </div>
                                        <figcaption class="gallery_item_caption">
                                            <p>Henderson-Hopkins' Safe Center for Online Learning was a vital resource for kids whose parents could not work remotely.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <div class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhusoe/980x552/4 980w, https://images.fastspot.com/jhusoe/740x416/4 740w, https://images.fastspot.com/jhusoe/500x282/4 500w, https://images.fastspot.com/jhusoe/300x169/4 300w" sizes="(min-width: 1394px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x169/4" alt="" loading="lazy" width="300" height="169">

                                        </div>
                                        <figcaption class="gallery_item_caption">
                                            <p>Henderson-Hopkins teachers worked together to close the coronavirus knowledge gap.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                            <div class="gallery_row grid_layout_50_50">
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <div class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhusoe/980x552/5 980w, https://images.fastspot.com/jhusoe/740x416/5 740w, https://images.fastspot.com/jhusoe/500x282/5 500w, https://images.fastspot.com/jhusoe/300x169/5 300w" sizes="(min-width: 1394px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x169/5" alt="" loading="lazy" width="300" height="169">

                                        </div>
                                        <figcaption class="gallery_item_caption">
                                            <p>School volunteers, including Hopkins students, distributed up to 10,000 pounds of food per week during the height of the pandemic.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <div class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhusoe/980x552/6 980w, https://images.fastspot.com/jhusoe/740x416/6 740w, https://images.fastspot.com/jhusoe/500x282/6 500w, https://images.fastspot.com/jhusoe/300x169/6 300w" sizes="(min-width: 1394px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x169/6" alt="" loading="lazy" width="300" height="169">

                                        </div>
                                        <figcaption class="gallery_item_caption">
                                            <p>Principal Peter Kannam welcomes students back to school on Aug. 30, 2021.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Gallery -->

    <div class="news_related component_theme_gray_light component_alignment_right">
        <div class="news_related_header">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="news_related_header_inner">
                        <h2 class="news_related_title">Related News</h2>
                        <div class="news_related_header_action">
                            <a class="news_related_action_link" href="#">
                                <span class="news_related_action_link_label">All News</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="news_related_body">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="news_related_body_inner">
                        <div class="news_related_feature card_category_plum_gem">
                            <div class="news_related_feature_grid">
                                <div class="news_related_feature_header">
                                    <h3 class="news_related_feature_title">
                                        <a class="news_related_feature_title_link" href="#"><span class="news_related_feature_title_link_label">A Hub for the Community</span><span class="icon_nowrap news_related_feature_title_link_icon" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_arrow_external">
                                                    <use href="/images/icons.svg#arrow_external" />
                                                </svg>
                                            </span></a>
                                    </h3>
                                </div>
                                <div class="news_related_feature_body">
                                    <figure class="news_related_feature_figure">

                                        <img class="news_related_feature_image" srcset="https://images.fastspot.com/jhusoe/1220x814/1 1220w, https://images.fastspot.com/jhusoe/980x654/1 980w, https://images.fastspot.com/jhusoe/740x494/1 740w, https://images.fastspot.com/jhusoe/500x334/1 500w, https://images.fastspot.com/jhusoe/300x200/1 300w" sizes="(min-width: 1394px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 690px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/1" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <p class="news_related_feature_category">Community</p>
                                </div>
                            </div>
                        </div>
                        <ul class="news_related_items" aria-label="Related News">
                            <li class="news_related_item">
                                <div class="news_related_card">

                                    <!-- News Card -->
                                    <div class="card card_news card_type_default card_category_plum_gem">
                                        <div class="card_inner card_news_inner">
                                            <div class="card_news_grid">
                                                <div class="card_news_header">
                                                    <h2 class="card_news_title">
                                                        <a class="card_news_title_link" href="#"><span class="card_news_title_link_label">Neuro-Education Initiative Marks 15 Years at the Learning and the Brain Conference</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">&#xfeff;
                                                                <svg class="icon icon_arrow_external">
                                                                    <use href="/images/icons.svg#arrow_external" />
                                                                </svg>
                                                            </span></a>
                                                    </h2>
                                                </div>
                                                <div class="card_news_body">
                                                    <figure class="card_news_figure">

                                                        <img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/2 980w, https://images.fastspot.com/jhusoe/740x494/2 740w, https://images.fastspot.com/jhusoe/500x334/2 500w, https://images.fastspot.com/jhusoe/300x200/2 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/2" alt="" loading="lazy" width="300" height="200">
                                                    </figure>
                                                    <p class="card_news_category">Community</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: News Card -->
                                </div>
                            </li>
                            <li class="news_related_item">
                                <div class="news_related_card">

                                    <!-- News Card -->
                                    <div class="card card_news card_type_default card_category_green_gem">
                                        <div class="card_inner card_news_inner">
                                            <div class="card_news_grid">
                                                <div class="card_news_header">
                                                    <h2 class="card_news_title">
                                                        <a class="card_news_title_link" href="#"><span class="card_news_title_link_label">When School Feels 'Like Prison,' Test Scores, College Attendance Drop</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">&#xfeff;
                                                                <svg class="icon icon_arrow_external">
                                                                    <use href="/images/icons.svg#arrow_external" />
                                                                </svg>
                                                            </span></a>
                                                    </h2>
                                                </div>
                                                <div class="card_news_body">
                                                    <figure class="card_news_figure">

                                                        <img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/2 980w, https://images.fastspot.com/jhusoe/740x494/2 740w, https://images.fastspot.com/jhusoe/500x334/2 500w, https://images.fastspot.com/jhusoe/300x200/2 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/2" alt="" loading="lazy" width="300" height="200">
                                                    </figure>
                                                    <p class="card_news_category">Research</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: News Card -->
                                </div>
                            </li>
                            <li class="news_related_item">
                                <div class="news_related_card">

                                    <!-- News Card -->
                                    <div class="card card_news card_type_default card_category_orange_gem">
                                        <div class="card_inner card_news_inner">
                                            <div class="card_news_grid">
                                                <div class="card_news_header">
                                                    <h2 class="card_news_title">
                                                        <a class="card_news_title_link" href="#"><span class="card_news_title_link_label">A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">&#xfeff;
                                                                <svg class="icon icon_arrow_external">
                                                                    <use href="/images/icons.svg#arrow_external" />
                                                                </svg>
                                                            </span></a>
                                                    </h2>
                                                </div>
                                                <div class="card_news_body">
                                                    <figure class="card_news_figure">

                                                        <img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/3 980w, https://images.fastspot.com/jhusoe/740x494/3 740w, https://images.fastspot.com/jhusoe/500x334/3 500w, https://images.fastspot.com/jhusoe/300x200/3 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/3" alt="" loading="lazy" width="300" height="200">
                                                    </figure>
                                                    <p class="card_news_category">Voices</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: News Card -->
                                </div>
                            </li>
                            <li class="news_related_item">
                                <div class="news_related_card">

                                    <!-- News Card -->
                                    <div class="card card_news card_type_default card_category_blue_brand">
                                        <div class="card_inner card_news_inner">
                                            <div class="card_news_grid">
                                                <div class="card_news_header">
                                                    <h2 class="card_news_title">
                                                        <a class="card_news_title_link" href="#"><span class="card_news_title_link_label">Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">&#xfeff;
                                                                <svg class="icon icon_arrow_external">
                                                                    <use href="/images/icons.svg#arrow_external" />
                                                                </svg>
                                                            </span></a>
                                                    </h2>
                                                </div>
                                                <div class="card_news_body">
                                                    <figure class="card_news_figure">

                                                        <img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/4 980w, https://images.fastspot.com/jhusoe/740x494/4 740w, https://images.fastspot.com/jhusoe/500x334/4 500w, https://images.fastspot.com/jhusoe/300x200/4 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/4" alt="" loading="lazy" width="300" height="200">
                                                    </figure>
                                                    <p class="card_news_category">Chool News</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: News Card -->
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="news_related_carousel">
            <div class="js-slick-row carousel_row" data-slick='{"regionLabel": "Related News", "arrows": false, "dots": true, "infinite": false, "variableWidth": true}'>
                <div class="carousel_row_card">

                    <!-- News Card -->
                    <div class="card card_news card_type_default card_category_plum_gem">
                        <div class="card_inner card_news_inner">
                            <div class="card_news_grid">
                                <div class="card_news_header">
                                    <h2 class="card_news_title">
                                        <a class="card_news_title_link" href="#"><span class="card_news_title_link_label">Neuro-Education Initiative Marks 15 Years at the Learning and the Brain Conference</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_arrow_external">
                                                    <use href="/images/icons.svg#arrow_external" />
                                                </svg>
                                            </span></a>
                                    </h2>
                                </div>
                                <div class="card_news_body">
                                    <figure class="card_news_figure">

                                        <img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/2 980w, https://images.fastspot.com/jhusoe/740x494/2 740w, https://images.fastspot.com/jhusoe/500x334/2 500w, https://images.fastspot.com/jhusoe/300x200/2 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/2" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <p class="card_news_category">Community</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END: News Card -->
                </div>
                <div class="carousel_row_card">

                    <!-- News Card -->
                    <div class="card card_news card_type_default card_category_green_gem">
                        <div class="card_inner card_news_inner">
                            <div class="card_news_grid">
                                <div class="card_news_header">
                                    <h2 class="card_news_title">
                                        <a class="card_news_title_link" href="#"><span class="card_news_title_link_label">When School Feels 'Like Prison,' Test Scores, College Attendance Drop</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_arrow_external">
                                                    <use href="/images/icons.svg#arrow_external" />
                                                </svg>
                                            </span></a>
                                    </h2>
                                </div>
                                <div class="card_news_body">
                                    <figure class="card_news_figure">

                                        <img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/2 980w, https://images.fastspot.com/jhusoe/740x494/2 740w, https://images.fastspot.com/jhusoe/500x334/2 500w, https://images.fastspot.com/jhusoe/300x200/2 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/2" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <p class="card_news_category">Research</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END: News Card -->
                </div>
                <div class="carousel_row_card">

                    <!-- News Card -->
                    <div class="card card_news card_type_default card_category_orange_gem">
                        <div class="card_inner card_news_inner">
                            <div class="card_news_grid">
                                <div class="card_news_header">
                                    <h2 class="card_news_title">
                                        <a class="card_news_title_link" href="#"><span class="card_news_title_link_label">A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_arrow_external">
                                                    <use href="/images/icons.svg#arrow_external" />
                                                </svg>
                                            </span></a>
                                    </h2>
                                </div>
                                <div class="card_news_body">
                                    <figure class="card_news_figure">

                                        <img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/3 980w, https://images.fastspot.com/jhusoe/740x494/3 740w, https://images.fastspot.com/jhusoe/500x334/3 500w, https://images.fastspot.com/jhusoe/300x200/3 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/3" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <p class="card_news_category">Voices</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END: News Card -->
                </div>
                <div class="carousel_row_card">

                    <!-- News Card -->
                    <div class="card card_news card_type_default card_category_blue_brand">
                        <div class="card_inner card_news_inner">
                            <div class="card_news_grid">
                                <div class="card_news_header">
                                    <h2 class="card_news_title">
                                        <a class="card_news_title_link" href="#"><span class="card_news_title_link_label">Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students</span><span class="icon_nowrap card_news_title_link_icon" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_arrow_external">
                                                    <use href="/images/icons.svg#arrow_external" />
                                                </svg>
                                            </span></a>
                                    </h2>
                                </div>
                                <div class="card_news_body">
                                    <figure class="card_news_figure">

                                        <img class="card_news_image" srcset="https://images.fastspot.com/jhusoe/980x654/4 980w, https://images.fastspot.com/jhusoe/740x494/4 740w, https://images.fastspot.com/jhusoe/500x334/4 500w, https://images.fastspot.com/jhusoe/300x200/4 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/4" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <p class="card_news_category">Chool News</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END: News Card -->
                </div>
            </div>
            <div class="js-carousel-row-pagination carousel_row_pagination carousel_pagination news_related_carousel_pagination"></div>
        </div>
        <div class="news_related_footer">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="news_related_footer_inner">
                        <div class="news_related_footer_action">
                            <a class="news_related_action_link" href="#">
                                <span class="news_related_action_link_label">All News</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Related News -->
</div>

<div class="page_sidebar_wrapper small" id="sub_nav_small">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="page_sidebar">
                <div class="sub_nav_wrapper">
                    <div class="sub_nav_group">
                        <h2 class="sub_nav_label">Menu</h2>

                        <nav class="sub_nav" aria-labelledby="basic_nav_title_108">
                            <div class="sub_nav_header">
                                <h2 class="sub_nav_title" id="basic_nav_title_108">
                                    <span class="sub_nav_title_label">Impact</span>
                                </h2>
                            </div>
                            <ul class="sub_nav_list" aria-labelledby="basic_nav_title_108">
                                <li class="sub_nav_item active">
                                    <a class="sub_nav_link" href="#">
                                        <div class="sub_nav_link_inner">
                                            <span class="sub_nav_link_label">Henderson-Hopkins</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="sub_nav_item">
                                    <a class="sub_nav_link" href="#">
                                        <div class="sub_nav_link_inner">
                                            <span class="sub_nav_link_label">Vision for Baltimore</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="sub_nav_item">
                                    <a class="sub_nav_link" href="#">
                                        <div class="sub_nav_link_inner">
                                            <span class="sub_nav_link_label">National Partnership of Students</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="sub_nav_item">
                                    <a class="sub_nav_link" href="#">
                                        <div class="sub_nav_link_inner">
                                            <span class="sub_nav_link_label">Safe and Healthy Schools</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="sub_nav_item">
                                    <a class="sub_nav_link" href="#">
                                        <div class="sub_nav_link_inner">
                                            <span class="sub_nav_link_label">Global Pluralism</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="sub_nav_item">
                                    <a class="sub_nav_link" href="#">
                                        <div class="sub_nav_link_inner">
                                            <span class="sub_nav_link_label">COVID-19 Global Education Recovery Tracker</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% include '@partial-page-content' with {
	page: page,
	content: '<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis.</p><p>Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p><p>Curabitur blandit tempus porttitor. Donec sed odio dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla.</p>'
} %}

<div class="full_width_callouts">
	{% include '@component-card-group' with {
		theme: 'white',
		group_title: 'Impact',
		group_title_visible: false,
		group_description: '',
		cards: [
			{
				card_type: 'stat',
				item: {
					type: 'default',
					figure: '84%',
					label: 'Students',
					description: 'Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.',
					link: {
						url: '#',
						label: 'Nibh Dapibus Tristique'
					}
				}
			},
			{
				card_type: 'stat',
				item: {
					type: 'default',
					figure: '8.65',
					label: 'Alumni',
					description: 'Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.',
					link: {
						url: '#',
						label: 'Doctoral Programs'
					}
				}
			},
			{
				card_type: 'image',
				item: {
					type: 'default',
					image: '1',
					alt: ''
				}
			},
			{
				card_type: 'quote',
				item: {
					type: 'default',
					image: '1',
					alt: '',
					quote: 'The real difference is the faculty. You have access to internationally known leaders who can talk you through situations based on a depth of real-life experience.',
					name: 'Evan Velleman, MS \'18',
					title: 'Counselor, Henderson-Hopkins School, Baltimore, Md.'
				}
			}
		]
	} %}

	{% include '@component-spotlight' with {
		theme: 'purple_gem',
		label: '',
		name: "Katie Lee, MS '22",
		title: 'Student',
		quote: '"The flexibility of the online program and the mentoring by the faculty made it possible for me to excel in my teaching career. My professors\' passion for gifted education was a great inspiration!”',
		image: '1',
		alt: '',
		description:
			'Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum.',
		link: ''
	} %}

	{% include '@component-topic-row' with {
		card_alignment: 'right',
		theme: 'gray_light',
		group_title: 'Get Involved in Urban Education',
		group_description:
			'Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. ',
		group_link: '',
		cards: [
			{
				card_type: 'links',
				item: {
					type: 'contained',
					title: 'Related Programs',
					items: [
						{
							url: '#',
							label: 'Justo Ultricies'
						},
						{
							url: '#',
							label: 'Fringilla Pharetra'
						},
						{
							url: '#',
							label: 'Inceptos Ornare'
						},
						{
							url: '#',
							label: 'Ullamcorper Fusce Risus'
						},
						{
							url: '#',
							label: 'Cras Venenatis Sit'
						},
						{
							url: '#',
							label: 'Mattis Ridiculus Nibh'
						}
					]
				}
			},
			{
				card_type: 'links',
				item: {
					type: 'contained',
					title: 'Center & Institutes',
					items: [
						{
							url: '#',
							label: 'Justo Ultricies'
						},
						{
							url: '#',
							label: 'Fringilla Pharetra'
						},
						{
							url: '#',
							label: 'Inceptos Ornare'
						},
						{
							url: '#',
							label: 'Ullamcorper Fusce Risus'
						},
						{
							url: '#',
							label: 'Cras Venenatis Sit'
						},
						{
							url: '#',
							label: 'Mattis Ridiculus Nibh'
						}
					]
				}
			}
		]
	} %}

	{% include '@component-featured-video' with {
		theme: 'blue_navy',
		title: 'About Henderson-Hopkins',
		image: '9',
		alt: '',
		video: {
			type: 'vimeo',
			id: '258133523',
			title: 'Fastspot Moments'
		}
	} %}

	{% include '@component-theme-cards' with {
		full_bleed: false,
		title: 'Focus Areas',
		description:
			'Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod.',
		items: [
			{
				title: 'Vision',
				image: '1',
				alt: '',
				description:
					'Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.'
			},
			{
				title: 'Research',
				image: '2',
				alt: '',
				description:
					'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Donec sed odio dui.'
			},
			{
				title: 'Practice',
				image: '3',
				alt: '',
				description:
					'Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.'
			},
			{
				title: 'Community',
				image: '4',
				alt: '',
				description:
					'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Donec sed odio dui.'
			},
			{
				title: 'Leadership',
				image: '5',
				alt: '',
				description:
					'Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.'
			},
			{
				title: 'Dedicated Staff',
				image: '6',
				alt: '',
				description:
					'Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Donec sed odio dui.'
			}
		]
	} %}

	{% include '@component-gallery' with {
		title: 'Pandemic Hits and Henderson-Hopkins Responds',
		description: 'As principal of Henderson-Hopkins since June 2018, Peter Kannam has now spent more than half of his tenure steering the school community through a global pandemic. Improvisation and flexibility have defined his response: The school never fully shut its doors, but adapted to solidify its role as a community anchor, serving as a food distribution site, vaccination clinic, and haven for students who still needed supervision and meals.',
		rows: [
			{
				layout: '50_50',
				items: [
					{
						image: '3',
						alt: '',
						video: {
							type: '',
							id: '',
							title: ''
						},
						caption: "Henderson-Hopkins' Safe Center for Online Learning was a vital resource for kids whose parents could not work remotely."
					},
					{
						image: '4',
						alt: '',
						video: {
							type: '',
							id: '',
							title: ''
						},
						caption:
							'Henderson-Hopkins teachers worked together to close the coronavirus knowledge gap.'
					}
				]
			},
			{
				layout: '50_50',
				items: [
					{
						image: '5',
						alt: '',
						video: {
							type: '',
							id: '',
							title: ''
						},
						caption: 'School volunteers, including Hopkins students, distributed up to 10,000 pounds of food per week during the height of the pandemic.'
					},
					{
						image: '6',
						alt: '',
						video: {
							type: '',
							id: '',
							title: ''
						},
						caption:
							'Principal Peter Kannam welcomes students back to school on Aug. 30, 2021.'
					}
				]
			}
		]
	} %}

	{% include '@component-related-news' with {
		theme: 'gray_light',
		card_alignment: 'right',
		group_title: 'Related News',
		group_link: {
			label: 'All News',
			url: '#'
		},
		featured: {
			title: 'A Hub for the Community',
			category: 'Community',
			color: 'plum_gem',
			image: '1',
			alt: '',
			url: '#'
		},
		cards: [
			{
				card_type: 'news',
				item: {
					type: 'default',
					title: 'Neuro-Education Initiative Marks 15 Years at the Learning and the Brain Conference',
					category: 'Community',
					color: 'plum_gem',
					image: '2',
					alt: '',
					url: '#'
				}
			},
			{
				card_type: 'news',
				item: {
					type: 'default',
					title: "When School Feels 'Like Prison,' Test Scores, College Attendance Drop",
					category: 'Research',
					color: 'green_gem',
					image: '2',
					alt: '',
					url: '#'
				}
			},
			{
				card_type: 'news',
				item: {
					type: 'default',
					title: 'A Broken Pipeline: The Issues Contributing to the U.S. Teacher Shortage',
					category: 'Voices',
					color: 'orange_gem',
					image: '3',
					alt: '',
					url: '#'
				}
			},
			{
				card_type: 'news',
				item: {
					type: 'default',
					title: 'Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students',
					category: 'Chool News',
					color: 'blue_brand',
					image: '4',
					alt: '',
					url: '#'
				}
			}
		]
	} %}
</div>

{% include '@partial-page-subnav-mobile' with {
	page: page
} %}

No notes defined.