<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/34711/4-primera-guerra-mundial-planificacion-de-ensayos" 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/writing-about-history-680-160x160.png"
            alt="4. Primera Guerra Mundial: Planificación de ensayos"
        >
    </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">
                        4. Primera Guerra Mundial: Planificación de ensayos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta página contiene ENFOQUES DE APRENDIZAJE para mejorar la redacción de ensayos sobre este tema, así como esquemas de ensayos específicos. Tarea Uno ENFOQUES DE APRENDIZAJE: Habilidades de pensamiento...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/34705/june-site-update" 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/https-_cdn.cnn.com_cnnnext_dam_assets_200610184942-king-leopold-ii.jpg"
            alt="June: Site update"
        >
    </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: Site update
                                                <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"> Given the ferment of today's world, this quote acts as a reminder of the relevance of history: The past is alive, dynamic, controversial and hugely relevant in today’s world. It is about justice and injustice,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/34552/estudio-de-caso-la-primera-guerra-mundial" 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/trenches"
            alt="Estudio de caso: La Primera Guerra Mundial"
        >
    </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">
                        Estudio de caso: La Primera Guerra Mundial
                                                <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"> La Primera Guerra Mundial es un estudio de caso interregional.  Es también un ejemplo de un conflicto en el que los teatros de guerra: tierra, mar y aire, las nuevas tecnologías y el alcance de la movilización...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/34601/3-la-primera-guerra-mundial-los-efectos" 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/graves.jpeg"
            alt="3. La Primera Guerra Mundial: los efectos"
        >
    </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. La Primera Guerra Mundial: los efectos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta página analiza los problemas que enfrentaron los pacificadores en 1918  y el impacto del asentamiento de Versalles. Preguntas orientadoras: ¿Cuáles fueron los efectos de la Primera Guerra Mundial?...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/34611/what-does-it-mean-to-tear-down-a-statue-june-2020" 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/black-lives-matter-protesters-topple-edward-colston-statue-kneel-on.jpgcrop731px405px3972px2649pxresize1200800ssl1.jpeg"
            alt="What does it mean to tear down a statue? (June 2020)"
        >
    </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">
                        What does it mean to tear down a statue? (June 2020)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> “When is it possible to ignore or laugh at statues or symbols, and when does it become hard to do so?” Amit Chaudhuri The death of George Floyd in police custody has sparked global anti-rascism demonstrations....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/26040/6-treatment-of-japanese-citizens-in-the-americas" 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/posted_japanese_american_exclusion_order.jpg"
            alt="6. Treatment of Japanese citizens in the Americas"
        >
    </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. Treatment of Japanese citizens in the Americas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of the darker episodes of the Second World War in the Americas is the treatment of Japanese citizens. This page gives ATL on the causes and consequences of the internment of Japanese in America, Canada...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/25811/4-the-use-of-atomic-weapons-against-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/atomiceffects-hiroshima.jpg"
            alt="4. The use of Atomic weapons against 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">
                        4. The use of Atomic weapons against Japan
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Second World War finally ended in the Pacific following the US' decision to drop two Atomic bombs on Japan - the first on the city of Hiroshima and the second on the city of Nagasaki. The first explosion...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/34562/2-la-primera-guerra-mundial-practicas" 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="2. La Primera Guerra Mundial: Prácticas"
        >
    </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. La Primera Guerra Mundial: Prácticas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La Primera Guerra Mundial es un estudio de caso interregional.  Es también un ejemplo de una guerra en la que hay una total movilización de recursos humanos y económicos en algunos de los estados beligerantes....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/34553/1-primera-guerra-munial-causas" 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/franz-ferd.jpeg"
            alt="1. Primera Guerra Munial: Causas"
        >
    </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. Primera Guerra Munial: Causas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La Primera Guerra Mundial comenzó en los Balcanes en julio de 1914 y terminó en noviembre de 1918. En ella participaron más de 100 países y provocó 17 millones de muertos y 20 millones de heridos. Desde...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/34527/distance-learning-engaging-all-students" 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/wes-hicks-4-eetnac1s4-unsplash.jpg"
            alt="Distance learning: engaging all students"
        >
    </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">
                        Distance learning: engaging all students
                                                <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 our last distance learning blog, we discussed using breakout rooms to set up a debate. Here, we continue the theme of encouraging direct student participation during online lessons We all know that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 May 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=150" 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>
