<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/26950/integrating-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/photo-1471958680802-1345a694ba6d.jpg"
            alt="Integrating ATL"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teaching, Learning and Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Integrating ATL
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> All activities on this site are based on different Approaches to Learning (ATL).  A key aim of the IB is to develop the following key learning skills in students Many of these skills are interrelated....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/36014/september-return-to-school-and-new-resources" 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/04_macmillan_rgb.jpg"
            alt="September: Return to school and new resources"
        >
    </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">
                        September: Return to school and new resources
                                                <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"> Image from Foreign Affairs, Which Past Is Prologue? Margaret MacMillan Many of you will be starting the new school year, or returning to school for the first time since lockdown – some with blended or...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 September 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/35865/14-acontecimientos-politicos-en-america-latina-19451980" 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/fidel_castro.jpg"
            alt="14: Acontecimientos políticos en América Latina (1945–1980)"
        >
    </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">
                        14: Acontecimientos políticos en América Latina (1945–1980)
                                                <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"> Esta sección se concentra en las cuestiones internas y los acontecimientos políticos posteriores a 1945 en América Latina. Cuba había sido una colonia española hasta 1898 y luego, tras tres años y medio...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/31574/7-lebanons-civil-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/480px-flag_of_lebanon.svg.png"
            alt="7. Lebanon&#039;s Civil 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. Lebanon's Civil War
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Lebanese Civil War was one of the most devastating conflicts of the late 20th Century. It was both an internal Lebanese affair and a regional conflict involving a host of regional and international...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/21858/7-first-world-war-extra-resources" 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/resources.jpg"
            alt="7. First World War: Extra resources"
        >
    </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: Extra resources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page we have included some extra websites, reading, fiction and films that are useful for pursuing this topic further. Also see the blogs leading up to the Armistice Anniversary, November 2018...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/35933/case-study-topic-10-nasser" 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/nasser-paper-3.png"
            alt="Case Study: Topic 10 Nasser"
        >
    </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 Nasser
                                                <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 1952 a coup brought down King Farouk of Egypt; the new military regime introduced a series of modernising reforms and also challenged the West's influence in the country and in the region as a whole....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/35958/nasser-essay-planning-for-paper-2" 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/coll_es.png"
            alt="Nasser: Essay planning for Paper 2"
        >
    </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">
                        Nasser: Essay planning for Paper 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page contains essay help when using Nasser as a case study. See also the essay page on plans for comparative style essays: Comparative essay planning for authoritarian states    In pairs draft essay...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/32334/1-the-english-civil-war-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/charles-i-21388939-1-402.jpg"
            alt="1. The English Civil War: 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">
                        1. The English Civil War: Causes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The origins of the English Civil War can be found in the reign of James I and in the political, economic and religious tensions that developed during his time as monarch. These tensions continued under...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/22117/ps1-military-leaders" 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="PS1: Military Leaders"
        >
    </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">
                        PS1: Military Leaders
                                                <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 prescribed subject covers the military leaders of Genghis Khan and Richard I. An outline of the key themes is given below. Full details of this prescribed subject can be found here. This prescribed...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/33219/opcion-4-historia-de-europa" 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/map-of-europe.jpg"
            alt="Opción 4: Historia de Europa"
        >
    </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">
                        Opción 4: Historia de Europa
                                                <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"> Esta sección ofrece 18 temas de estudio posibles que abracan desde el siglo XI al siglo XX, cubriendo desde la Europa medieval al colapso del Comunismo. Esto le permite ampliar su currículum para cubrir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2020
                        </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=145" 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>
