<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/62525/c-what-challenges-did-society-face-after-the-transition" 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/chechen.jpg"
            alt="c. What challenges did society face after the transition?"
        >
    </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">
                        c. What challenges did society face after the transition?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Following the collapse of the Soviet Union, Russian society faced tremendous instability.  As you have seen, the 1991 hardline communist coup attempt against Mikhail Gorbachev demonstrated the deep-seated...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/63407/c-how-was-displacement-experienced-by-different-groups" 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/newfolder/15--2922_6.jpg"
            alt="c. How was displacement experienced by different groups"
        >
    </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">
                        c. How was displacement experienced by different groups
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> After 1945, refugees and stateless persons across Europe experienced harsh conditions in DP camps, often lacking documentation or a clear path to resettlement. Stateless people, especially from Eastern...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/66382/1-impact-of-the-system-of-slavery-on-the-usa" 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/family_of_african_american_slaves_on_smith-s_plantation_beaufort_south_carolina.jpg"
            alt="1. Impact of the system of slavery on the USA"
        >
    </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. Impact of the system of slavery on the USA
                                                <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"> This page focuses on the key issue of slavery. Slavery was fundamental in dividing America and causing conflicts between North and South which ultimately led to the Civil War. The four points of specified...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/61488/b-how-was-independence-achieved" 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/toussaint_louverture_-_girardin.jpg"
            alt="b. How was independence achieved?"
        >
    </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">
                        b. How was independence achieved?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Haitian revolution began on 22 August 1791, and ended in 1804. It involved free black, mixed race, white colonists and the slaves as well as French, Spanish, British participants —with the ex-slave...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/72448/interactive-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/images/image-galleries/question-mark-unsplash.jpg"
            alt="Interactive 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">
                        Interactive quizzes 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are interactive quizzes for this topic on First World War - 25 interactive questions on each page. Here are 25 questions on the causes of the First World War Here are 25 questions to test your knowledge...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/72447/7-first-world-war-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="7. First World War: 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">
                        7. First World War: Quizzes 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section you can find quizzes which can be used as a starters to a lesson or as an end of topic quiz. For the multiple-choice quiz there is also an interactive quiz version here: Interactive quizzes ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/72436/b-post-conflict-peace-building" 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/new-curriculum/paper-2/conflict/world-war-1/4_16.jpg.webp"
            alt="b. Post-conflict peace building"
        >
    </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">
                        b. Post-conflict peace building
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page examines the difficulties of post-conflict peacebuilding after the war.  These difficulties were partly due to the discontent that countries felt towards the Treaty of Versailles, but also because...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/72375/b-the-other-peace-treaties-signed-in-paris" 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/igcse/history/main-qimg-3f732dec01c26f79b2af28faf70de233.jpg"
            alt="b. The other Peace Treaties signed in Paris"
        >
    </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">
                        b. The other Peace Treaties signed in Paris
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Treaty of Versailles dealt with specifically with Germany. Four separate peace treaties were signed in Paris:  with Austria (the Treaty of St Germain), Hungary (Treaty of Trianon), Bulgaria (Treaty...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/72344/a-germany-and-the-treaty-of-versailles" 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/igcse/history/versaillestreaty590.jpg"
            alt="a. Germany and the Treaty of Versailles"
        >
    </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. Germany and the Treaty of Versailles
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Following the armistice of 1918, the Allied leaders met to sort out peace terms at Versailles, France. This was a time of great optimism with many hoping that any peace deal would follow the ideas put...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/72335/4-how-was-peace-established" 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/new-curriculum/paper-2/conflict/world-war-1/george-v-unveiling.jpg"
            alt="4. How was peace established?"
        >
    </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. How was peace established?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The section examines the reasons why the war ended and the failed attempts to create peace in Europe via the Paris Treaties....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2026
                        </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=5" 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>
