<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/71094/2-causes-and-impact-of-german-foreign-policy-before-the-first-wo" 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-3/europe/ww1/kaiser_wilhelm_ii_of_germany_-_1902_%283x4_cropped%29.jpg"
            alt="2. Causes and impact of German foreign policy before the First World 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">
                        2. Causes and impact of German foreign policy before the First World War
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In 1888, the young and ambitious Wilhelm II came to the throne in Germany, and Bismarck was replaced as Chancellor by Leo von Caprivi in 1890. Kaiser Wilhelm II and Caprivi took German foreign policy...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/71456/ii-diplomatic-realignment-after-1890" 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-3/europe/ww1/kaiser_wilhelm_ii_of_germany_-_1902_%283x4_cropped%29.jpg"
            alt="ii. Diplomatic realignment after 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">
                        ii. Diplomatic realignment after 1890
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In 1888, the young and ambitious Wilhelm II came to the throne in Germany, and Bismarck was replaced as Chancellor by Leo von Caprivi in 1890. Kaiser Wilhelm II and Caprivi took German foreign policy...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/71455/i-long-term-political" 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/leopold.jpg"
            alt="i. Long-term political"
        >
    </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">
                        i. Long-term political
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  The creation of the German Empire in 1871 caused a major shift in the European balance of power. Over the next two decades, Germany's Chancellor, Otto von Bismarck, worked hard to consolidate Germany's...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/62450/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/41i.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"> Japan’s change from a closed feudal society to a modern industrial state took place very quickly. The rapid political and social changes created challenges for the Meiji leaders. They had to find ways...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/71103/a-growing-tensions-1890-to-1913-" 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/post-53979-1268355430.jpg"
            alt="a. Growing tensions 1890 to 1913 "
        >
    </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. Growing tensions 1890 to 1913 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The years 1905 to 1913 saw tensions increasing with a series of 'crises' which helped cement the division of Europe into the two alliances of the Triple Entente and the Triple Alliance. In addition the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/66782/paper-1-focused-studies-sl-and-hl" 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/joao-silas-72563.jpg"
            alt="Paper 1 Focused Studies (SL and HL)"
        >
    </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">
                        Paper 1 Focused Studies (SL and HL)
                                                <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"> All of you will be studying Paper 1 where you will cover two case studies on a theme (focused study) and have the chance to examine and evaluate historical sources on this theme. See below for: Read this...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/68502/regional-study-11-social-movements-in-the-americas-19452020" 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-3/us-region/article_ai_68564b22c6b99-1200x640.jpg"
            alt="Regional study 11: Social movements in the Americas (1945–2020)"
        >
    </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">
                        Regional study 11: Social movements in the Americas (1945–2020)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This regional study focuses on social movements in the Americas.  The African American civil rights movement must be studied.  You also will study one other social movement from the Americas. This section...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/67528/i-norse-society-and-the-start-of-the-viking-age" 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/quizzes/download-1.jpg"
            alt="i. Norse society and the start of the &amp;#039;Viking Age&amp;#039;"
        >
    </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">
                        i. Norse society and the start of the &#039;Viking Age&#039;
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page you will investigate the environment, politics and culture of Norse society.  You will also explore the attack on Lindisfarne which was seen as the beginning of the ‘Viking Age’.  What was...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/71361/3-controlling-student-access" 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/chemistry/images/2023-basic-information/off-to-on.png"
            alt="3. Controlling student access"
        >
    </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">
                        3. Controlling student access
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page shows the different ways in which you can change the default on any student access page from ‘OFF’ to ‘ON’ (or vice versa) for any of your specified teaching groups once you have signed your...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/27646/2-student-access-setting-assignments" 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/photo-1455390582262-044cdead277a.jpg"
            alt="2. Student Access: setting assignments"
        >
    </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">
                        2. Student Access: setting assignments
                                                <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"> Once you have given your students access and they have signed themselves up, not only can they access the pages you allow them to see, but you can also set assignments.  An 'Assignment' is a task set...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 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=18" 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>
