<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">Whether in support of students, schools, communities or populations, education is a calling. By joining the Johns Hopkins School of Education, you'll do more than pursue a rewarding career. You'll unite with other leaders in a common cause.</p>
                <!-- WYSIWYG -->
                <div class="typography">

                    <p>Founded more than 50 years ago at Johns Hopkins University, the Center for Social Organization of Schools, now part of the Johns Hopkins School of Education, concentrates its considerable research and development resources on improving low-performing schools and the education they offer their students.</p>
                    <p>The center maintains a staff of full-time sociologists, psychologists, social psychologists, and educators who conduct programmatic research to improve the education system, as well as full-time support staff engaged in developing curricula and providing technical assistance to help schools use the center's research.</p>

                </div>
                <!-- END: WYSIWYG -->
            </div>
        </div>
    </div>
</div>
<div class="full_width_callouts">

    <!-- Topic Row -->
    <div class="js-anim topics_row component_theme_blue_cloud 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">Research</span>
                                </h2>
                                <div class="topics_row_description">
                                    <p>From advancing early learning to strengthening graduation rates, CSOS researchers are leading groundbreaking transformational research in schools, districts, and communities across the country.</p>
                                </div>
                            </div>
                            <div class="topics_row_cards">
                                <div class="topics_row_card">

                                    <!-- Links Long Card -->
                                    <div class="card card_links_long card_type_contained">
                                        <div class="card_inner card_links_long_inner">
                                            <div class="card_links_long_grid">
                                                <div class="card_links_long_header">
                                                    <h2 class="card_links_long_title">Projects</h2>
                                                </div>
                                                <div class="card_links_long_body">
                                                    <ul class="card_links_long_list" aria-label="Projects">
                                                        <li class="card_links_long_item">
                                                            <a href="#" class="card_links_long_item_link">
                                                                <span class="card_links_long_item_link_label">Continuous Improvement in High Schools. Helping More Students Succeed</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_long_item">
                                                            <a href="#" class="card_links_long_item_link">
                                                                <span class="card_links_long_item_link_label">Building a Grad Nation Report 2021: Progress and Challenge in Raising High School Graduation Rates</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_long_item">
                                                            <a href="#" class="card_links_long_item_link">
                                                                <span class="card_links_long_item_link_label">Helping High School Teachers to Effectively Engage Students</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_long_item">
                                                            <a href="#" class="card_links_long_item_link">
                                                                <span class="card_links_long_item_link_label">Improving How Schools Engage Families During the Crucial 9th-grade Year</span>
                                                            </a>
                                                        </li>
                                                        <li class="card_links_long_item">
                                                            <a href="#" class="card_links_long_item_link">
                                                                <span class="card_links_long_item_link_label">Framework for Action: Building a Corps for Student Success</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: Links Long Card -->
                                </div>
                                <div class="topics_row_card">

                                    <!-- Topic Card -->
                                    <div class="card card_topic card_type_contained">
                                        <div class="card_inner card_topic_inner">
                                            <div class="card_topic_grid">
                                                <div class="card_topic_group">
                                                    <div class="card_topic_header">
                                                        <h2 class="card_topic_title">All Research</h2>
                                                    </div>
                                                    <div class="card_topic_body">
                                                        <p class="card_topic_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                                    </div>
                                                    <div class="card_topic_action">
                                                        <a class="card_topic_link" href="#">Explore All Research</a>
                                                    </div>
                                                </div>
                                                <div class="card_topic_media">
                                                    <figure class="card_topic_figure">

                                                        <img class="card_topic_image" srcset="https://images.fastspot.com/jhusoe/980x654/12 980w, https://images.fastspot.com/jhusoe/740x494/12 740w, https://images.fastspot.com/jhusoe/500x334/12 500w, https://images.fastspot.com/jhusoe/300x200/12 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/12" alt="" loading="lazy" width="300" height="200">
                                                    </figure>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: Topic Card -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="topics_row_carousel">
                    <div class="js-slick-row carousel_row" data-slick='{"regionLabel": "Research", "arrows": false, "dots": true, "infinite": false, "variableWidth": true}'>
                        <div class="carousel_row_card">

                            <!-- Links Long Card -->
                            <div class="card card_links_long card_type_contained">
                                <div class="card_inner card_links_long_inner">
                                    <div class="card_links_long_grid">
                                        <div class="card_links_long_header">
                                            <h2 class="card_links_long_title">Projects</h2>
                                        </div>
                                        <div class="card_links_long_body">
                                            <ul class="card_links_long_list" aria-label="Projects">
                                                <li class="card_links_long_item">
                                                    <a href="#" class="card_links_long_item_link">
                                                        <span class="card_links_long_item_link_label">Continuous Improvement in High Schools. Helping More Students Succeed</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_long_item">
                                                    <a href="#" class="card_links_long_item_link">
                                                        <span class="card_links_long_item_link_label">Building a Grad Nation Report 2021: Progress and Challenge in Raising High School Graduation Rates</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_long_item">
                                                    <a href="#" class="card_links_long_item_link">
                                                        <span class="card_links_long_item_link_label">Helping High School Teachers to Effectively Engage Students</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_long_item">
                                                    <a href="#" class="card_links_long_item_link">
                                                        <span class="card_links_long_item_link_label">Improving How Schools Engage Families During the Crucial 9th-grade Year</span>
                                                    </a>
                                                </li>
                                                <li class="card_links_long_item">
                                                    <a href="#" class="card_links_long_item_link">
                                                        <span class="card_links_long_item_link_label">Framework for Action: Building a Corps for Student Success</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Links Long Card -->
                        </div>
                        <div class="carousel_row_card">

                            <!-- Topic Card -->
                            <div class="card card_topic card_type_contained">
                                <div class="card_inner card_topic_inner">
                                    <div class="card_topic_grid">
                                        <div class="card_topic_group">
                                            <div class="card_topic_header">
                                                <h2 class="card_topic_title">All Research</h2>
                                            </div>
                                            <div class="card_topic_body">
                                                <p class="card_topic_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                            </div>
                                            <div class="card_topic_action">
                                                <a class="card_topic_link" href="#">Explore All Research</a>
                                            </div>
                                        </div>
                                        <div class="card_topic_media">
                                            <figure class="card_topic_figure">

                                                <img class="card_topic_image" srcset="https://images.fastspot.com/jhusoe/980x654/12 980w, https://images.fastspot.com/jhusoe/740x494/12 740w, https://images.fastspot.com/jhusoe/500x334/12 500w, https://images.fastspot.com/jhusoe/300x200/12 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/12" alt="" loading="lazy" width="300" height="200">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Topic 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 -->

    <!-- 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">Nobody Asked Me Campaign</span>
                                </h2>
                                <div class="topics_row_description">
                                    <p>The Nobody Asked Me Campaign centers community voices to strengthen Baltimore City Public Schools in hopes of ensuring students will receive a “thorough and efficient” education, and that they will be in safe, healthy, and healing environments where they can learn and develop the skills to thrive in Baltimore.</p>
                                </div>
                            </div>
                            <div class="topics_row_cards">
                                <div class="topics_row_card">

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

                                                <img class="card_image_image" srcset="https://images.fastspot.com/jhusoe/735x980/6 735w, https://images.fastspot.com/jhusoe/555x740/6 555w, https://images.fastspot.com/jhusoe/375x500/6 375w, https://images.fastspot.com/jhusoe/225x300/6 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/6" alt="" loading="lazy" width="225" height="300">
                                            </figure>
                                        </div>
                                    </div>
                                    <!-- END: Image Card -->
                                </div>
                                <div class="topics_row_card">

                                    <!-- Topic Card -->
                                    <div class="card card_topic card_type_default">
                                        <div class="card_inner card_topic_inner">
                                            <div class="card_topic_grid">
                                                <div class="card_topic_group">
                                                    <div class="card_topic_header">
                                                        <h2 class="card_topic_title">Explore the Campaign</h2>
                                                    </div>
                                                    <div class="card_topic_body">
                                                        <p class="card_topic_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                                    </div>
                                                    <div class="card_topic_action">
                                                        <a class="card_topic_link" href="#">Explore All Research</a>
                                                    </div>
                                                </div>
                                                <div class="card_topic_media">
                                                    <figure class="card_topic_figure">

                                                        <img class="card_topic_image" srcset="https://images.fastspot.com/jhusoe/980x654/10 980w, https://images.fastspot.com/jhusoe/740x494/10 740w, https://images.fastspot.com/jhusoe/500x334/10 500w, https://images.fastspot.com/jhusoe/300x200/10 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/10" alt="" loading="lazy" width="300" height="200">
                                                    </figure>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: Topic Card -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="topics_row_carousel">
                    <div class="js-slick-row carousel_row" data-slick='{"regionLabel": "Nobody Asked Me Campaign", "arrows": false, "dots": true, "infinite": false, "variableWidth": true}'>
                        <div class="carousel_row_card">

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

                                        <img class="card_image_image" srcset="https://images.fastspot.com/jhusoe/735x980/6 735w, https://images.fastspot.com/jhusoe/555x740/6 555w, https://images.fastspot.com/jhusoe/375x500/6 375w, https://images.fastspot.com/jhusoe/225x300/6 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/6" alt="" loading="lazy" width="225" height="300">
                                    </figure>
                                </div>
                            </div>
                            <!-- END: Image Card -->
                        </div>
                        <div class="carousel_row_card">

                            <!-- Topic Card -->
                            <div class="card card_topic card_type_default">
                                <div class="card_inner card_topic_inner">
                                    <div class="card_topic_grid">
                                        <div class="card_topic_group">
                                            <div class="card_topic_header">
                                                <h2 class="card_topic_title">Explore the Campaign</h2>
                                            </div>
                                            <div class="card_topic_body">
                                                <p class="card_topic_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                                            </div>
                                            <div class="card_topic_action">
                                                <a class="card_topic_link" href="#">Explore All Research</a>
                                            </div>
                                        </div>
                                        <div class="card_topic_media">
                                            <figure class="card_topic_figure">

                                                <img class="card_topic_image" srcset="https://images.fastspot.com/jhusoe/980x654/10 980w, https://images.fastspot.com/jhusoe/740x494/10 740w, https://images.fastspot.com/jhusoe/500x334/10 500w, https://images.fastspot.com/jhusoe/300x200/10 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/10" alt="" loading="lazy" width="300" height="200">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END: Topic 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 -->

    <div class="news_related component_theme_white 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">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_blue_brand">
                            <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">Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students</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/12 1220w, https://images.fastspot.com/jhusoe/980x654/12 980w, https://images.fastspot.com/jhusoe/740x494/12 740w, https://images.fastspot.com/jhusoe/500x334/12 500w, https://images.fastspot.com/jhusoe/300x200/12 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/12" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <p class="news_related_feature_category">School News</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/9 980w, https://images.fastspot.com/jhusoe/740x494/9 740w, https://images.fastspot.com/jhusoe/500x334/9 500w, https://images.fastspot.com/jhusoe/300x200/9 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/9" 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/5 980w, https://images.fastspot.com/jhusoe/740x494/5 740w, https://images.fastspot.com/jhusoe/500x334/5 500w, https://images.fastspot.com/jhusoe/300x200/5 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/5" 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/13 980w, https://images.fastspot.com/jhusoe/740x494/13 740w, https://images.fastspot.com/jhusoe/500x334/13 500w, https://images.fastspot.com/jhusoe/300x200/13 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/13" 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_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">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/14 980w, https://images.fastspot.com/jhusoe/740x494/14 740w, https://images.fastspot.com/jhusoe/500x334/14 500w, https://images.fastspot.com/jhusoe/300x200/14 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/14" alt="" loading="lazy" width="300" height="200">
                                                    </figure>
                                                    <p class="card_news_category">Community</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": "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/9 980w, https://images.fastspot.com/jhusoe/740x494/9 740w, https://images.fastspot.com/jhusoe/500x334/9 500w, https://images.fastspot.com/jhusoe/300x200/9 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/9" 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/5 980w, https://images.fastspot.com/jhusoe/740x494/5 740w, https://images.fastspot.com/jhusoe/500x334/5 500w, https://images.fastspot.com/jhusoe/300x200/5 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/5" 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/13 980w, https://images.fastspot.com/jhusoe/740x494/13 740w, https://images.fastspot.com/jhusoe/500x334/13 500w, https://images.fastspot.com/jhusoe/300x200/13 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/13" 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_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">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/14 980w, https://images.fastspot.com/jhusoe/740x494/14 740w, https://images.fastspot.com/jhusoe/500x334/14 500w, https://images.fastspot.com/jhusoe/300x200/14 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/14" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <p class="card_news_category">Community</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>
{% include '@partial-page-content--center' with {
	page: page,
	content: "
		<p>Founded more than 50 years ago at Johns Hopkins University, the Center for Social Organization of Schools, now part of the Johns Hopkins School of Education, concentrates its considerable research and development resources on improving low-performing schools and the education they offer their students.</p>
		<p>The center maintains a staff of full-time sociologists, psychologists, social psychologists, and educators who conduct programmatic research to improve the education system, as well as full-time support staff engaged in developing curricula and providing technical assistance to help schools use the center's research.</p>
		"
} %}

<div class="full_width_callouts">
	{% include '@component-topic-row' with {
		card_alignment: 'right',
		theme: 'blue_cloud',
		group_title: 'Research',
		group_description:
			'From advancing early learning to strengthening graduation rates, CSOS researchers are leading groundbreaking transformational research in schools, districts, and communities across the country.',
		group_link: '',
		cards: [
			{
				card_type: 'links-long',
				item: {
					type: 'contained',
					title: 'Projects',
					items: [
						{
							url: '#',
							label: 'Continuous Improvement in High Schools. Helping More Students Succeed'
						},
						{
							url: '#',
							label: 'Building a Grad Nation Report 2021: Progress and Challenge in Raising High School Graduation Rates'
						},
						{
							url: '#',
							label: 'Helping High School Teachers to Effectively Engage Students'
						},
						{
							url: '#',
							label: 'Improving How Schools Engage Families During the Crucial 9th-grade Year'
						},
						{
							url: '#',
							label: 'Framework for Action: Building a Corps for Student Success'
						}
					]
				}
			},
			{
				card_type: 'topic',
				item: {
					type: 'contained',
					image: '12',
					alt: '',
					title: 'All Research',
					description: 'Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.',
					link: {
						url: '#',
						label: 'Explore All Research'
					}
				}
			}
		]
	} %}

	{% include '@component-topic-row' with {
		card_alignment: 'right',
		theme: 'gray_light',
		group_title: 'Nobody Asked Me Campaign',
		group_description:
			'The Nobody Asked Me Campaign centers community voices to strengthen Baltimore City Public Schools in hopes of ensuring students will receive a “thorough and efficient” education, and that they will be in safe, healthy, and healing environments where they can learn and develop the skills to thrive in Baltimore.',
		group_link: '',
		cards: [
			{
				card_type: 'image',
				item: {
					type: 'contained',
					image: '6',
					alt: ''
				}
			},
			{
				card_type: 'topic',
				item: {
					type: 'default',
					image: '10',
					alt: '',
					title: 'Explore the Campaign',
					description: 'Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.',
					link: {
						url: '#',
						label: 'Explore All Research'
					}
				}
			}
		]
	} %}

	{% include '@component-related-news' with {
		theme: 'white',
		card_alignment: 'right',
		group_title: 'News',
		group_link: {
			label: 'All News',
			url: '#'
		},
		featured: {
			title: 'Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students',
			category: 'School News',
			color: 'blue_brand',
			image: '12',
			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: '9',
					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: '5',
					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: '13',
					alt: '',
					url: '#'
				}
			},
			{
				card_type: 'news',
				item: {
					type: 'default',
					title: 'Johns Hopkins, National Partners Tackle Academic Success and Well-being for Students',
					category: 'Community',
					color: 'plum_gem',
					image: '14',
					alt: '',
					url: '#'
				}
			}
		]
	} %}
</div>

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

No notes defined.