<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/60658/1-south-africa" 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/mandela_voting_in_1994.jpg"
            alt="1. South Africa"
        >
    </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. South Africa
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Before 1994, South Africa operated under a system of Apartheid where rights belonged to a white minority who were able to subjugate is Black majority. The emergence and establishment of a democratic state...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/47738/6-detente" 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/detente-02-300x300.png"
            alt="6. Detente"
        >
    </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">
                        6. Detente
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are 12 questions on Detente You can review this topic first on this page: 1.2 US, USSR and China 1947-79 ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/38401/5-cold-war-crises-the-cuban-missile-crisis" 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/170px-operation_castle_-_romeo_001.jpg"
            alt="5. Cold War Crises: The Cuban Missile Crisis"
        >
    </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. Cold War Crises: The Cuban Missile Crisis
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are 20 questions on the Cuban Missile Crisis:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/37344/4-cold-war-crises-berlin-wall" 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/267px-berlinermauer.jpg"
            alt="4. Cold War Crises: Berlin Wall"
        >
    </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">
                        4. Cold War Crises: Berlin Wall
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are 20 questions on the Berlin Wall Crisis. Review the Berlin Crisis (1959 - 61) first on this page before doing the quiz. 3. Theme 3 - Cold War Crises (ATL) ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/37337/3-cold-war-crises-the-korean-war" 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/korea.jpg"
            alt="3. Cold War Crises: The Korean War"
        >
    </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. Cold War Crises: The Korean War
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are 20 questions on the Korean War:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/36694/2-origins-of-the-cold-war-mc-part-2" 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/cold-war.jpg"
            alt="2. Origins of the Cold War (M/C) (part 2)"
        >
    </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">
                        2. Origins of the Cold War (M/C) (part 2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are 20 questions on the origins of the Cold War:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/38877/1-origins-of-the-cold-war-mc" 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/cold-war.jpg"
            alt="1. Origins of the Cold War (M/C)"
        >
    </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. Origins of the Cold War (M/C)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Read and do the ATL tasks under guiding question 1 (How did events 1944 - 46 contribute to growing tension between the USA and the USSR?)on this page:  1.1 Theme 1 - Rivalry, Mistrust and Accord (ATL) ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/36249/topic-08-independence-movements" 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/indian-independence-movements.jpg"
            alt="Topic 08: Independence Movements"
        >
    </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">
                        Topic 08: Independence Movements
                                                <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"> Topic 8 focuses on the emergence of new states in the 19th and 20th Centuries. You will need to cover at least two Independence movements from different regions though it is recommended that you study...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/48297/2-hitler-consolidation-and-maintenance-of-power" 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/hitler.png"
            alt="2. Hitler: Consolidation and maintenance of power"
        >
    </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">
                        2. Hitler: Consolidation and maintenance of power
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Once Hitler had passed the Enabling Act, he was was able to act quickly to consolidate his power by taking over all aspects of German life and dealing with the most dangerous threat to his power - the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/60423/a-background-events-in-south-africa-before-1980" 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/subject/generic/15/03.jpg"
            alt="a. Background: events in South Africa before 1980"
        >
    </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">
                        a. Background: events in South Africa before 1980
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In order to understand the significance of South Africa's emergence as a democratic state in 1994, it is important to appreciate the repressive, minority system that existed prior to this - which excluded...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 March 2025
                        </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=84" 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>
