<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/31205/us-civil-war-videos" 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/movie-film_23-2147498233.jpg"
            alt="US Civil War: Videos"
        >
    </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">
                        US Civil War: Videos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We have used many different videos on the ATL pages. Here are some extra videos on the US Civil War which are in addition to the documentaries we have put up on the ATL pages. There are a series of short...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/22118/1-genghis-khan-from-rats-to-riches-atl" 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/ghengis.jpg"
            alt="1. Genghis Khan: From rats to riches (ATL)"
        >
    </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. Genghis Khan: From rats to riches (ATL)
                                                <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"> In these pages, you will be introduced to one of the most formidable medieval political and military figures - Genghis Khan. The material will outline the various factors that led to the rise and consolidation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/28819/3-short-term-causes-westward-expansion-and-the-crises-of-the-185" 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/300px-american_progress_(john_gast_painting).jpg"
            alt="3. Short term causes: westward expansion and the crises of the 1850s"
        >
    </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. Short term causes: westward expansion and the crises of the 1850s
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   This page examines the short term causes of the Civil War: the turbulent years of the 1850s which saw divisions in America deepen and set the stage for the outbreak of civil war. Why was Westward expansion...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/27915/2-origins-of-the-civil-war-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/southern_chivalry.jpg"
            alt="2. Origins of the Civil War: 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">
                        2. Origins of the Civil War: long-term causes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page explores further the growing tensions over the different political, social and economic developments taking place in the northern and southern states of America. What are 'states' rights'? What...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/41572/ee-sample-2-the-french-revolution-and-the-role-of-women-1789-to-" 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/03.jpg"
            alt="EE Sample 2: The French Revolution and the role of women 1789 to 1815 (New criteria A grade)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        EE Sample 2: The French Revolution and the role of women 1789 to 1815 (New criteria A grade)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Introduction The French Revolution is often understood as a pivotal historical period that was driven and shaped by significant men who led and defined its dramatic course in modern history. In traditional...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/27273/1-slavery-conditions-resistance-and-the-abolitionists" 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. Slavery: conditions, resistance and the abolitionists"
        >
    </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. Slavery: conditions, resistance and the abolitionists
                                    

                    </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.  Why was slavery important...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/56256/july-blog-the-olympic-games-historical-controversies" 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/copy-of-copy-of-wp-news-story-template-2024-05-14t115808.030.jpg"
            alt="July Blog: The Olympic Games - historical controversies"
        >
    </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">
                        July Blog: The Olympic Games - historical controversies
                                                <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 Friday sees the opening ceremony of the 2024 Paris Olympics. As well as being the focus of remarkable sporting achievements, the Olympic Games have often provided a spotlight on key historical...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/48007/b-developments-1905-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/igcse/history/screenshot-2024-07-19-at-17.08.00.png"
            alt="b. Developments 1905 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">
                        b. Developments 1905 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...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/22893/6-second-world-war-effects" 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/yalta.jpeg"
            alt="6. Second World War: Effects"
        >
    </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. Second World War: Effects
                                                <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 Second World War had profound economic and humanitarian consequences for Europe and Asia. The political consqeunces and the development of the USA and USSR as the leading global superpowers led to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/22767/5-second-world-war-practices" 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/ww2-impact.png"
            alt="5. Second World War: Practices"
        >
    </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. Second World War: Practices
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Second World War is a case study of a war between states.  It is also cross-regional case study.  It is an example of a war where you can analyse and evaluate the relative importance of each theatre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 July 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=98" 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>
