<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/71822/a-strategies-and-tactics" 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/barbed-wire.png"
            alt="a. Strategies and tactics"
        >
    </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. Strategies and tactics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section examines the different strategies and tactics that were used on land, at sea and in the air and their impact on the final outcome of the war....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/68535/1-why-did-conflict-emerge" 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/judaicalgeria-bloody-all-saints-day.jpg"
            alt="1. Why did conflict emerge?"
        >
    </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. Why did conflict emerge?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The long-term causes of the Algerian War lay in the nature of French rule in Algeria which led to rising nationalism; the impact of the Second World War increased dissatisfaction dramatically - especially...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/68591/conflict-algeria" 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/agerian_war.jpg"
            alt="Conflict: Algeria"
        >
    </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">
                        Conflict: Algeria
                                                <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 Algerian War of 1954 to 1962 was one of the most brutal and devastating African struggles for independence. The war started on 1 November 1954 with an insurrection led by the Front de Libération Nationale...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/64136/historical-concepts" 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/ia/screenshot-2025-09-01-at-21.28.04.png"
            alt="Historical concepts"
        >
    </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">
                        Historical concepts
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> When studying the topics for your DP History course, you need to analyse the content through the lenses of the different historical concepts you can see here; this will help you to analyse and remain...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/70906/-how-to-navigate-this-site" 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/thinking.jpg"
            alt=" How to navigate this site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                         How to navigate this site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The format of the site has changed (August 2026) but hopefully it is even easier now to find your way around! All the pages are still there; but now organised under clear ‘teacher’ and ‘student’ sections....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/71458/b-economic-environmental-and-social-factors" 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/default.jpg"
            alt="b. Economic, environmental and social factors"
        >
    </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. Economic, environmental and social factors
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page examines economic, environmental and social factors that contributed to the outbreak of the First world War Inquiry question: Why did conflict emerge? Lines of Inquiry: How far did economic...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/53290/a-long-term-causes" 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/ho_chi_minh_1946.jpg"
            alt="a. Long-term causes"
        >
    </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. Long-term causes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The roots of the Vietnam War lie in the 19th Century French colony of Indochina and the events of the Second World War. Guiding questions How important were long-term factors in causing the Vietnam War?...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/71459/a-political-factors" 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/bfa--wgccaazhpz.jpg"
            alt="a. Political factors"
        >
    </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. Political factors
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These pages contain ATL activities to develop your conceptual understanding of how and why political factors led to war in Europe in August 1914.  You will explore the long-term and short-term events...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/71673/1-first-world-war-why-did-conflict-emerge" 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/ww1map.jpg"
            alt="1. First World War: Why did conflict emerge?"
        >
    </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. First World War: Why did conflict emerge?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section looks at the causes of the First World War examining these under the themes of political. economic, environmental and social factors....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/48009/d-thematic-factors-and-historiography" 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/ww1map.jpg"
            alt="d. Thematic factors and historiography"
        >
    </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">
                        d. Thematic factors and historiography
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page examines the causes of the First World War from a thematic perspective. It also gives an overview of how historiography on this topic has changed over time. How significant were economic, ideological...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 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=17" 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>
