<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/37952/mao-quizzes" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/question-mark.jpg"
            alt="Mao: Quizzes"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mao: Quizzes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> See below for interactive multiple choice quizzes that students can do online with student access. Or you can print off the paper version for students. Here are interactive quizzes on this topic. When...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 March 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/38054/3-maintenance-of-power-after-1952" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/cultural_revolution_poster(1).jpg"
            alt="3. Maintenance of power after 1952"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        3. Maintenance of power after 1952
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are 20 interactive questions on Mao's policies and maintenance of power after 1952   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 March 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/22918/3-spanish-civil-war-effects-atl" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/guernica.jpeg"
            alt="3. Spanish Civil War: Effects (ATL)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        3. Spanish Civil War: Effects (ATL)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page investigates both the domestic and international impact of the Spanish Civil War. Guiding questions: What was the human cost of the Spanish Civil War? What were the economic and political effects...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/37949/1-the-emergence-of-china-as-an-authoritarian-state" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/poster-thelongmarch.jpg"
            alt="1. The emergence of China as an authoritarian state"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1. The emergence of China as an authoritarian state
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are 20 questions on the rise of the CCP, 1921 to 1949...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/37946/1-the-rise-of-the-ccp-1921-1949" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/poster-thelongmarch.jpg"
            alt="1. The rise of the CCP (1921 - 1949)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1. The rise of the CCP (1921 - 1949)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are 20 questions on the rise of the CCP, 1921 to 1949...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/37944/china-and-korea-1910-1950-quizzes" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/evan-dennis-75563-unsplash(2).jpg"
            alt="China and Korea (1910 - 1950): Quizzes"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        China and Korea (1910 - 1950): Quizzes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page you will find quizzes on this topic to help students learn key facts. You can download these quizzes for the students to do. Alternatively students can do the interactive version of the quizzes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/37904/exam-update-may-2022" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/eating-for-exams-700-350-0718413.jpg"
            alt="Exam update: May 2022"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Exam update: May 2022
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The exam schedule for May 2022 has now been published....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/27681/5-the-us-occupation-1945-to-1952" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/hirohito_macarthur_1945_small.jpg"
            alt="5. The US Occupation 1945 to 1952"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        5. The US Occupation 1945 to 1952
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  The occupation of Japan by the US from 1945 to 1952 was led by General Douglas MacArthur, the Supreme Commander of the Allied Powers, with support from the British Commonwealth; unlike Germany, the Soviet...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/27943/8-japan-1912-to-1990-extra-resources" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/wordcloud.jpg"
            alt="8. Japan 1912 to 1990: Extra resources"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        8. Japan 1912 to 1990: Extra resources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   On these pages you can find useful websites for this unit along with historians' texts that students might find enjoyable to develop their understanding further. These books are all very readable and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/37656/january-holocaust-day-anniversaries-for-2021-and-new-resources-" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/history/14734_0498_candlelighters-890x500.jpg"
            alt="January: Holocaust Day, Anniversaries for 2021 and new resources "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        January: Holocaust Day, Anniversaries for 2021 and new resources 
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 27 January is Holocaust Remembrance Day; the theme for this year is 'Be the light in the darkness'. 'Be the light in the darkness is an affirmation and a call to action for everyone marking HMD. This...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 January 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/history/latest-updates?page=140" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Load more
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>

        </template>
    </turbo-stream>
