<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/20111/6-the-cold-war-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/resources.jpg"
            alt="6. The Cold War: 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">
                        6. The Cold War: Extra Resources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On these pages you can find useful websites for the Cold War along with historians' texts that students might find enjoyable to develop their understanding further. There are also some suggestions for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/45779/october-blog-60th-anniversary-of-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/soviet-missle-site-large.jpg"
            alt="October blog: 60th Anniversary of Cuban missile crisis"
        >
    </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">
                        October blog: 60th Anniversary of Cuban missile crisis
                                                <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"> Anniversaries of key historical events provide an opportunity to examine in more detail these events and to assess their long-term impact. This month sees two significant anniversaries - both of which...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/44555/topic-15-developments-in-south-africa-1880-1994" 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-2-8b4ac2b.jpg"
            alt="Topic 15. Developments in South Africa, 1880 - 1994"
        >
    </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 15. Developments in South Africa, 1880 - 1994
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section focuses on the history of South Africa between 1880 and 1994 - from the impact of the discovery of gold and diamonds and the conflict between the Boers and the British to the establishment...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 October 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/45576/2-causes-of-the-south-african-war-18991902" 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/smuts-boer-war.jpg"
            alt="2. Causes of the South African War (1899–1902)"
        >
    </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. Causes of the South African War (1899–1902)
                                                <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 South African War of 1899 to 1902 - also known as the Second Boer War - had profound consequences for the future of South Africa as well as for the British - who faced international humiliation by...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 September 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/45640/developments-in-south-africa-essay-planning" 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/screenshot-2022-09-21-at-21.00.25.png"
            alt="Developments in South Africa: Essay planning"
        >
    </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">
                        Developments in South Africa: Essay planning
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are some example of essay questions on this topic for you to plan - with some hints to help you. Write the following essay: To what extent were economic factors the main reason for the South African...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 September 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/45591/3-course-and-results-of-the-south-african-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/screenshot-2022-09-13-at-20.50.10.png"
            alt="3. Course and results of the South African 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. Course and results of the South African War
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The South African War did not turn out in the way the British had anticipated. Although the British overcame their initial setbacks and seemed to have secured victory by 1900, the Boers did not surrender....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/44362/4-policies-of-smuts-and-hertzog-19101948" 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/botha_gouvernment_1910.jpg"
            alt="4. Policies of Smuts and Hertzog (1910–1948)"
        >
    </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. Policies of Smuts and Hertzog (1910–1948)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  The Union of South Africa was declared in 1910 and after this, successive white governments enacted policies that gave control of the land and economy to a white minority, entrenched urban segregation,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 September 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/44792/5-the-national-party-policies-1966-to-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/ib/history/vorster.jpg"
            alt="5. The National Party: policies 1966 to 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">
                        5. The National Party: policies 1966 to 1980
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> John Vorster took over as Prime Minister of South Africa following the assassination of Verwoerd in 1966. However, the change of leadership did not change the Apartheid policy or the laws underpinning...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 September 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/45435/1-the-boers-british-and-discovery-of-minerals" 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/map-south-africa-1880.jpg"
            alt="1. The Boers, British and discovery of minerals"
        >
    </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 Boers, British and discovery of minerals
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   In the second half of the 19th Century, South Africa was occupied by first the Dutch and then the British. The conflict between these two European races to control the land, and the mineral reserves...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 September 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/45529/september-gorbachevs-legacy" 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/gorbachev2.jpg"
            alt="September: Gorbachev&amp;#039;s legacy"
        >
    </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">
                        September: Gorbachev&#039;s legacy
                                                <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 most significant political leader globally of the second half of the 20th century and one of the greatest reformers in Russian history’  Archie Brown “We see the best side of Gorbachev. The Soviets...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 September 2022
                        </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=120" 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>
