<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/blog/55305/june-blog-d-day-anniversary" 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/53151566802_5af9babb7d.jpg"
            alt="June blog: D-Day Anniversary"
        >
    </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">
                        June blog: D-Day Anniversary
                                                <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"> 6th June 2024 marks 80 years since D-Day, the largest seaborne invasion in history, and the beginning of the liberation of Western Europe in the Second World War. As Historian Max Hastings writes, 'the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/24112/case-study-topic-10-mussolini" 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/benito_mussolini_crop.jpg"
            alt="Case Study Topic 10: Mussolini"
        >
    </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">
                        Case Study Topic 10: Mussolini
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mussolini came to power in Italy in 1922. Between this time and his fall in World war Two, he  dominated Italian politics. He was the most popular leader that Italy had ever seen and he attempted to transform...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/54906/2-mussolini-consolidation-and-maintenance-of-power" 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/s-l1600.jpg"
            alt="2. Mussolini: Consolidation and maintenance of power"
        >
    </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. Mussolini: Consolidation and maintenance of power
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page investigates the key themes connected with Mussolini's consolidation and maintenance of power. Guiding Questions How did Mussolini use legal methods to consolidate his power? What was the role...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/54275/5-the-qing-reforms-1901-1911" 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/the_ci-xi_imperial_dowager_empress_51.jpg"
            alt="5. The Qing reforms 1901 - 1911"
        >
    </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 Qing reforms 1901 - 1911
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The failure of the Boxer Rebellion and the humiliation of the dynasty made it clear to the Empress Dowager that she would have to accept a measure of reform in order to preserve the dynasty and the period...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/55153/may-blog-thinking-about-ees-and-university-applications" 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/realistic-graduate-caps-background_52683-80771.avif"
            alt="May blog: Thinking about EE&amp;#039;s and University applications"
        >
    </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">
                        May blog: Thinking about EE&#039;s and University applications
                                                <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">  Well done to all DP History students who are graduating in June!  Many first year history students will now be thinking about applying to university. Students planning to study history might want to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/40942/9b-impact-of-the-first-world-war-on-canada" 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/saint_julien_memorial%2C_brooding_soldier%2C_close_up.jpg"
            alt="9b Impact of the First World War on Canada"
        >
    </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">
                        9b Impact of the First World War on Canada
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The First World War was not only costly for Canada in terms of loss of life, it also exacerbated social tensions at home. While some Canadians have stressed the important impact the war had in uniting...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/55128/early-modernization-and-imperial-decline-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/subject/generic/15/04.jpg"
            alt="Early modernization and imperial decline: 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">
                        Early modernization and imperial decline: Essay planning
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page you will find essay planning exercises for this topic. The Hundred Days Reform Task One In pairs plan the following question: To what extent was the failure of the 100 Days Reform a result...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/54084/9-the-rise-of-japanese-military-power" 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="9. The rise of Japanese military power"
        >
    </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 rise of Japanese military power
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> By the end of the 1880s, as the Meiji political order was nearing completion, Japan's leaders started paying serious attention to the international situation. Having secured the revision of the unequal...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/40268/7-involvement-of-canada-in-the-first-world-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/a001332.jpg"
            alt="7. Involvement of Canada in 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">
                        7. Involvement of Canada in the First World War
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Guiding questions: What were the reasons for Canada's involvement in the First World War? What was the nature of Canada’s involvement in the First World War? What was the role of non-white Canadians during...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 May 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/28007/6-economic-miracle-and-its-impact-on-japan" 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/japan3.jpg"
            alt="6. Economic miracle and its impact on Japan"
        >
    </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. Economic miracle and its impact on Japan
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In the decades following the Occupation, Japan experienced an 'economic miracle'. By the end of the 1960s, Japan had become the third largest economy after the US and USSR. This had a profound impact...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 May 2024
                        </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=100" 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>
