<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/44911/9-the-end-of-apartheid" 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/freedomday.jpg"
            alt="9. The end of apartheid"
        >
    </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">
                        9. The end of apartheid
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On-going protest combined with other factors to eventually bring the freeing of Mandela from prison and un-banning of the ANC. It took another 3 years however for negotiations to agree on a new constitution...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/36265/1-origins-and-rise-of-ghanas-independence-movement" 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/cpp_%E2%80%92_convention_people-s_party_logo.jpg"
            alt="1. Origins and rise of Ghana&#039;s independence movement"
        >
    </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 and rise of Ghana's independence movement
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Gold Coast was seen as a stable, model colony by the British. However, by the late 1940s several factors were coming together to promote a strong independence movement; a generation of educated Africans,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/47328/e-germany-18711890" 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/290px-kladderadatsch_1875_-_zwischen_berlin_und_rom.png"
            alt="e. Germany (1871–1890)"
        >
    </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">
                        e. Germany (1871–1890)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Kaiserreich was born in a mood of national euphoria; Germans were proud of their new country's military and economic strength. Nevertheless the new Reich was far from united. Guiding questions What...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/44790/6-resistance-to-apartheid-in-the-50s-and-60s" 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/national-women-day3.jpg"
            alt="6. Resistance to apartheid in the 50s and 60s"
        >
    </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. Resistance to apartheid in the 50s and 60s
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Following the implementation of the Apartheid Laws, the ANC turned to more direct action against the government. At first this action was non-violent, but following the Sharpeville massacre, more violent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/44652/4a-the-national-party-policies-1948-1966" 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/apartheid-sign.jpg"
            alt="4a. The National Party: policies 1948 - 1966"
        >
    </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">
                        4a. The National Party: policies 1948 - 1966
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In 1948, The National Party won the election based on a manifesto promising segregation between the races. This was the policy of apartheid which was established under D.F. Malan, and developed further...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/56037/2-second-world-war-causes-of-war-in-europe-part-ii" 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-chamb.jpg"
            alt="2. Second World War: Causes of war in Europe Part II"
        >
    </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. Second World War: Causes of war in Europe Part II
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page contains ATL to help students understand the short-term causes of The Second World War in Europe from 1937.  Hitler was in a much more secure position by this point, and his actions from the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/46793/2-german-unification" 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/bundesarchiv_bild_146-2005-0057%2C_otto_von_bismarck_%28cropped%29.jpg"
            alt="2. German Unification"
        >
    </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. German Unification
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> German Unification followed a similar timeline to that of Italian Unification - finally being completed in 1871. However, as you will see, the forces and individuals which drove forward German Unification...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/46551/1-italian-unification" 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/garibaldi-2-655x368-1.jpg"
            alt="1. Italian Unification"
        >
    </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. Italian Unification
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Italy finally became a unified country in 1870 when Rome was handed over from the Pope. The unification movement is known by Italians as the Risorgimento ('rebirth' or 'resurgence'); however, as you will...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/60550/f-german-unification-quiz" 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/germany-battle.jpg"
            alt="f. German unification quiz"
        >
    </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">
                        f. German unification quiz
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Now try this quiz on German Unification.   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/22220/8-the-soviet-union-graded-student-essays" 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/essay-writing.jpg"
            alt="8. The Soviet Union: Graded student essays"
        >
    </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. The Soviet Union: Graded student essays
                                                <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"> On this page you will find sample essays on this topic, written by students. There are also some suggested activities that you could do with the essays. To what extent were Stalin's domestic policies...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 February 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=87" 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>
